/* ===== Primary HTML tags ==================== */
html,body { height:100%; max-height:100%; margin:0px; padding:0px; border:0px; }
body { background:#057A68 url(../images/background.gif); }
td { vertical-align:top;font:normal 11px arial; }
b, strong { font-family:arial; }
A:link { color:#003300; text-decoration:none; }
A:active { color:#990000; text-decoration:none; }
A:visited { color:#990000; text-decoration:none; }
A:hover { color:#000000; text-decoration:underline; }

/* ===== Main Content Layout ==================== */
#container { width:841px; height:100%; }
#container #shadowLeft { width:21px;}
#container #shadowRight { width:21px; }
#container #contentArea { width:799px;background:#FFF; }
#container #contentArea.sub { background: #FFF url(../images/bkgd_sub.gif) repeat-y top left; }
#container #contentArea #contentTop { width:783px;padding:0px 8px;background: #FFF url(../images/bkgd_content.gif) repeat-y top left; }
#container #contentArea #contentMain { width:740px;padding:0px 30px 8px 29px;background: #FFF url(../images/bkgd_content.gif) repeat-y top left; }
#container #contentArea #contentSub { width:799px;min-height:500px;background:#FFCC00;background: #FFF url(../images/bkgd_sub.gif) repeat-y top left; }
* html #container #contentArea #contentSub { height: 500px; }
#container #contentArea #contentSub .contentSub { border-top:3px solid #FFF; margin:0px 8px; }

#topMenu { position:relative;width:783px;height:26px;padding:1px 0px;background:#FFF; }
.colummn { width:10px; overflow:hidden; }

/* ===== Calendar on Index ==================== */
#calendar { width:192px;height:250px;background:transparent url(../images/bkgd_calendar.gif) no-repeat top left; }
#calendar #title { font:bold 18px arial; color:#999;display:block;width:192px;padding-top:5px;text-align:center; }
#calendar #grid { font:bold 9px verdana; color:#990000; }
#calendar #grid th { background-color:#EEE; font:bold 11px arial; color:#000;text-align:center; }
#calendar #grid td { font:bold 9px verdana;background-color:#EEE; text-align:center;padding:1px 0px; }
#calendar #grid td.active { background-color:#CCC; }
#calendar #grid td.active a { font:bold 9px verdana; color:#990000; }
#calendarCtrls { margin-top:5px }

/* ===== Sidebar Navigation ==================== */
#navigation { width:215px;background:#E0E0E0;margin-left:8px; }
#navlist { margin: 0px; padding: 0; list-style: none; }
#navlist ul { list-style: none; }
#navlist li { font:bold 9px verdana;color:#666; padding: 2px 0px 2px 40px; background: url(../images/dot_menu.gif) no-repeat 30px .8em; }
#navlist li a { color:#666; text-decoration:none; }
#navlist li.section { display: block; padding-left:40px;width:175px;color:#FFF; background-color: #057A68;background-image:none; }
#navlist li.section a { color:#FFF; }
#navlist li.sublist { display:block;color:#000; background:#CCCCCC url() no-repeat;padding-left:50px; }
#navlist li.sublist a { font:bold 9px verdana;color:#666; width:165px; }
#navlist li.active { padding-left:50px;background:url(../images/arrow_small.gif) no-repeat 40px .5em; border-top:1px solid #F0F0F0; border-bottom:1px solid #999999; }
#navlist li.home { font:bold 14px arial; color:#666;background: url(); }
#navlist li.title { font:bold 12px arial; color:#000; background: url(); }
#navlist li.title a { font:bold 12px arial; color:#000; }
#subnavlist { margin-left: 5px; padding: 0; list-style: none; }
#subnavlist li { font:bold 9px verdana;color:#666; padding: 2px 0px 2px 10px;background-image:none; }

#content { padding:10px 25px; }

.caption { font-family: verdana, arial, helvetica; color: #000099; font-size: 10px; font-weight:bold; }
.header { font-family: arial; font-size: 16px; color: #666666; font-weight: bold; }

/* ===== DHTML Menu and SubNav ==================== */
.mainMenu { font-family: arial, helvetica; color: #FFFFFF; font-size: 11px; font-weight:bold;}
A.mainMenu:link { color: #FFFFFF; text-decoration: none }
A.mainMenu:active { color: #FFFFFF; text-decoration: none }
A.mainMenu:visited { color: #FFFFFF; text-decoration: none }
A.mainMenu:hover { color: #FFFFFF; text-decoration: none }

.subMenu { font:bold 11px arial; color: #333; }
A.subMenu:link { color: #333 text-decoration: none; line-height:20px }
A.subMenu:active { color: #000; text-decoration: none; line-height:20px }
A.subMenu:visited { color: #333; text-decoration: none; line-height:20px }
A.subMenu:hover { color: #000; text-decoration: none; line-height:20px }

/* ===== Calendar ==================== */
.calendar { font-family: arial; font-size: 11px; color:#990000; font-weight:bold }
A.calendar:link { color: #990000; text-decoration: underline }
A.calendar:active { color: #660000; text-decoration: underline }
A.calendar:visited { color: #660000; text-decoration: underline }
A.calendar:hover { color: #660000; text-decoration: underline }	

/* ===== Text CSS In Black Box for SubPage Headers ==================== */
.tableHeader { font-family: verdana, arial, helvetica; color: #FFCC00; font-size: 10px; font-weight: bold; }

/* ===== DHTML SubNav Layer Definitions ==================== */
#layer1 { position:absolute; z-index:10; left:0px;   top:26px; visibility: hidden }
#layer2 { position:absolute; z-index:20; left:82px;  top:26px; visibility: hidden }
#layer3 { position:absolute; z-index:30; left:153px; top:26px; visibility: hidden }
#layer4 { position:absolute; z-index:40; left:265px; top:26px; visibility: hidden }
#layer5 { position:absolute; z-index:50; left:355px; top:26px; visibility: hidden }
#layer6 { position:absolute; z-index:60; left:442px; top:26px; visibility: hidden }
#layer7 { position:absolute; z-index:70; left:530px; top:26px; visibility: hidden }
#layer8 { position:absolute; z-index:80; left:648px; top:26px; visibility: hidden }

/* ===== clear floating divs ==================== */
div.clearBoth { clear:both;overflow:hidden;height:1px; }
div.clearLeft { clear:left;overflow:hidden;height:1px; }
div.clearRight { clear:right;overflow:hidden;height:1px; }

/* ===== Footer ==================== */
#footer { width:783px;border-left:8px solid #FFF;border-right:8px solid #FFF; }
#footer .nav { width:215px;float:left; padding-top:32px;background:#E0E0E0;border-bottom:3px solid #FFF; }
#footer .disclaimer { width:478px; padding:5px 30px;margin-left:227px;text-align:center; font:bold 9px/15px verdana; color:#000; }
#footer .disclaimer a { font:bold 9px verdana; color:#000; text-decoration:none; }
#footer .disclaimer a:hover { color:#000; text-decoration:underline; }