﻿/* == 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: 539px; margin-top: 12px; padding: 8px;}
#wrap #mainContent .zoneDetails{float: left;width: 95%; margin-top: 12px; padding: 8px;}
#wrap #mainContent .zoneTwo {float: right;width: 215px; }
#wrap #mainContent .zoneTwo .panelTwo{float: right;margin-top: 12px; padding: 8px; width: 209px; height: 148px;  background: #C6E0E7 url(../_img/counter-panel.gif) no-repeat center; }
#wrap #mainContent .zoneTwo .panelOne{float: right;margin-top: 12px; padding: 8px 0; width: 225px; height: 148px;  background: #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
----------------------------------------------------------------------------------------------------------------------*/
#wrap #head h1{float:left;font-size:240%;font-weight:bold;margin:70px 0 0 50px;text-align:center;width:200px;}
#wrap #head img{float:right;margin:75px 80px 0 0;}
#wrap #head img.logo{float:left;margin:50px 0 0 0;}
/* == Navigation
----------------------------------------------------------------------------------------------------------------------*/
#wrap #mainContent ul.navigation{float: left;width: 210px;list-style: none;margin: 12px 8px 0 0;display:inline;}
#wrap #mainContent ul.navigation li{float: left;margin: 0;background: transparent url(../_img/nav-divide.gif) no-repeat bottom right; padding: 5px; width: 200px;}
#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 .zoneOne .hightlightText{margin-top: 12px; padding: 8px; background-color:#EAF6CF;border:2px solid #D9ECB3;}
#wrap #mainContent .zoneOne .hightlightText h3{color: #2d2918;border-bottom: solid #fff 1px; margin: 0; padding-bottom: 5px;}
#wrap #mainContent .zoneOne .hightlightText p{margin-bottom:0;}
#wrap #mainContent .zoneTwo h2{font-weight:bold;margin:10px;color: #2d2918; border-bottom: solid #fff 1px; padding-bottom: 5px;}
#wrap #mainContent .zoneTwo p{margin:10px;}
#wrap #mainContent .zoneTwo p.email{font-size:75%;font-weight:bold;}
#wrap #mainContent .zoneTwo span{color: #4286A8}
#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;}
#wrap #mainContent .zoneOne h2{margin:20px 0 5px;}
#wrap #mainContent .zoneOne h3{margin:10px 0 5px;}
