/* CSS Document */

/* blocks on screen display of alternative header */
div#topprint {display: none}
/* header styles */
div#topbar {position: absolute; background-color: #333; width: 762px; height: 19px;
	 top: 0; left: 5px; font: 10px verdana, arial, helvetica, sans-serif;}
div#topbar a {padding: 0 4px 0 0;}
div#topbar a:link, div#topbar a:visited {color: #FFF; text-decoration: none;}
div#topbar a:hover, div#topbar a:active {color: #FC6; text-decoration: none;}
/* display inline needed for correct IE display dispite being flagged by built in DW vaildator */
div#topbar form {display: inline; padding: 0 0 0 8px;}
div#top2 {position: relative; top: 20px; left: 0;}
/* change cursor to question mark over annex photo, FF only */
area#popup {cursor: help;}

/* content styles; top offset by 25px to take into account absolute topbar div and white margins that follow */
div#content {position: relative; left: 0; top: 25px; background-image: url(../images/main/bgdots_165.gif); 
	background-repeat: repeat-y; clear: both;}

/* left cell styles */
div#left {position: absolute; width: 160px; top: 0px; left: 0px; vertical-align: top; background-color:#FFF}
div#left ul {margin-left: 18px;}
div#left li {font-size: 11px;}
div#left a:hover, div#left a:active {font-weight: bold;}
a.left_js:hover, a.left_js:active {font-weight: bold;}
.regbold11 {font-size: 11px; font-style: normal; font-weight: bold; text-decoration: none;}
.orange_js {color: #FFCC66;}

/* middle cell styles */
/* used by Mac IE 52 */
div#middle {position: relative; width: 510px; margin: 0 0 0 170px;}
/* used by other browsers remove background color \*/
div#middle {position: relative; width: 510px; top: 0px; left: 170px; margin: 0 0 0 0;}
/* end hack */
/* the following 2 lines of code are used to force a minimum page height of 503px */
/* from http://www.greywyvern.com/code/min-height-hack */
/* css only alternate at http://www.dustindiaz.com/min-height-fast-hack - does not work for version 5 browsers */
/* May need to add Mac IE 5.x hack to kill propopen since it appears to force 503px space at top of page */
.propopen {float: right; width: 1px; height: 521px;}
.clear {clear: both; height: 1px; overflow: hidden;}

div#middle a:visited {color: #900; text-decoration: none;}
div#middle a:link {color: #339; text-decoration: none;}
div#middle a:hover {color: #900; text-decoration: underline;}
div#middle a:active {color: #C03;}

/* used to float image at top of page */
/* div.toc {float: right; margin-top: 10px; margin-right: 10px;} */
div.toc {float: right; margin: 10px 10px 0 0;}
/* div.toc p {text-align: center; margin-top: 10px; margin-left: 10px;} */
div.toc p {text-align: center; margin: 10px 0 0 10px;}

/* photos DIV for row of 4 photos follows */
div#photos {position: relative; width: 762px; top: 0; left: 0; margin-top: 48px; clear: both;}
div#photos div {float: left;}
div#photos p {text-align: center;}
div#photob {padding: 0 18px 0 38px;}
div#photoc {padding: 0 38px 0 18px;}

/* footer */
div#foot1 {position: relative; width: 762px; height: 10px; top: 0; left: 0; margin-top: 32px; clear: both; overflow: hidden;}
div#foot2 {position: relative; width: 762px; height: 21px; top: 0; left: 0; 
	background-color: #CCC; background-image: url(../images/main/bgdots_165.gif); background-repeat: repeat-y; 
	font-size: 11px; text-align: center;}
div#foot3 {position: relative; width: 762px; height: 20px; top: 0; left: 0; background-color: #666;
	font: 10px verdana, arial, helvetica, sans-serif; text-align: center;}
div#foot3 a:link, div#foot3 a:visited {color: #FFF; text-decoration: none;}
div#foot3 a:hover, div#foot3 a:active {color: #FC6; text-decoration: none;}