/* == 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: 8px;display: inline;}
#wrap #footer{float: left; width: 952px; border-top: solid 1px #e8e8e8; padding: 10px 4px 5px 4px; display: inline;background: #f8f8f8;}
#wrap #footTools{float: left; width: 944px;border-top: solid 1px #e6e6e6;margin: 0 8px;display: inline;padding: 8px 0 8px 0;}

/* == Templates and Zones
----------------------------------------------------------------------------------------------------------------------*/
#wrap #templateOne .zoneOne{float: left;width: 300px;}
#wrap #templateOne .zoneTwo{float: left;width: 300px;margin-left: 22px; display: inline;}
#wrap #templateOne .zoneThree{float: right;width: 300px;}

#wrap #templateTwo .zoneOne{float: left;width: 622px;}
#wrap #templateTwo .zoneTwo{float: right;width: 300px;}

/* == Head Content
----------------------------------------------------------------------------------------------------------------------*/
#wrap #head #mastHead{float: left; width: 960px; background: #3c3c3c url(/_img/masthead-gradient.gif) top left repeat-x;border-bottom: solid 1px #fff;height: 120px;}
#wrap #head #mastHead .logo{float: left;margin: 22px 0 0 30px; display: inline;}

/* == Navigation
----------------------------------------------------------------------------------------------------------------------*/
#wrap #head #priNav{float: left; width: 950px; background:url(/_img/nav-gradient.gif) top left repeat-x; border:solid 1px #e1e1e1; border-width: 0 1px 1px 1px;padding: 0 0 0 8px;}
#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;background: url(/_img/nav-icon.gif) center right no-repeat;padding: 0 20px 0 8px;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{background: url(/_img/nav-icon-hover.gif) center right no-repeat;}

/* == Footer Content
----------------------------------------------------------------------------------------------------------------------*/
#wrap #footer .footLogo{float: left;}
#wrap #footer p{float:right;}
#wrap #footer ul{margin: 0;padding: 7px 0; list-style-image: none;text-align: right;}
#wrap #footer ul li{display: inline;margin: 0;}
#wrap #footer ul li a{color: #666;padding: 0 5px;}
#wrap #footer ul li a.on{color: #d31616;}
#wrap #footer ul.tools{font-size: 95%;}
#wrap #footer ul.tools li span{padding-left: 5px;color: #c50011; font-weight: bold;}

/* == Title Dropdown
----------------------------------------------------------------------------------------------------------------------*/
.titles{float: right;height: 32px;margin: 53px 45px 0 0;width: 325px;display: inline;}
.titles p.label{float: left;margin: 0;width: 150px;height: 32px; line-height: 32px;color: #fff;}
.titles .dropdown{position: relative;float: right; width: 172px; height: 32px; background: url(/_img/dropdown-bg.gif) top left no-repeat;}
.titles .dropdown p{margin: 0;float: left; font-weight: bold;height: 32px; line-height: 30px; padding-left: 8px;color: #000;}
.titles .dropdown span{float: right; height: 32px; width: 30px; background: url(/_img/dropdown-arrow.gif) top left no-repeat;margin: 0;cursor: pointer;}
.titles .dropdown span.on{background-position: bottom left;}
.titles .dropdown ul.subNav{position: absolute; top: 30px; left: 0; float: left; width: 162px;display: none;background: url(/_img/dropdown-btm.gif) bottom left no-repeat; margin: 0 5px 0 5px; list-style-image: none;padding: 0 0 5px 0;}
.titles .dropdown ul.subNav li{border-bottom: solid 1px #eee; border-top: solid 1px #aaa; border-left: solid 1px #bbb;border-right: solid 1px #bbb;margin: 0;width: 160px;background: #d1d1d1;}
.titles .dropdown ul.subNav li.base{border-bottom: 0;}
.titles .dropdown ul.subNav li a{display: block; width: 149px;padding: 5px;color: #333;font-size: 90%;border-left: solid 1px #eee;}
.titles .dropdown ul.subNav li a:hover{text-decoration: none; color: #d31616;}

#leadBanner{float: left; width: 936px;border: solid 1px #ccc; padding: 3px;margin-bottom: 18px;}

.genBox{border: solid 1px #ccc;padding: 3px;margin: 10px 0;}
.genBox .caption{font-size: 120%;line-height: 1.3em;padding: 0 8px;margin: 7px 0 5px 0;color: #333;}
.genBox .withRule{padding-bottom: 1px; background: url(/_img/fade-rule.gif) no-repeat center bottom;}
.genBox h3{color: #C3000E;font-size: 150%;letter-spacing: -1px;font-family: Arial, helvetica, Sans-Serif;background: none;margin: 5px 0;}
.genBox .shade{background: #f8f8f8;padding: 5px;}
.genBox .shade p{margin: 5px 0;}

.leadBox{min-height: 200px; height: auto !important; height: 200px;}

ul.accordionMenu{margin: 10px 0; list-style-image: none;}
ul.accordionMenu li{border: solid 1px #fff;border-bottom: solid 1px #e8e8e8;margin: 0 0 5px 0; padding: 5px;}
ul.accordionMenu li .link{display: block;background: url(/_img/accordion-arrow.gif) center right no-repeat;cursor: pointer;}
ul.accordionMenu li .hover{background-image: url(/_img/accordion-arrow-hov.gif);}
ul.accordionMenu li.on{border: solid 1px #e8e8e8;}
ul.accordionMenu li.on .link{background-image: url(/_img/accordion-arrow-on.gif);margin-bottom: 5px;color: #000;}
ul.accordionMenu .accContent{background: #f8f8f8; padding: 5px;zoom: 1;}
ul.accordionMenu .accContent .thumb{float: left; padding: 2px; border: solid 1px #ccc; margin-right: 5px;}
ul.accordionMenu .accContent:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
ul.accordionMenu .accContent a{color: #666;}

ul.accordionMenu li ul{float: left;}
ul.accordionMenu li ul li{margin: 0; border: 0;}
ul.accordionMenu li .accContent ul li a{color: #000;}

/* == Carousel
----------------------------------------------------------------------------------------------------------------------*/
#caro{float: left;width: 292px;padding-top: 5px;position: relative;}
#caro ul{padding: 0;margin: 0;list-style-type: none; list-style-image: none;height: 140px;width: 246px;padding-left: 12px;margin-left: 22px !important; margin-left: 34px;}
#caro ul li{float: left;width: 110px;height: 140px;margin: 0 -12px;border: solid 1px #ccc;}
#caro ul li a{height: auto;}
#caro ul li img{display: block;}
#caro ul li.bg1{margin-top: 10px;z-index: 1;position: relative;}
#caro ul li.foreground{z-index: 2;position: relative;padding: 3px 3px 4px 3px;bordeR: 0; background: url(/_img/cover-bg.gif) top left no-repeat;}

#caroPrev{position: absolute; top: 50px; left: -3px;}
#caroNext{position: absolute; top: 50px; right: -3px;}