body{margin-top: 0px; background-image: url(images/bkgd-sub.jpg); background-color: #000; background-repeat: no-repeat; background-position: top center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px;} body.home{background-image: url(images/bkgd.jpg); background-repeat: no-repeat; background-color: #000;} #wrapper{width: 1000px; margin-left: auto; margin-right: auto; border: red 0px solid;} #header{float: left; width: 1000px; height: 230px;} #header #logo{float: left; width: 1000px; text-align: center;} #header #mainnav{float: left; width: 960px; text-align: center; margin-top: 5px; padding-left: 40px;} #mainnav a{float: left; color: #FFF; text-decoration: none; text-transform: uppercase; font-weight: bold; width: 183px;} #mainnav a:hover{} #white-box{float: left; width: 1000px; height: 425px;} #white-box p{text-align: justify;} #lower-wrapper{width: 100%; background-image: url(images/lower-bk.jpg); background-repeat: repeat-x; background-position: bottom; padding-bottom: 40px;} #lower-box{margin-left: auto; margin-right: auto; width: 1000px; padding-top: 40px;} #lower-box #lower-left{float: left; margin-left: 70px; width: 310px;} #lower-box #lower-left a{color: #FFF; text-decoration: none;} #lower-box #lower-left a:hover{text-decoration: underline;} #lower-box #lower-left p{color: #FFF; text-align: justify;} #lower-box #lower-left p.large-text{font-size: 14px; line-height: 20px; word-spacing: -2px;} #lower-box #lower-left h2{color: #FFF;} #lower-box #lower-right{float: left; margin-left: 60px;} /*#footer{float: left; width: 950px; margin-bottom: 50px; margin-left: 50px;} .link-set-head{font-weight: bold; font-size: 14px; color: #CCC;} #footer .our-info{float: left; width: 250px; padding-right: 185px;} #footer .our-info p{color: #CCC; font-size: 10px; line-height: 16px;} #footer .our-info a{display: inline;} #footer .our-info p.link-set-head{font-weight: bold; font-size: 14px; color: #CCC;} #footer .footer-menu{float: left; width: 250px; padding-right: 125px;} #footer .links{float: left; width: auto;}*/ #footer{margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; padding-top: 30px; height: 204px; background-image: url(images/footer.jpg); background-repeat: repeat-x;} #footer #footer-boxes{width: 1000px;margin-left: auto; margin-right: auto;} .link-set-head{font-weight: bold; font-size: 14px; color: #CCC;} #footer .our-info{float: left; width: 250px; padding-right: 115px; padding-left: 70px;} #footer .our-info p{color: #CCC; font-size: 10px; line-height: 16px;} #footer .our-info a{display: inline;} #footer .our-info p.link-set-head{font-weight: bold; font-size: 14px; color: #CCC;} #footer .footer-menu{float: left; width: 250px; padding-right: 75px; padding-left: 50px;} #footer .links{float: left; width: auto;} #home-flash{float: right; padding-left: 30px;} #right-side-t3a{float: right;} #footer a{display: block; color: #CCC; font-size: 10px; text-decoration: none; line-height: 16px;} #footer .link-set a:hover{color: #FFF;} #spacer{clear: both; height: 0px; line-height: 0px;} img{border: 0px;} /*Box Slider CSS*/ #left-home{float: left; width: 540px; padding-left: 70px; margin-top: 15px;} #t3-white{float: left; width: 930px; padding-left: 70px; margin-top: -1px;} #t3-white-b{float: left; width: 1000px; margin-top: -1px;} #left-home p.large-text{font-size: 14px; line-height: 20px; word-spacing: -2px} #left-home p.large-text-green{ font-size: 14px; color:#0C3; line-height: 20px; word-spacing: 0px } #left-home a{color: #000; text-decoration: none;} #left-home a:hover{text-decoration: underline;} #right-home{float: left; width: 325px; padding-left: 30px; margin-top: 15px;} #right-home p{word-spacing: -1px;} #right-home a{color: #000; text-decoration: none;} #right-home a:hover{text-decoration: underline;} /*Left side of main slider*/ #left-slide{float: left; width: 310px; padding-left: 70px; padding-right: 60px; clear: right;} #left-side-t3a{float: left; width: 310px; padding-right: 60px;} #left-slide h2{margin: 0px; padding: 0px; margin-top: 6px;} #left-slide p{text-align: justify;} /*Main Controller for main slider*/ #controller{float: left; width: 930px; padding-top: 10px; padding-left: 70px; margin-bottom: 22px;} .controller-title{font-weight: bold; font-size: 20px;} #controller .jFlowControl{font-weight: bold; font-size: 11px; padding-left: 8px; padding-right: 8px;} #controller .jFlowControl:hover{color: #336699; text-decoration: underline; cursor: pointer;} #controller .jFlowSelected{color: #336699; text-decoration: underline;} #slides{margin-top: 15px;} /*Box Slide INTERNAL SLIDE*/ #internal-slide{ margin-left: 60px; padding-top: 10px;} /*Controller for INTERNAL SLIDE*/ #controller2 {float: left; width: 500px;} #controller2 .jFlowControl2{font-weight: bold; font-size: 13px; padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; background-image: url(images/numbers/blank.jpg); background-repeat: no-repeat; background-position: top center; position: relative; vertical-align: top;} #controller2 .jFlowControl2:hover{color: #336699; text-decoration: underline; cursor: pointer; background-image: url(images/numbers/blank-active.jpg);} #controller2 .jFlowSelected2{color: #336699; text-decoration: underline; background-image: url(images/numbers/blank-active.jpg); background-repeat: no-repeat; background-position: center;} #controller2 #internal-left{float: left; width: 37px; margin-top: -10px;} #controller2 #internal-numbers{float: left; width: 410px;} #controller2 #internal-right{float: left; width: 37px; clear: right; margin-top: -10px;} #slides2{float: left;width: 475px; margin-top: -7px;} /*GLOBAL CLASSES*/ .bold{font-weight: bold;} .contact{font-size: 11px; font-weight: bold;} .big-contact{font-size: 18px; font-weight: bold;} h1{font-size: 20px;} h2{font-size: 18px;} h3{font-size: 14px;} h4{font-size: 12px;} /*CEEBOX POPUP*/ html,body{height:100%;} #cee_closeBtn { background-image: url(images/cee-close-btn.png); } #cee_next { background-image: url(images/cee-next-btn.png); } #cee_prev { background-image: url(images/cee-prev-btn.png); } * html #cee_next { background-image: url(images/cee-next-btn.gif); } /* IE6 hack */ * html #cee_prev { background-image: url(images/cee-prev-btn.gif); } /* IE6 hack */ #cee_load { background-image: url(images/loader.gif);} /* ceebox border width controled as option in jquery.ceebox.js */ /* colors for ceebox background and border can also be set as option in jquery.ceebox.js */ #cee_box {background-color: #fff;border-color:#525252;border-style: solid; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } #cee_box { font: 12px Arial, Helvetica, sans-serif; color: #333333; background-color: #fff; } #cee_count { font: 10px Arial, Helvetica, sans-serif; -moz-opacity: 0.8; opacity: 0.8;/* opacity used to reduce contrast of font color so that any main color will work */ clear:left; float:left; padding: 2px 0 4px; } .cee_html #cee_title h2 {float:left;} .cee_html #cee_count {clear:none;padding-left:5px;} * html #cee_count { /* ie6 hack */ zoom:1; padding-bottom:6px; } #cee_next,#cee_prev{ height:100%; width: 49%; text-indent:-10000px; text-decoration:none; visibility:visible; background-repeat:no-repeat; } #cee_box a {border:0;outline:none} #cee_box a:link {color: #666;} #cee_box a:visited {color: #666;} #cee_box a:hover {color: #000;} #cee_box a:active {color: #666;} #cee_box a:focus{color: #666;} #cee_closeBtn { background-repeat: no-repeat; display:box; width:24px; height:23px; position:absolute; text-indent:-10000px; } #cee_closeBtn {top:-3px;right:-3px;} /* base value only here for IE8 */ #cee_closeBtn, #ie8#hack {top:-10px;right:-10px;} /* All browsers except IE8 see this; IE8 keeps using the */ *:first-child+html #cee_closeBtn{top:-3px;right:-3px;} /* only IE7 sees this*/ * html #cee_closeBtn{top:-3px;right:-3px;} /*only IE 6 sees this*/ #cee_closeBtn:hover { background-position: 0px -23px; } .cee_close {cursor:pointer} #cee_box { text-align:left; color:#000; } #cee_box img#cee_img, #cee_vid,#cee_iframeContent,#cee_ajax { display:block; margin: 15px 15px 0; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #cee_title { padding:7px 15px 5px 15px; overflow:hidden; } .cee_html #cee_title{ background-color:#e8e8e8; height:18px; -moz-border-radius: 7px 7px 0 0; -webkit-border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0; } #cee_title h2 { font-size:1em; font-weight:400; margin:0 0 1px; } #cee_ajax{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; } #cee_load{ display:none; height:50px; width:50px; margin: -25px 0 0 -25px; /* -height/2 0 0 -width/2 */ background-position: center center; background-repeat:no-repeat; } #cee_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } * html #cee_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #cee_iframe{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; } ul.ceebox li{display: none;} ul.ceebox li:first-child{display: block;} /*MAINNAV*/ .menu {width:1024px; height:25px; font-size:14px; position:relative; z-index:100; text-align:center;} /* hack to correct IE5.5 faulty box model */ * html .menu {width:1024px; w\idth:745px;} /* remove all the bullets, borders and padding from the default list styling */ .menu ul {padding:0; margin:0; list-style-type:none;} .menu ul ul {width:160px; _width:135px;} /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */ .menu li {float:left; width:185px; position:relative;} /* style the links for the top level */ .menu a, .menu a:visited {display:block; font-size:11px; text-decoration:none; color:#973500; height:25px; line-height:17px; _width:135px; background-image: url(images/mainnav.png); background-repeat: no-repeat; padding-top: 14px; padding-bottom: 12px;} /* a hack so that IE5.5 faulty box model is corrected */ * html .menu a, * html .menu a:visited {width:142px; w\idth:120px;} /* style the second level background */ .menu ul ul a.drop, .menu ul ul a.drop:visited {} /* style the second level hover */ .menu ul ul a.drop:hover{background-image: url(images/hover-nav.png); background-repeat: repeat-x;} .menu ul ul :hover > a.drop {background-image: url(images/hover-nav.png); background-repeat: repeat-x;} /* hide the sub levels and give them a positon absolute so that they take up no room */ .menu ul ul {visibility:hidden; position:absolute; height:0; top:42px; left:0; width:120px; } /* another hack for IE5.5 */ * html .menu ul ul {top:30px;t\op:25px;} /* style the table so that it takes no ppart in the layout - required for IE to work */ .menu table {position:absolute; top:0; left:0; border-collapse:collapse;} /* style the second level links */ .menu ul ul a, .menu ul ul a:visited {background-image: none; font-size:10px; color:#000; width:165px; _width:120px;padding-top: 6px; padding-bottom: 1px; z-index: 1;} /*.menu ul ul li:first-child a{background-image: url(images/nav-dropdown-bk.jpg); background-repeat: no-repeat; }*/ /* yet another hack for IE5.5 */ * html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px; _width:128px; color:#973500;} /* style the top level hover */ .menu a:hover, .menu ul ul a:hover{color:#fff; background-image: url(images/mainnav-hvr.png);} .menu :hover > a, .menu ul ul :hover > a {color:#fff; background-image: url(images/mainnav-hvr.png);} /* make the second level visible when hover on first level list OR link */ .menu ul li:hover ul, .menu ul a:hover ul{ visibility:visible; z-index: 1;} .menu ul li a {color:#973500;} .menu ul li ul{background-image: url(images/big-nav.jpg); background-repeat: no-repeat; height: 350px; width: 220px;} @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari 3.0 and Chrome rules here */ #jFlowSlide{margin-top: 60px;} #slides2{margin-top: -25px;} object{border: 5px #1d1d1e solid;} }# }