﻿body {margin: 0; padding: 0; border: 0;}
body {color: black; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; margin: 0 0 0 0; padding: 0 0 0 0; text-align: left; background-color: #3366CC;}

#footer {margin: 0; padding: 0; border: 0;}
#content {margin: 0; padding: 0; border: 0;}
#page_content {margin: 0; padding: 0; border: 0;}
#sidebar {margin: 0; padding: 0; border: 0;}
#masthead {margin: 0; padding: 0; border: 0;}
#container {margin: 0; padding: 0; border: 0;}

/* --- Universal Styles --- */

a {color: #0044BB; text-decoration: underline; font-weight: bold;}
a:hover {color: #46A3FF;text-decoration: underline;font-weight: bold;}

p {margin-left: 10px; margin-right: 10px }

.highlight2 {margin-left: 0px; background-color: #FFAC59; padding: 3px 0 3px 3px;}
.highlight3 {background-color: #FFFF66;padding: 1px;}

.textcenter {text-align: center;}
.textright {text-align: right;}

/*------ Ad Holders ------*/

.ad1 {width: 100%; border-top: 1px #666666 solid;  border-bottom: 1px #666666 solid; padding: 8px 0 8px 0; text-align: center;}

table.adtable1 {float: right; width: 200px; height: 200px; padding: 0px; margin: 0 0 5px 8px; border: none; text-align: center; vertical-align: middle;}

/* ----- IDs ----- */

#container {width: 920px; margin: 10px auto 5px auto; background-color: #CCDDFF;}

#masthead {text-align: left; width: 920px; overflow: auto; background-color: #FFAB33;}
#masthead img {float: right; border: none;}
#masthead h1 {margin: 23px 0 12px 0; padding: 0; font-size: 260%; font-weight: bold; font-style: italic;}
#masthead h2 {font-size: 12px; font-weight: normal; margin: 0; padding: 0; font-style: italic; line-height: 150%;}

#sidebar {float: right; width: 170px; background-color: #cdf; position: relative; clear: both; display: inline; text-align: center;}
#sidebar ul {list-style-type: none; width: 100%; display: block; margin: 0; padding: 0; text-align: center;}
#sidebar li {display: block; border: 1px solid #cdf; font-size: 11px; line-height: 130%;}
#sidebar li a {font-weight: bold; text-decoration: none; color: #04b; display: block; padding: 5px 0px; border-bottom: 1px solid #f9f9f9;}
#sidebar li a:hover {font-weight: bold; text-decoration: none; color: #04b; border-bottom: 1px solid #f9f9f9; background-color:#f9f9f9;}
#sidebar img {margin: 5px 0; border: none; border-collapse: collapse;}

#content {float: left; width: 720px; padding: 5px 15px 0px 15px; overflow: auto; background-color: #FFFFFF; margin: 0px; position: relative;}
#content h1 {font-size: 200%; font-weight: bold;}
#content h2 {font-size: 160%; font-weight: bold;}
#content img {border: none; border-collapse: collapse;}
#content hr {margin: 0; padding: 0; height: 1px; width: 100%; color: #666666;}

#footer {clear: both; width: 920px; background-color:  #FFAC59; padding: 10px 0px 5px 0px; overflow: auto; margin-top: 0px;}
#footer p {font-size: 10px;	text-align: center; line-height: 150%; margin: 0px; padding: 2px;}
#footer a {color: #333; text-decoration: none;}
#footer a:hover {color: #333; text-decoration: underline;}

/* Image Popup Code */

.thumbnail{position: relative; z-index: 0; display: block; float: none;}
.thumbnail:hover{background-color: transparent; z-index: 50;}
.thumbnail span{/*enlarged image*/position: fixed; background-color: lightyellow; padding: 5px; left: auto; border: 1px dashed gray;
	visibility: hidden; color: black; text-decoration: none;}
.thumbnail span img{ /*enlarged image*/border-width: 0; padding: 2px;}
.thumbnail:hover span{ /*enlarged image on hover*/visibility: visible; top: 0; left: 0px; /*position where enlarged image should offset horizontally */}

/* ---- Tables ---- */

table {margin: 0; padding: 0; width: 100%; border: none; border-collapse: collapse;}

table.pictable1 {width: 100%; margin: 0 0 25px 0; padding: 0; border: none;}
table.pictable1 td {text-align: center; vertical-align: middle; width: 25%;}



