@charset "UTF-8";
/* CSS Document */



/*---------------------
	GLOBALS
---------------------*/
html {margin:0; padding:0;}
body {background:#333; margin:0; padding:0; min-width:1000px;}
a, a:visited {text-decoration:none; outline:none; border:none;}
a.reveal {font:italic 10px Arial, Helvetica, sans-serif; color:#FF9900; cursor:pointer;}
a.hideagain {font:italic 10px Arial, Helvetica, sans-serif; color:#FF9900; cursor:pointer;}


/*---------------------
	TEXT FORMATTING
---------------------*/
h1 {font:bold 29px Arial, Helvetica, sans-serif; color:#333;}
h2 {font:bold 28px Arial, Helvetica, sans-serif; color:#333;}
h3 {font:bold 21px Arial, Helvetica, sans-serif; color:#333; margin:0;}
h4 {font:bold 21px Arial, Helvetica, sans-serif; color:#fff; padding-bottom:4px; border-bottom:1px solid #999;}
h5 {font:bold 19px Arial, Helvetica, sans-serif; color:#333; padding:20px 0 0 0; margin:0;}
h6 {font:bold 19px Arial, Helvetica, sans-serif; color:#333;}

h7.orange {font:bold 19px Arial, Helvetica, sans-serif; background:#FF9900; color:#fff; padding:6px; margin:0;}
h7.blue {font:bold 19px Arial, Helvetica, sans-serif; background:#036; color:#fff; padding:6px; margin:0; height:20px; width:auto;}

h8 {font:bold 14px Arial, Helvetica, sans-serif; color:#333;}

.bold {font:bold 12px Arial, Helvetica, sans-serif; color:#333;}

p {font:13px Georgia, "Times New Roman", Times, serif; color:#444; line-height:1.5em; padding:6px;}
p.main {float:left; position:relative; width:auto; border-top:1px solid #444; border-bottom:1px solid #444;}
p.single, li.single {float:left; position:relative; width:auto;}
.note {font:14px Georgia, "Times New Roman", Times, serif; color:#444;}

ul, ul p {font:normal 13px Georgia, "Times New Roman", Times, serif; color:#444; margin:0; padding:6px; line-height:1.5em;}
li {font:normal 13px Georgia, "Times New Roman", Times, serif; margin-left:1.5em; padding:2px; list-style-type:square; color:#444;}
li.revealtext {font:bold 14px Georgia, "Times New Roman", Times, serif; color:#333; line-height:1.5em; padding:6px;}
a.email, a.email:visited, a.link, a.link:hover {font:bold 12px  Georgia, "Times New Roman", Times, serif; color:#FF9900;}
a.email:hover, a.link:hover {color:#333;}


ul.news {margin:0; padding:0;}
li.article_date {font:bold 1.5em Arial, Helvetica, sans-serif; color:#333; margin:0; padding-left:6px; list-style-type:none;}
li.article_news {font:bold .8em Arial, Helvetica, sans-serif; color:#fff; margin:0; padding-left:6px; padding-bottom:15px; list-style-type:none;}
a.more {color:#999;}
a.more:hover {color:#fff;}

/*---------------------
	LAYOUT - HEADER
---------------------*/
#headercontainer {width:870px; height:136px; margin-left:auto; margin-right:auto; position:relative;}
#headerbar {background:#333; width:100%; height:136px;}
#logo {background: url(images/pagestructure/logo-trans.png) no-repeat; width:300px; height:136px; float:left; position:relative; z-index:100;}
#goal_tag {background: url(images/pagestructure/goal-trans.png) no-repeat; width:290px; height:136px; float:right; position:relative; margin-right: -1.7em;}
#sitetag {background: url(images/pagestructure/site-trans.png) no-repeat; width:186px; height:172px; position:absolute; top:0; left:0; z-index:200;}

/*-----------------------
	LAYOUT - PAGE SETUP
-------------------------*/
#midsection {width:100%; height:100%; background:#fff; float:left; position:relative; padding:0 0 1.5em 0;}
#pagecontainer {width:860px; margin-left:auto; margin-right:auto; position:relative;}

/*---------------------
	LAYOUT - MENU
---------------------*/
#menucontainer {float:left; position:relative; width:auto; height:auto; border:1px solid #999; padding:0px; margin:2em 0 0 0; z-index:800;}


/*--------------------------
	LAYOUT - CONTENT AREA
--------------------------*/
#leftcolumn {float:left; position:relative; width:530px;}
#rightcolumn {float:right; position:relative; width:250px;}

#maincontent {width:auto; float:left; position:relative; margin:1.5em 0 0 0; padding:6px;}
#textarea {float:left; position:relative; width:530px;}
#textimage {width:250px; height:280px; float:right; position:relative;}
.med {background:url(images/medsymbol-trans.png) no-repeat;}
.data {background:url(images/data-trans.png) no-repeat;}

#subcontent {float:left; position:relative; width:auto; margin:0; padding:6px;}
#homepanel {height:150px; width:200px; float:left; position:relative; margin:0; padding:0; background:url(images/panel_graphic.png) no-repeat;}
#detailimage {height:150px; width:150px; float:left; position:relative; margin:0; padding:0;}
#detailimage.doc {background:url(images/doc.jpg) no-repeat;}
#subtext.pad {float:right; position:relative; padding:0 0 0 10px; margin:0; width:auto;}
#subtext.nopad {float:left; position:relative; padding:0; margin:0; width:100%;}
#infobox {float:left; position:relative; border:1px solid #777; padding:10px;}


/*--------------------------
	LAYOUT - SIDEBAR
--------------------------*/
#sidebar {width:250px; min-height:500px; float:right; position:relative; margin:1em 0 0 0; padding:0; background:#555;}
#sidebar_top {float:left; position:relative; width:238px; padding:6px; margin:0;}
#diagram {width:235px; float:left; position:relative; border:1px solid #555;}
#diagram:hover {border:1px solid #fff;}
#sidebar_bottom {float:left; position:relative; width:238px; padding:.5em 6px 6px; margin:0;}
#newscontent {height:230px; width:238px; overflow:auto;}

/*--------------------------
	LAYOUT - FOOTER
--------------------------*/
#footercontainer {width:870px; height:136px; margin-left:auto; margin-right:auto; position:relative;}
#footerbar {width:100%; height:136px; margin:2em 0 0 0;}
#footermenu {float:left; position:relative; width:auto; height:auto; padding:0; margin:0;}
ul.secondarymenu {float:left; position:relative; padding:6px 0; margin:0;}
ul.secondarymenu li {width:auto; display:inline; padding:0; margin:0; float:left; position:relative;}
ul.secondarymenu li a, ul.secondarymenu li a:visited {font:bold 11px Arial, Helvetica, sans-serif; color:#888; margin:0; padding:7px 11px;}
ul.secondarymenu li a:hover {font:bold 11px Arial, Helvetica, sans-serif; color:#fff;}
#copyright {float:right; position:relative; font:bold 11px Arial, Helvetica, sans-serif; padding:6px 0; color:#777;}

/*--------------------------
	LIGHTBOX
--------------------------*/
#lightbox a {border:none; text-decoration:none;}
#lightbox {position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0;}
#lightbox a img {border:none; text-decoration:none;}
#outerImageContainer {position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;}
#imageContainer {padding:10px;}
#loading {position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}
#hoverNav {position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
#imageContainer>#hoverNav {left:0;}
#hoverNav a {outline:none; text-decoration:none; border:none;}
#prevLink, #nextLink {width:49%; height:100%; background:transparent url(images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block;}
#prevLink {left:0; float:left;}
#nextLink {right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover {background:url(images/lightbox/prev.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background:url(images/lightbox/next.gif) right 15% no-repeat;}
#imageData {padding:0 10px; color:#777;}
#imageData #imageDetails {width:70%; float:left; text-align:left;}	
#imageData #caption {font:normal 16px Georgia, serif; color: #555; text-align: left; padding:0; margin:0;}
#imageData #numberDisplay {display:block; clear:left; padding-bottom:1.0em;}			
#imageData #bottomNavClose {width:66px; float:right;  padding-bottom:0.7em;}
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%}
#overlay{position:absolute; top:0; left:0; z-index:90; width:150%; height:150%; background-color:#222;}


/*--------------------------
	CUSTOM SCROLL STYLE
--------------------------*/
.scrollgeneric {line-height:1px; font-size:1px; position:absolute; top:0; left:0;}
.vscrollerbase {width:15px; background-color:#888;}
.vscrollerbar {width:15px; background-color:#333;}
.hscrollerbase {height:15px; background-color:#555;}
.hscrollerbar {height:15px; background-color:#777;}
.scrollerjogbox {width:10px; height:10px; top:auto; left:auto; bottom:0px; right:0px; background-color:gray;}