body { background-color: #FFF; margin: 0 auto; text-align: center; font-family: 'Arial', sans-serif; color: #666; font-size: 12px; font-family: 'helvetica','arial',sans-serif; }
.home { background: #FFF url(../img/main/background.png) repeat-x top left; }
.secondary { background: #FFF url(../img/main/background-secondary.png) repeat-x top left; }
html { overflow-y: scroll}
.spacer{	clear:both; 	font-size:0; 	line-height:0;}

/* header stuff */
#header-home { background: transparent url(../img/main/underwater-home.jpg) no-repeat top center; height: 430px; }
#header-secondary { background: transparent url(../img/main/underwater-secondary.jpg) no-repeat top center; height: 180px; }
#navbox { background: transparent url(../img/main/header-background.png) no-repeat top center; width: 998px; height: 100px; margin: 0 auto; }


.logo { border: 0; position: relative; top: -15px; left: 36px; float: left; }
#contactinfo { font-size: 18px; float: right; position: relative; top: 20px; right: 40px; color: #0066B1; text-align: right; }
#contactinfo p { font-size: 12px; margin: 0 0 2px 0; }
#contactinfo a:link, #contactinfo a:visited { text-decoration: none; color: #0066B1; font-weight: bold; }
#contactinfo a:hover { color: #000; }

/* content stuff */
.report-generator{background-image:url(../img/admin/gradient-background.png);background-repeat:repeat-x; padding:10px;margin-bottom: 20px; }

#billboard { background: transparent url(../img/main/billboard-background.png) no-repeat top center; height: 181px; width: 998px; margin: 0 auto; }
.billboardcontent { color: #FFF; padding: 60px 50px 20px 20px; width: 320px; float: right; text-align: left; }
.billboardcontent p{font-size:14px; height:22px;}
#pagetitle { text-align: left; width: 920px; margin: 0 auto; position:relative; }
#pagetitle p.share{	background-color:inherit;position:absolute;right:-25px;top:-12px;}
#contentframe { background: transparent url(../img/main/content-background.png) no-repeat top center; width: 998px; margin: 0 auto; }
#content { padding: 40px; text-align: left; min-height: 300px; }
#main { width: 630px; float: left; margin: 0 0 20px 0; }
#main-page { width: 630px; float: right; margin: 0 0 20px 0; }
#sidebar { width: 270px; float: right; margin: 0 0 20px 0; }
#sidebar-main { width: 270px; float: left; margin: 0 0 20px 0; }
.highlights { background-color: #F2F2F2; padding: 10px; }
.highlights h1 { font-size: 15px; color: #666; font-weight: normal; border-bottom: 1px solid #CCC; line-height: 20px; margin: 0 auto; padding-bottom: 4px; }

.checkMedic {padding: 2px; margin-bottom:5px; }
.checkMedic #text{ width:240px; line-height:17px; font-weight:bold; margin:30px 0px 0px 25px;  float:left; }
.checkMedic img { float:left; padding:0px; }
/* link styles */
a:link, a:visited {color: #0066B1; text-decoration: none;}
a:hover {color: #333; text-decoration: none;}

/* button stuff */
button{border: 0 none; font-weight: bold; font-size: 12px; height: 28px; text-align: center; width: auto;padding: 0 18px 0 0; }
.buttonwrapper { overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */ width: 100%; margin-top:5px; height: 40px; }
a.button { background: transparent url(../img/main/btn-left.png) no-repeat top left; display: block; float: left; font-size: 1em; font-weight: bold; line-height: 20px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */ height: 28px; /* Height of button background height */ padding-left: 14px; /* Width of left menu image */ text-decoration: none; text-shadow: #032F4E 1px 1px 0px; margin: 10px 0 0 0; }
a:link.button, a:visited.button, a:active.button { color: #E7EFF4; }
a:hover.button { color: #FFF; text-shadow: #032F4E 1px 1px 0px; }
a.button span { background: transparent url(../img/main/btn-right.png) no-repeat top right; display: block; padding:4px 34px 4px 2px; /*Set right padding to be equal or greater than'padding-left' value above*/ }

/* list */
#content ul { margin-left: 0px; padding-left: 0px; list-style-type: none;}
#content ul li { padding: 0px 0px 0px 20px; margin: 0px 0px 8px 0px; list-style-type: none; background: transparent url(../img/main/ico-check.png) no-repeat left top; font-size: 12px; vertical-align: middle; min-height: 18px; color: #666; }

/* images */
img { border: 0; }
img.pageimage { margin: 0 0 20px 0; }
img.right { float: right; padding: 0 0 10px 10px; }
img.left { float: left; padding: 0 10px 10px 0; }

/* footer */
#footer { border-top: solid #F2F2F2 1px; width: 920px; margin: 0 auto; padding: 15px 0 40px 0; font-family: 'helvetica','arial',sans-serif; color: #CCC; font-size: 12px; clear:both; }
#footer a:link, #footer a:visited {color: #999; text-decoration: none; font-weight: normal;}
#footer a:hover {color: #666;}
.copyright { float: left; }
.footerlinks { float: right; }

/* text styles */
p { line-height: 18px; margin: 0 0 10px 0; }
h1 { font-size: 24px; color: #FFF; font-weight: lighter; margin: 20px 0 10px 0; line-height: 0; }
h2 { font-size: 16px; color: #999; font-weight: lighter; margin: 0 0 10px 0; line-height: 20px; }
h3 { font-size: 16px; color: #333; font-weight: normal; margin: 0 0 2px 0; }
#sidebar p { font-size: 12px; color: #666; line-height: 17px; }
#sidebar-main p { font-size: 12px; color: #666; line-height: 17px; }


/* share and bookmark */
#sidebar-main #share { float:right;	position:relative;	right: 10px;	top: 0px;	font-size:12px;	color:#999; margin-bottom:10px;  }
#sidebar-main #share img { margin:0 3px 0 5px; vertical-align: top;}
#sidebar-main #share a { color:#999; text-decoration:underline;}
#sidebar-main #share a:hover { text-decoration:none;}

/* share and bookmark */
#sidebar #share { float:right;	position:relative;	right: 10px;	top: 0px;	font-size:12px;	color:#999; margin-bottom:10px;  }
#sidebar #share img { margin:0 3px 0 5px; vertical-align: top;}
#sidebar #share a { color:#999; text-decoration:underline;}
#sidebar #share a:hover { text-decoration:none;}

/* main navigation */
#navigation { height: 30px; width: 800px; position: relative; top: 30px; left: 170px; margin: 0; }
ul#nav { font-size: 13px; text-align: center; font-weight: bold; }
ul#nav, ul#nav li { float: left; list-style: none; margin: 0 auto; padding: 0px; height: 30px; }
ul#nav a, ul#nav a:visited { color: #888888; text-decoration: none; display: block; margin: 0px 1px; padding: 8px 10px 8px 10px; font-weight: bold; text-shadow: #EDEDED 1px 1px 0px; }
html > body ul#nav a, ul#nav a:visited { height: 16px; }
ul#nav a:hover { color: #555555; text-decoration: none; display: block; padding: 8px 10px 8px 10px; }
html > body ul#nav a:hover { height: 16px; }
#nav li.selected a, #nav li.active a { color: #333333; text-decoration: none; display: block; padding: 8px 10px 8px 10px; background: transparent url(/images/nav_arrow.png) no-repeat bottom center; }

/* warning text */
.textRed{ color:#f00;}
.textRedBold{ color:#f00; font-weight:bold;}

/* table class */
.main-table{width: 100%;border-collapse: collapse; border: solid 1px #7f7f7f;}
.main-table tbody{background-color:#f2f2f2;}
.main-table tr{ padding: 10px; height: 36px; }
.main-table th {text-decoration:none;color:#fff;font-weight: bold;}
.main-table th a{text-decoration:none;color:#fff;font-weight: bold;}
.main-table td a{text-decoration:none;color:#2e639d;}
.main-table td{border-right: 1px solid #7f7f7f;padding:7px 3px 7px 3px;font-size: 11px;color:#333;}
.main-table th{background-color:#999999;border-right: 1px solid #7f7f7f;color:#fff;font-size: 11px;padding:10px 5px 10px 5px;text-shadow: #666 1px 1px 1px;}
.darkTR{background-color:#e2e2e2;}

/* dropdown menu */

.menu ul{height:35px;list-style:none;margin:0;padding:0;	}
.menu li{float:left;padding:0px;position: relative;	}
.menu li a{color:#cccccc;display:block;font-weight:normal;margin:0px;padding:0px 25px;
		text-align:center;text-decoration:none;}
.menu li a:hover, .menu ul li:hover a{color:#FFFFFF;text-decoration:none;}
.menu li img {display: none;position: absolute;top: 27px;left: 30px;}
.menu li ul{background:url('../img/dropdown-gradient.png') bottom left;display:none;
		height:auto;padding: 4px;margin: 0px;border:0px;position:absolute;
		width:150px;z-index:200;
		/*top:1em;
		/*left:0;*/
		}
.menu li:hover img {display: block;	}
.menu li:hover ul{display:block;}
.menu li li {background:url('../img/sub_sep.gif') bottom left no-repeat;
		display:block;float:none;margin:0px;padding:0px;width:175px; }
.menu li:hover li a{background: none;font-weight: 400;}
.menu li:hover li a:visited {background: none;font-weight: 400;}
.menu li ul a{display:block;height:35px;font-size:12px;font-style:normal;
		margin:0px;	padding:0px 10px 0px 15px;text-align:left;}
.menu li ul a:hover, .menu li ul li:hover a{border:0px;color: #999;text-decoration:none;}
.menu p{clear:left;}