/* James Love - 1. GLOBAL ___________________________________________________________________________________________________________________________________________________ 1.1 Reset Tools ----------------------------------------------- */ /*Copyright (c) 2008, Yahoo! Inc. All rights reserved.Code licensed under the BSD License:http://developer.yahoo.net/yui/license.txt version: 2.6.0*/ html,body{height: 100%;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} /*table{border-collapse:collapse;border-spacing:0; margin:0; padding:0;}*/ /* Added margin/padding reset */ fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} ul li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} abbr,acronym{border:0;font-variant:normal;} sup{vertical-align:text-top;} sub{vertical-align:text-bottom;} input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} input,textarea,select{font-size:100%;} legend{color:#000;} del,ins{text-decoration:none;} /* Clearing floats without extra markup */ .clearing{ display: inline-block; } .clearing:after { content: "."; display: block; height: 1%; clear: both; visibility: hidden; } * html .clearing{ height: 1%; } .clearing { display: block; } .clear-both{clear:both} .skiplinks{position:absolute;top:-5000px;height:1px} .hide{display:none} /*Headings ----------------------------------------------- */ h1,h2,h3,h4, h5 ,h6 {font-weight:normal;font-family:inherit;padding-bottom:10px;font-weight:normal;color:#d30b07} h1{font-size:250%;padding-bottom:25px;} h2{font-size:200%;padding-bottom:15px;} h3{font-size:150%;padding-bottom:10px;} h4{font-size:130%;padding-bottom:10px;} h5{font-size:100%;} h6{font-size:100%;} /*section colors*/ body#section-1 h1,body#section-1 h2,body#section-1 h3, body#section-1 h4, body#section-1 h5 , body#section-1 h6{color:#d30b07} body#section-2 h1,body#section-2 h2,body#section-2 h3, body#section-2 h4, body#section-2 h5 , body#section-2 h6{color:#365b9f} body#section-3 h1,body#section-3 h2,body#section-3 h3, body#section-3 h4, body#section-3 h5 , body#section-3 h6{color:#499532} body#section-4 h1,body#section-4 h2,body#section-4 h3, body#section-4 h4, body#section-4 h5 , body#section-4 h6{color:#4a88aa} body#section-5 h1,body#section-5 h2,body#section-5 h3, body#section-5 h4, body#section-5 h5 , body#section-5 h6{color:#84745b} body#section-6 h1,body#section-6 h2,body#section-6 h3, body#section-6 h4, body#section-6 h5 , body#section-6 h6{color:#d6b61d} body#section-7 h1,body#section-7 h2,body#section-7 h3, body#section-7 h4, body#section-7 h5 , body#section-7 h6{color:#5f4c70} /* 1.2 Links + lists ----------------------------------------------- */ a{text-decoration:none;border-style:dotted;border-width: 0 0 1px 0; color:#DC241D; } a:hover{border-width: 0 0 0 0; color:#666;} #content div.col-x3 ul{padding:0 0 10px 0} #content div.col-x3 ul li{list-style-type:none;background: transparent url(../images/bg-li-content.gif) no-repeat 0 0.6em;padding: 0 0 1px 20px} #content div.col-x3 ul li ul li {background: transparent url(../images/bg-li-content.gif) no-repeat 0 0.3em;} /*section colors*/ body#section-1 a{color:#d30b07;border-color:#d30b07} body#section-2 a{color:#365b9f;border-color:#365b9f;} body#section-3 a{color:#499532;border-color:#499532} body#section-4 a{color:#4a88aa;border-color:#4a88aa} body#section-5 a{color:#84745b; border-color:#84745b} body#section-6 a{color:#d6b61d;border-color:#d6b61d} body#section-7 a{color:#5f4c70;border-color:#5f4c70} body#section-1 #content div.col-x3 a:hover{color:#f64542;} body#section-2 #content div.col-x3 a:hover{color:#5a80c7;} body#section-3 #content div.col-x3 a:hover{color:#63b749;} body#section-4 #content div.col-x3 a:hover{color:#70aed0;} body#section-5 #content div.col-x3 a:hover{color:#af9f86; } body#section-6 #content div.col-x3 a:hover{color:#e8c936;} body#section-7 #content div.col-x3 a:hover{color:#846f97;} #content ol {padding: 0 20px 10px 30px;} #content ul {padding: 0 20px 10px 20px;border-color:#d30b07} #content ul li{/*list-style-type:disc;*/padding-bottom:1px} #content ul li ul{padding: 0 20px 5px 20px;} #content ul li ul li{/*list-style-type:disc;*/padding-bottom:0; margin-bottom:1px; font-size:0.95em; line-height:1.2em;} /*section colors*/ body#section-1 #content div.col-x3 ul li{background-image:url(../images/bg-li-content-1.gif)} body#section-2 #content div.col-x3 ul li{background-image:url(../images/bg-li-content-2.gif)} body#section-3 #content div.col-x3 ul li{background-image:url(../images/bg-li-content-3.gif)} body#section-4 #content div.col-x3 ul li{background-image:url(../images/bg-li-content-4.gif)} body#section-5 #content div.col-x3 ul li{background-image:url(../images/bg-li-content-5.gif)} body#section-6 #content div.col-x3 ul li{background-image:url(../images/bg-li-content-6.gif)} body#section-7 #content div.col-x3 ul li{background-image:url(../images/bg-li-content-7.gif)} body#section-1 #content div.col-x3 ul li ul li{background-image:url(../images/bg-li-content-1-sml.gif)} body#section-2 #content div.col-x3 ul li ul li{background-image:url(../images/bg-li-content-2-sml.gif)} body#section-3 #content div.col-x3 ul li ul li{background-image:url(../images/bg-li-content-3-sml.gif)} body#section-4 #content div.col-x3 ul li ul li{background-image:url(../images/bg-li-content-4-sml.gif)} body#section-5 #content div.col-x3 ul li ul li{background-image:url(../images/bg-li-content-5-sml.gif)} body#section-6 #content div.col-x3 ul li ul li{background-image:url(../images/bg-li-content-6-sml.gif)} body#section-7 #content div.col-x3 ul li ul li{background-image:url(../images/bg-li-content-7-sml.gif)} /* 1.3 Forms -------------------------------------------------*/ form input{border:solid 1px #d0d0d0;font-size:81%;padding:3px;width:200px} form input.btn-submit{margin-left:3px;padding:2px;width:auto} /* 1.4 Columns + Rows ----------------------------------------------- */ .col-x1{float:left;width:215px;margin-right:40px} .col-x3{float:left;width:705px;} /* 1.5 Puffs + Boxes ----------------------------------------------- */ #site-search{float:right;width:400px;text-align:right;padding-top:17px} p#strapline{ font-size:130%;font-weight:bold;padding-top:0px} p#strapline span{color:#d30b07;} /*2. MAIN PAGE ELEMENTS ______________________________________________________________________________________________*/ /*2.0 Top Level elements ----------------------------------------------- */ body{background-color:#efece3;font-family:Helvetica ,Arial, sans-serif;font-size:91%;line-height:1.8em;color:#3d3c3f;padding-bottom:0; } .center{margin:0 auto;width:960px} p{margin-bottom:15px} p.intro, div.intro {font-size:150%;line-height:1.1em} img,object,embed{border:0} strong,em{font-weight:bold} address{padding:0 0 20px 0} blockquote{} acronym{border:0} /*2.1 Wrapper ----------------------------------------------- */ #wrapper{min-height: 100%; height: auto !important;height: 100%;margin-bottom:-42px;} /*2.2 Header ----------------------------------------------- */ #header-wrapper{background:transparent url(../images/img-bg-header.jpg) repeat-x bottom; height:145px;} #header{padding:30px 0 20px 0} #header #branding{width:240px;float:left;margin:0} #header #branding h1{margin-top:10px} #header #branding h1 a{float:left;display:block;width:240px;height:76px;background:transparent url(../images/bg-sprite.gif) no-repeat 0 -5px;border:0;text-indent:-5000px;overflow:hidden} /*2.3 Navigation ----------------------------------------------- */ /* main */ #main-navigation-wrapper{background:#3b3a3d url(../images/bg-main-nav-wrapper.gif) repeat-x bottom;height:61px;} #main-navigation{clear:both} #main-navigation{} #main-navigation ul{} #main-navigation ul li{list-style-type:none;float:left;color:#fff;font-size:150%;background-repeat:no-repeat; background-position:0 0} #main-navigation ul li#mn-1{width:107px;background-color:#d30b07} #main-navigation ul li#mn-3{width:154px;background-color:#365b9f} #main-navigation ul li#mn-4{width:133px;;background-color:#43922c} #main-navigation ul li#mn-5{width:118px;background-color:#4a88aa} #main-navigation ul li#mn-6{width:148px;background-color:#83745b} #main-navigation ul li#mn-7{width:132px;background-color:#d6b61d} #main-navigation ul li#mn-8{width:132px;background-color:#5f4c70} #main-navigation ul li.first{} #main-navigation ul li a{display:block;background-color:transparent;color:#fff;font-size:71%;border:0;background-image: url(../images/bg-sprite.gif);background-repeat:no-repeat;height:43px;padding:18px 5px 0 50px} #main-navigation ul li#mn-1 a{width:60px;background-position:0 -89px;padding:18px 5px 0 43px} #main-navigation ul li#mn-3 a{width:104px;;background-position:-137px -89px} #main-navigation ul li#mn-4 a{width:83px;background-position:-292px -89px} #main-navigation ul li#mn-5 a{width:68px;background-position:-425px -89px} #main-navigation ul li#mn-6 a{width:98px;background-position:-543px -89px} #main-navigation ul li#mn-7 a{width:82px;background-position:-692px -89px} #main-navigation ul li#mn-8 a{width:82px;background-position: -826px -89px} #main-navigation ul li#mn-1 a:hover,#main-navigation ul li#mn-1 a.selected{background-position:0 -151px} #main-navigation ul li#mn-3 a:hover,#main-navigation ul li#mn-3 a.selected{background-position:-137px -151px} #main-navigation ul li#mn-4 a:hover,#main-navigation ul li#mn-4 a.selected{background-position:-292px -151px} #main-navigation ul li#mn-5 a:hover,#main-navigation ul li#mn-5 a.selected{background-position:-425px -151px} #main-navigation ul li#mn-6 a:hover,#main-navigation ul li#mn-6 a.selected{background-position:-543px -151px} #main-navigation ul li#mn-7 a:hover,#main-navigation ul li#mn-7 a.selected{background-position:-692px -151px} #main-navigation ul li#mn-8 a:hover,#main-navigation ul li#mn-8 a.selected{background-position:-826px -151px} #main-sub-navigation-wrapper{padding:5px 0; height:30px;} /*color cahnges*/ body#section-1 #main-sub-navigation-wrapper{background-color:#d30b07} body#section-2 #main-sub-navigation-wrapper{background-color:#365b9f} body#section-3 #main-sub-navigation-wrapper{background-color:#43922c} body#section-4 #main-sub-navigation-wrapper{background-color:#4a88aa} body#section-5 #main-sub-navigation-wrapper{background-color:#83745b} body#section-6 #main-sub-navigation-wrapper{background-color:#d6b61d} body#section-7 #main-sub-navigation-wrapper{background-color:#5f4c70} /* add for all colors */ #main-sub-navigation{} #main-sub-navigation ul{margin-left:1px} #main-sub-navigation ul li{display:inline;padding-right:30px} #main-sub-navigation ul li a{color:#3d3c3f;font-size:120%;border:0} #main-sub-navigation ul li a:hover,#main-sub-navigation ul li.selected a{color:#fff;} #main-sub-navigation ul li ul{display:none} /* sub-navigation */ div#sub-nav ul{padding:0;margin:0} div#sub-nav ul li{list-style-type:none;padding-bottom:1px;list-style:none;} div#sub-nav ul li a{display:block;width:179px;background-color:#3d3c3f;color:#fff;height:1%;padding:5px 0 5px 36px;font-size:100%;border:0} div#sub-nav ul li a:hover,div#sub-nav ul li.hot a,div#sub-nav ul li.open a{background-color:#cdae24;} /* add for sections*/ body#section-1 div#sub-nav ul li a:hover, body#section-1 div#sub-nav ul li.hot a, body#section-1 div#sub-nav ul li.open a{background-color:#d30b07} body#section-2 div#sub-nav ul li a:hover, body#section-2 div#sub-nav ul li.hot a, body#section-2 div#sub-nav ul li.open a{background-color:#365b9f} body#section-3 div#sub-nav ul li a:hover, body#section-3 div#sub-nav ul li.hot a, body#section-3 div#sub-nav ul li.open a{background-color:#499532} body#section-4 div#sub-nav ul li a:hover, body#section-4 div#sub-nav ul li.hot a, body#section-4 div#sub-nav ul li.open a{background-color:#4a88aa} body#section-5 div#sub-nav ul li a:hover, body#section-5 div#sub-nav ul li.hot a, body#section-5 div#sub-nav ul li.open a{background-color:#84745b} body#section-6 div#sub-nav ul li a:hover, body#section-6 div#sub-nav ul li.hot a, body#section-6 div#sub-nav ul li.open a{background-color:#d6b61d} body#section-7 div#sub-nav ul li a:hover, body#section-7 div#sub-nav ul li.hot a, body#section-7 div#sub-nav ul li.open a{background-color:#5f4c70} /*level2*/ div#sub-nav ul li ul{background-color:#615f60;padding:10px 10px 10px 35px} #sub-nav li ul li{border-style:dotted; border-width:0 0 1px 0;border-color:#900;padding:1px 0;list-style:none;} /*color changes*/ body#section-1 #sub-nav li ul li{border-color:#d30b07} body#section-2 #sub-nav li ul li{border-color:#365b9f} body#section-3 #sub-nav li ul li{border-color:#499532} body#section-4 #sub-nav li ul li{border-color:#4a88aa} body#section-5 #sub-nav li ul li{border-color:#84745b} body#section-6 #sub-nav li ul li{border-color:#d6b61d} body#section-7 #sub-nav li ul li{border-color:#5f4c70} #sub-nav li ul li a{background:#615f60 url(../images/bg-subnav-arrow-off.gif) no-repeat right} div#sub-nav ul li.open ul li.hot a,div#sub-nav ul li.open ul li.open a{background:transparent url(../images/bg-subnav-arrow-on.gif) no-repeat right} #sub-nav li ul li a, div#sub-nav ul li.hot ul li a ,div#sub-nav ul li.open ul li a{color:#fff;background-color:#615f60!important;padding:0 0 0 15px;width:auto;padding:0;} #sub-nav li ul li a,div#sub-nav ul li.hot ul li a,div#sub-nav ul li.open ul li a{padding:0;} div#sub-nav ul li.open ul li.hot a,div#sub-nav ul li.open ul li.open a{color:#d8bb30} /*color changes*/ body#section-1 div#sub-nav ul li.open ul li.hot a, body#section-1 div#sub-nav ul li.open ul li.open a{color:#d30b07} body#section-2 div#sub-nav ul li.open ul li.hot a, body#section-2 div#sub-nav ul li.open ul li.open a{color:#365b9f} body#section-3 div#sub-nav ul li.open ul li.hot a, body#section-3 div#sub-nav ul li.open ul li.open a{color:#499532} body#section-4 div#sub-nav ul li.open ul li.hot a, body#section-4 div#sub-nav ul li.open ul li.open a{color:#4a88aa} body#section-5 div#sub-nav ul li.open ul li.hot a, body#section-5 div#sub-nav ul li.open ul li.open a{color:#84745b} body#section-6 div#sub-nav ul li.open ul li.hot a, body#section-6 div#sub-nav ul li.open ul li.open a{color:#d6b61d} body#section-7 div#sub-nav ul li.open ul li.hot a, body#section-7 div#sub-nav ul li.open ul li.open a{color:#5f4c70} div#sub-nav ul li.open ul li.hot ul li a,div#sub-nav ul li.open ul li.open ul li a{background-image:none;color:#fff;background-color:#615f60} /**/ div#sub-nav ul li ul li ul {padding:0 0 0 10px} div#sub-nav ul li ul li ul li{border:0;list-style:none;} div#sub-nav ul li ul li ul li a{font-size:91%;padding:0;background-image:none;color:#fff !important} div#sub-nav ul li.open ul li.open ul li.hot a,div#sub-nav ul li.open ul li.open ul li.open a{font-weight:bold;} div#sub-nav ul li.open ul li.open ul li.hot ul li a,div#sub-nav ul li.open ul li.open ul li.open ul li a{font-weight:normal} /**/ div#sub-nav ul li ul li ul li ul {border:0;padding-left:10px} div#sub-nav ul li ul li ul li ul li {padding:0;border:0} div#sub-nav ul li ul li ul li ul li a{font-size:81%;padding:0;color:#fff} body#section-1 div#sub-nav ul li.open ul li.open ul li.open ul li.hot a{color:#d30b07 !important} body#section-2 div#sub-nav ul li.open ul li.open ul li.open ul li.hot a{color:#365b9f !important} body#section-3 div#sub-nav ul li.open ul li.open ul li.open ul li.hot a{color:#499532 !important} body#section-4 div#sub-nav ul li.open ul li.open ul li.open ul li.hot a{color:#4a88aa !important} body#section-5 div#sub-nav ul li.open ul li.open ul li.open ul li.hot a{color:#84745b !important} body#section-6 div#sub-nav ul li.open ul li.open ul li.open ul li.hot a{color:#d6b61d !important} body#section-7 div#sub-nav ul li.open ul li.open ul li.open ul li.hot a{color:#5f4c70 !important} /*breadcrumb*/ div#breadcrumb{padding-bottom:20px} div#breadcrumb a{color:#3d3c3f;font-size:91%;font-weight:bold;border:0} /* footer navigation*/ #footer ul{ padding-top:40px;} #footer ul li{list-style-type:none;display:inline;padding-left:5px} #footer ul li a{color:#3d3c3f;font-weight:bold;font-size:85%;border-right:solid 1px #000;padding-right:9px;border-bottom:0} #footer ul li a:hover {color:#666;} #footer ul li.last a{border:0} #footer ul.civic {position:absolute; left:0; top:0; } #footer ul.civic li a{border-right:solid 0px #000} /*back to top */ p.backto {padding-bottom:25px;} /*2.4 Main content ----------------------------------------------- */ #content{padding:50px 0 30px 0;} code {padding:5px 8px; border:#d0d0d0 2px solid; background-color:#f9f9f9; display:block; font-size:1.2em;} /*2.5 Footer ----------------------------------------------- */ #footer-wrapper{ background: url(../images/footerbg.gif) bottom repeat-x;} #footer{clear:both;text-align:right;height:85px; position:relative; } .push{clear:both; height:25px;} /*3. SPECIFIC PAGES ______________________________________________________________________________________________*/ /*3.0 Index - homepage accordian ----------------------------------------------- */ #accordion {height:288px;oerflow:hidden;width:960px} /* accordion header */ #accordion img {float:left;cursor:pointer;margin:0;padding:0;} /* currently active header */ #accordion img.current {cursor:default;} /* accordion pane. should initially have zero width and display:none. the first pane should override these with inline style */ #accordion div {width:0px;float:left;display:none;margin-right:0px;height:288px; } #accordion div#acc1-bg {background:#fff url(../../images/home-slider/bg-01.jpg) no-repeat;} #accordion div#acc2-bg {background:#fff url(../../images/home-slider/bg-02.jpg) no-repeat;} #accordion div#acc3-bg {background:#fff url(../../images/home-slider/bg-03.jpg) no-repeat;} #accordion div#acc4-bg {background:#fff url(../../images/home-slider/bg-04.jpg) no-repeat;} #accordion div#acc5-bg {background:#fff url(../../images/home-slider/bg-05.jpg) no-repeat;} #accordion div#acc6-bg {background:#fff url(../../images/home-slider/bg-06.jpg) no-repeat;} /* content inside a pane should have fixed width */ #accordion div#accordion-1,#accordion div#accordion-2,#accordion div#accordion-3,#accordion div#accordion-4,#accordion div#accordion-5,#accordion div#accordion-6{width:300px;display:block} #accordion p{width:500px;padding:40px 0 0 40px;font-size:200%;font-weight:bold;line-height:1.1em;} #accordion p.img {padding-top:10px;} /*#accordion p.a-intro{font-size:200%;font-weight:bold}*/ #accordion p span{color:#d30b07} /* content page accordian (vertical) /* center accordion */ .accordion {width:100%; margin:0 0 15px 0} .accordion p {background:none; padding:10px 0 0 0;} .accordion p a {font-weight:bold;} .accordion h3 {font-size:121%; font-style:normal; border-top:1px solid #ccc; border-bottom:1px solid #ccc; color:#263692; cursor:pointer; display:block; padding:5px 0; background:url(../images/accordion-closed-arrow.gif) center right no-repeat; margin:1px 0 -2px 0; position:relative} .accordion h3.selected, #center .accordion h3.selected:hover {background:url(../images/accordion-open-arrow.gif) center right no-repeat; color:#263692} .accordion h3:hover {color:#000; background:url(../images/accordion-open-arrow.gif) center right no-repeat;} .accordion h3.selected {border-top:1px solid #929ac8; border-bottom:1px solid #929ac8} .accordion ul {padding:10px 0 0 0} /* tables */ table{width:100%; margin-bottom:15px;} table, td{border:#999 1px solid;} td, th {padding:2px 5px;} th {color:#fff; background-color:#3a393c; font-size:1.1em;border:#3a393c 1px solid;} /*footnote*/ #content #footnote ul { font-size:0.8em;list-style:none;} body#section-6 #content #footnote ul li, body#section-7 #content #footnote ul li{list-style:none; padding-left:0; background:none; background-image:none;}