﻿/* == STYLESHEET FUNCTIONS - Site layout and base style overrides
----------------------------------------------------------------------------------------------------------------------

/* == Main Layout Structure
----------------------------------------------------------------------------------------------------------------------*/

#wrap{width: 997px;margin: 0 auto;text-align: left;}
#wrap #head{float: left;width: 997px;height: 180px;padding: 0;background: #fff url(../_img/head-bg.jpg) no-repeat top left;}
#wrap #mainContent{float: left;width: 997px;padding: 0 0 0 0; border-top: solid 1px #a6c8d1;}
#wrap #footer{float: left;width: 997px;border-top: solid 1px #a6c8d1;margin: 50px 0 0 0;padding: 8px 0 20px 0;color: #A1A1A1; font-size: 90%;}

/* == Main Content Divisions
----------------------------------------------------------------------------------------------------------------------*/
#wrap #mainContent .zoneOne{float: left;width: 549px; margin-top: 12px; padding: 8px;}
#wrap #mainContent .zoneDetails{float: left;width: 95%; margin-top: 12px; padding: 8px;}
#wrap #mainContent .zoneTwo{float: right;width: 199px;margin-top: 12px; padding: 8px; background-color: #c6e0e7;}
#wrap #mainContent .zoneSplit{width: 190px;}
#wrap #mainContent .zoneSplit h2{margin: 20px 0 5px 0;}
#wrap #mainContent .zoneSplit p{margin: 5px 0 5px 0;}

/* == Head Content
----------------------------------------------------------------------------------------------------------------------*/


/* == Navigation
----------------------------------------------------------------------------------------------------------------------*/
#wrap #mainContent ul.navigation{float: left;width: 200px;}
#wrap #mainContent ul.navigation{list-style: none;margin: 12px 8px 0 0;}
#wrap #mainContent ul.navigation li{float: left;margin: 0;background: transparent url(../_img/nav-divide.gif) no-repeat bottom right; padding: 5px; width: 190px;}
#wrap #mainContent ul.navigation li a{float: left;color: #656565;padding: 0 14px 0 13px;font-size: 120%;text-decoration: none;}
#wrap #mainContent ul.navigation li a:hover, 
#wrap #mainContent ul.navigation li a.on{color: #7ea4ae;background: transparent url(../_img/nav-point.gif) no-repeat left;}
#wrap #mainContent ul.navigation li.noBG{background: none;}

#wrap #mainContent ul.navigation li.second{background-image: none;}
#wrap #mainContent ul.navigation li.second a{padding: 0 20px 0 25px; font-size: 90%;}
#wrap #mainContent ul.navigation li.second a:hover{padding: 0 5px 0 25px; background-image: none; font-weight: bold;}
#wrap #mainContent ul.navigation li.second a.on{padding: 0 5px 0 25px; font-weight: bold; background-image: none;}

/* == Footer Content
----------------------------------------------------------------------------------------------------------------------*/
#wrap #footer ul{text-align: center; margin:0;font-family: Arial;color: #BFBFBF;}
#wrap #footer ul li{display: inline;margin: 0;}
#wrap #footer ul li a{color: #6b6b6b;text-decoration: none; font-size: 110%; font-weight: bold}
#wrap #footer ul li a:hover{text-decoration: none;color: #7A7A7A;}

/* == Content Styles
----------------------------------------------------------------------------------------------------------------------*/
#wrap #mainContent .zoneOne .leadText{font-size: 110%; font-weight: bold; line-height: 1.5;}
#wrap #mainContent .zoneOne .sm{font-size: 90%}
#wrap #mainContent .zoneTwo .counterPanel{width: 199px; height: 148px; background: #d0ebf2 url(../_img/counter-panel.gif) no-repeat top left; text-align: center}
#wrap #mainContent .zoneTwo .counterPanel h1{color: #2d2918; display: block; border-bottom: solid 1px #fff; font-size: 260%; margin-top: 10px; padding-bottom: 20px;}
#wrap #mainContent .zoneTwo h2{color: #2d2918; border-bottom: solid #fff 1px; margin: 0; padding-bottom: 5px;}
#wrap #mainContent .zoneTwo a{color: #161616}
#wrap #mainContent .zoneOne td.lines{border: solid 1px #ddd; padding:5px;}
#wrap #mainContent .zoneOne img{float: left; border: solid 5px #cce0a3; margin-right: 25px;}
#wrap #mainContent .zoneDetails img{float: left; border: solid 5px #cce0a3; margin-right: 25px;}
#wrap #mainContent .zoneOne img.open{border: solid 5px #cce0a3; margin-right: 20px;}
#wrap #mainContent .zoneOne img.chart{float: none; border: solid 5px #cce0a3;}
#wrap #mainContent .zoneOne img.central{margin:0; border: solid 5px #cce0a3;}
#wrap #mainContent .zoneOne td.nolines{border:0; padding:0;}
#wrap #mainContent .zoneOne td.norightline{border: solid 1px #aaa; border-right:0; padding: 3px;}
#wrap #mainContent .zoneOne td.noleftline{border: solid 1px #aaa; border-left:0; padding: 3px;}