/* Global styles */ body {margin:0; padding:0; position:relative; overflow:-moz-scrollbars-vertical; behavior: url(../js/csshover.htc); background:url(images/bg_body_2.jpg) repeat-x #fff; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000;} * {margin: 0 auto; padding: 0;} /*<------<--------<-----| This assumes we're centering!!! */ a img {border: none;} a {color:#da2828; text-decoration:none;} a:hover, a.current {text-decoration: underline;} p {font-size:12px; padding:0 25px 12px 10px; line-height:14px;} ul, ol {padding:4px 0 0 0; margin:0;} li {font-size:12px;} td, th, tr {font-size:11px;} strong { color:#000;} b{color:#da2828; font-size:13px; padding:0 0 10px 0;} h1{color:#da2828; font-size:20px; padding:0 0 10px 0;} h2{color:#da2828; font-size:18px; padding:0 0 10px 0;} h3{color:#da2828; font-size:17px; padding:0 0 10px 0; font-weight:bold;} h4{color:#da2828; font-size:14px; padding:0 0 10px 0;} h5{color:#da2828; font-size:12px; padding:0; text-indent:10px;} h6{color:#da2828; font-size:10px; padding:0 0 10px 0;} hr{color:#da2828; background:#da2828; width:95%; height:2px; margin:4px 0 8px 0; border:0; text-align:center;} /* reusable classes */ .right{float:right;} .left{float:left;} .center{text-align:center;} .grey{color:#666} .click{cursor:pointer;} .col{display:block; position:relative;} .copy{dispaly:block; clear:both;} .small p{font-size:10px;} .full{position:relative; width:598px;} /*<------<--------<-----| This works better w/ px based widths */ .row{position:relative; width:390px; margin-bottom:8px; float:left;} .factlabel{float:left; width:150px; font-weight:bold; } .fact{float:left; width:240px; } .split50{position:relative; width:50%;float:left;} .split30{position:relative; width:33%;float:left;} .split25{position:relative; width:24%;float:left;} .formpadding td {padding: 0 0 10px 0;} .facttable{position:relative;} .facttable td{padding: 0 0 10px 0;} /* Wrappers */ /*<------<--------<-----| Start building out your divs here... */ #ConceptWrapper { width:500px; padding:20px; border:1px solid #000; margin-top:20px; background-color:#fff;} #PageWrapper{position:relative; width:900px; margin:0 auto; margin-top:10px; padding:0;} #Wrapper{} /* home page top */ #Header{width:801px; margin:0 auto; } #Tab{background: url(images/bg_tab.gif) no-repeat; height:35px;} #Banner{background: url(images/banner_home.jpg) no-repeat; height:121px;} #Logo{width:370px; height:120px; float:right;} #BodyWrapper{position:relative; width:801px; background:url(images/bg_content.jpg) repeat-y; overflow:hidden;} /***************Red Side Bar Area******************/ #topCurve_h{position:absolute; top:0; left:0; background:url(images/topCurve_home.jpg) no-repeat; width:193px; height:222px;} #topCurve_s{position:absolute; top:0; left:0; background:url(images/topCurve_sub.jpg) no-repeat; width:193px; height:222px;} #RedSide{position:absolute; top:65px; left:15px; z-index:10; background:#ccc; width:140px; padding:10px 0;} #bottomCurve{position:absolute; bottom:0; left:0; background:url(images/bottomCurve.jpg) no-repeat; width:193px; height:336px;} /**********Content Section**************/ #ContentWrapper{position:relative; float:right; width:608px;} #Nav{background:#000; border-bottom:1px solid #da2828; font-size:11px; height:16px; color:#fff;} #Nav ul{list-style:none; margin:0 20px; padding:2px 0; _padding:1px 0; float:right;} #Nav ul li{display:inline;} #Nav ul li a{color:#fff; text-decoration:none; padding:0 6px;} #Nav ul li a:hover, #Nav ul li a.current{background: #da2828;} #subNav{background:#c4c5c6 url(images/bg_subNav.jpg) repeat-x; font-size:11px; height:22px; color:#000; border-right:1px solid #000;} #subNav ul{list-style:none; margin:4px 20px 0 25px; padding:2px 0; float:left;} #subNav ul li{display:inline;} #subNav ul li a{color:#000; text-decoration:none; padding:0 15px; font-weight:bold;} #subNav ul li a:hover, #subNav ul li a.current{text-decoration:underline;} /* LINDSEY!!!! WTF DID I DO HERE?!?! */ /* #Content{position:relative; overflow:hidden;} */ #Content ul{font-size:11px; margin:0; padding:0 120px 10px 45px; list-style-image:url(images/bullet_star.jpg);} #Content ul.map{font-size:11px; padding:0 120px 10px 45px; list-style-image:url(images/map-icon.jpg);} #Content ul.pdf{font-size:11px; padding:0 120px 10px 45px; list-style-image:url(images/bullet_pdf.jpg);} #Content ul li{line-height:14px} #Video{float:left; width:240px; padding:10px 10px 0 25px; margin-bottom:10px;} #Caption{font-size:12px; color:#000; padding:45px 20px 10px 0;} #SideBar{width:180px; height:231px; float:right; text-align:right; border-right:1px solid #000; padding:34px 18px 18px 18px;} #PhotoRotate{ background:url(images/photoRotate.jpg) no-repeat; width:180px; height:231px; float:right; text-align:right; padding:34px 18px 18px 18px; border-right:1px solid #000;} /**********Footer Section**************/ #Footer{position:relative; width:900px; height:141px; margin:0; padding:0; background:url(images/bg_footer_3.jpg) no-repeat;background-position: -1px 0;} *html #Footer{position:relative; width:900px; height:140px; margin:0; padding:0; background:url(images/bg_footer_3.jpg) no-repeat;background-position: -1px 0;} #Footer span{ float:left; position:absolute; top:60px; left:50px;} #navFooter{position:absolute; top:60px; right:50px; color:#666; font-size:10px;} #navFooter ul{list-style:none; margin:20 0px; padding:2px 0; float:right;} #navFooter ul li{display:inline;} #navFooter ul li a{color:#666; text-decoration:none; padding:0 5px;} #navFooter ul li a:hover, #navFooter ul li a.current{text-decoration:underline;} /***********Min-Height Hack**************/ .prop {float:left;width:1px; overflow:hidden; display:none;} .clear {clear:both;height:1px;overflow:hidden;} /* I don't currently rely on .clear */ .minHt {height:555px;} /***************************************/ /* -- Alsett Clearing Method*/ .clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;} * html .clearfix {height: 1%;} .clearfix {display: block;} .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;}