/* == STYLESHEET FUNCTIONS - Site layout and base style overrides
----------------------------------------------------------------------------------------------------------------------

/* == Main Layout Structure
----------------------------------------------------------------------------------------------------------------------*/

#wrap{margin: 0 auto; text-align: left; width: 960px;background: url(../img/main-shadow.gif) top left repeat-y;padding: 0 6px;}
#wrap:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#wrap #head{float: left; background: #d5d5d5; width: 960px;}
#wrap #mainContent{float: left; width: 944px; margin: 12px 8px;display: inline;}
#wrap #footer{float: left; width: 936px; border-top: solid 1px #e6e6e6;margin: 0 8px 8px 8px; padding: 0 4px; display: inline;}
#wrap #footTools{float: left; width: 944px;border-top: solid 1px #e6e6e6;margin: 0 8px;display: inline;padding: 8px 0 8px 0;}

/* == Templates and Zones
----------------------------------------------------------------------------------------------------------------------*/

/**************** Template 1 ****************************/
#wrap #templateOne .zoneOne{float: left;width: 805px;}
#wrap #templateOne .zoneTwo{float: left;width: 490px;clear: left;}
#wrap #templateOne .zoneThree{float: left;width: 305px;margin: 0 0 0 10px;}
#wrap #templateOne .zoneFour{float: right;width: 127px;}
/** zone splits **/
#wrap #templateOne .zoneTwo .splitLeft{float: left; width: 318px;}
#wrap #templateOne .zoneTwo .splitRight{float: right; width: 162px;}
#wrap #templateOne .zoneThree .splitLeft{float: left;width: 152px;}
#wrap #templateOne .zoneThree .splitRight{float: right;width: 153px;}

/**************** Template 2 ****************************/
#wrap #templateTwo .zoneOne{float: left;width: 668px;}
#wrap #templateTwo .zoneTwo{float: left;width: 353px;}
#wrap #templateTwo .zoneThree{float: right;width: 305px;margin: 0 0 0 10px;}
#wrap #templateTwo .zoneFour{float: left;width: 668px;}
#wrap #templateTwo .zoneFive{float: right;width: 127px;}
#wrap #templateTwo .zoneSix{float: left;width: 805px;}
#wrap #templateTwo .zoneSeven{float: right;width: 127px;}

/**************** Template 3 ****************************/
#wrap #templateThree .zoneOne{float: left;width: 805px;}
#wrap #templateThree .zoneTwo{float: left;width: 490px;clear: left;}
#wrap #templateThree .zoneThree{float: left;width: 305px;margin: 0 0 0 10px;}
#wrap #templateThree .zoneFour{float: left;width: 805px;padding: 5px 0;}
#wrap #templateThree .zoneFive{float: left;width: 490px;clear: left;}
#wrap #templateThree .zoneSix{float: left;width: 305px;margin: 0 0 0 10px;}
#wrap #templateThree .zoneSeven{float: right;width: 127px;}
/** zone splits **/
#wrap #templateThree .zoneSix .splitLeft{float: left;width: 152px;}
#wrap #templateThree .zoneSix .splitRight{float: right;width: 143px;}

/**************** Template 4 ****************************/
#wrap #templateFour .zoneOne{float: left;width: 490px;}
#wrap #templateFour .zoneTwo{float: right;width: 305px;margin: 0 0 0 10px;}
#wrap #templateFour .zoneThree{float: left;width: 805px;}
#wrap #templateFour .zoneFour{float: left;width: 490px;}
#wrap #templateFour .zoneFive{float: left;width: 305px;margin: 0 0 0 10px;}
#wrap #templateFour .zoneSix{float: left;width: 805px;}
#wrap #templateFour .zoneSeven{float: left;width: 490px;}
#wrap #templateFour .zoneEight{float: left;width: 305px;margin: 0 0 0 10px;}
#wrap #templateFour .zoneNine{float: right;width: 127px;}

/* == Head Content
----------------------------------------------------------------------------------------------------------------------*/

#wrap #head #headTools{float: left; width: 944px; padding: 0 8px; background:#ddd url(../img/diag-line.gif) top left;height: 30px; line-height: 30px;}
#wrap #head #headTools ul{list-style-image: none;margin: 0;}
#wrap #head #headTools ul li{display: inline;margin: 0 25px 0 0;background: url(../img/bullet.gif) center left no-repeat;padding: 0 0 0 10px;}
#wrap #head #headTools ul li a{color: #000;font-family: Trebuchet MS;font-size: 105%;}

#wrap #head #headBanner{float: left; margin: 0 0 0 8px;display: inline;}

#wrap #head #headInteract{float: right; width: 198px;margin: 0 8px 0 0; display: inline;}
#wrap #head #headInteract a.buttonLink{border: solid 1px #fff; background: #b10a0a; color: #fff;padding: 4px 6px;width: 42%;font-weight: bold;margin-bottom: 3px;}
#wrap #head #headInteract .join{background: #fff;clear: both;padding: 2px;height: 1%;}
#wrap #head #headInteract .join:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#wrap #head #headInteract .join span{display: block; background: #373737; color: #fff; font-weight: bold;padding: 3px;position: relative;}
#wrap #head #headInteract .join ul{float: left;width: 194px;margin: 0;list-style-image: none;background: url(../img/dash-divide.gif) center center no-repeat;}
#wrap #head #headInteract .join ul li{float: left;width: 83px;margin: 2px;display: inline;background: url(../img/bullet.gif) center left no-repeat; padding: 0 0 0 10px;}
#wrap #head #headInteract .join ul li a{color: #3b3b3b;font-weight: bold;}
#wrap #head #headInteract .join ul li a:hover{color:#b10a0a;}

#wrap #head #mastHead{float: left; width: 928px; padding: 18px 8px 10px 24px; background: #dbdbdb url(../img/masthead-gradient.gif) top left repeat-x;border-bottom: solid 1px #fff;}
#wrap #head #mastHead .logo{float: left;}

#wrap #head #mastHead #headSearch{float: right;width: 352px;background: url(../img/search-top.gif) top left no-repeat;}
#wrap #head #mastHead #headSearch #inner{background: url(../img/search-btm.gif) bottom left no-repeat;padding: 8px;}
#wrap #head #mastHead #headSearch #inner ul{margin: 0 0 8px 0; list-style-image: none;text-align: right;}
#wrap #head #mastHead #headSearch #inner ul li{margin: 0; display: inline;}
#wrap #head #mastHead #headSearch #inner ul li a{color: #2a2a2a;font-weight: bold;}
#wrap #head #mastHead #headSearch #inner ul li span{color: #d31616;font-weight: bold;padding: 0 1px 0 4px;}
#wrap #head #mastHead #headSearch #inner ul li a:hover, #wrap #head #mastHead #headSearch #inner ul li a.on{color: #d31616;}
#wrap #head #mastHead #headSearch #inner label{color: #000;}
#wrap #head #mastHead #headSearch #inner .inputText{width: 225px;margin: 0 0 0 12px;}
#wrap #head #mastHead #headSearch #inner .btn{font-size: 110%;padding: 0 10px;background: #cd1414 url(../img/search-btn.gif) top left no-repeat;}

#wrap #head #mastHead #headDate{float: left; clear: left;width: 300px;margin: 8px 0 0 0;font-family:Trebuchet MS;font-size: 120%;color: #222;line-height: 1.4em;}
#wrap #head #mastHead #headDate span{color: #d31616;padding: 0 6px;}

#wrap #head #mastHead a.headRss{float: right;clear: right;color: #2a2a2a;font-size: 95%;background: url(../img/rss-sml.gif) center right no-repeat;padding: 0 18px 0 0;margin: 8px 8px 0 0;}

/* == Navigation
----------------------------------------------------------------------------------------------------------------------*/

#wrap #head #priNav{float: left; width: 944px; background:url(../img/nav-gradient.gif) top left repeat-x; border:solid 1px #e1e1e1; border-width: 0 1px 1px 1px;margin-top: 8px;padding: 0 0 0 14px;}
#wrap #head #priNav ul{float: left;list-style-image: none;margin: 0;}
#wrap #head #priNav ul li{float: left;margin: 0;}
#wrap #head #priNav ul li a{float: left;color: #666; font-weight: bold;background: url(../img/nav-dot.gif) center left no-repeat;}
#wrap #head #priNav ul li a span{float: left;height: 32px; line-height: 30px;padding: 0 20px 0 20px;cursor: pointer;}
#wrap #head #priNav ul li a.home{background: none;}
#wrap #head #priNav ul li a:hover, #wrap #head #priNav ul li a.on{background: url(../img/nav-hover.gif) top left repeat-x; color: #fff;text-decoration: none;}
#wrap #head #priNav ul li a:hover span, #wrap #head #priNav ul li a.on span{}

#wrap #head #subNav{float: left; width: 944px; background: #3e3e3e;padding: 0 8px;}
#wrap #head #subNav ul{float: left;list-style-image: none;margin: 0;}
#wrap #head #subNav ul li{float: left;margin: 0;height: 30px; line-height: 30px;background: url(../img/subnav-dot.gif) center right no-repeat; padding: 0 13px 0 11px;}
#wrap #head #subNav ul li a{float: left; color: #fff;}

/* == Footer Content
----------------------------------------------------------------------------------------------------------------------*/

#wrap #footer ul{margin: 0; list-style-image: none;float: left;width: 85px;}
#wrap #footer ul li a{color: #636363;font-size: 95%;}
#wrap #footer ul li a.lead{font-weight: bold;color: #8c1616;}

#wrap #footTools ul{margin: 0; list-style-image: none;text-align: center;font-size: 95%;}
#wrap #footTools ul li{display: inline;}
#wrap #footTools ul li a{color: #3284d6;font-weight: bold;}
#wrap #footTools ul li span{padding: 0 8px 0 10px;}