/* .oooo. ooooooooo oooooooooo. oooooooooooo .oooooo..o ooooo .oooooo. ooooo ooo .oooooo..o .dP""Y88b d"""""""8' `888' `Y8b `888' `8 d8P' `Y8 `888' d8P' `Y8b `888b. `8' d8P' `Y8 ]8P' .8' 888 888 888 Y88bo. 888 888 8 `88b. 8 Y88bo. <88b. .8' 888 888 888oooo8 `"Y8888o. 888 888 8 `88b. 8 `"Y8888o. `88b. .8' 888 888 888 " `"Y88b 888 888 ooooo 8 `88b.8 `"Y88b o. .88P .o. .8' 888 d88' 888 o oo .d8P 888 `88. .88' 8 `888 oo .d8P `8bd88P' Y8P .8' o888bood8P' o888ooooood8 8""88888P' o888o `Y8bood8P' o8o `8 8""88888P' Like the code you see? - www.3point7designs.com =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- || TABLE OF CONTENTS || =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- =01 : UNIVERSAL SELECTORS =02 : BODY STRUCTURE =03 : LINKS =04 : NAVIGATION =05 : HELPER CLASSES =06 : ACCESSIBILITY =07 : TABLES MARGINS: SMALL t10px / b10px DEFAULT t20px / b20px LARGE t30px / b30px */ /* =01 : UNIVERSAL SELECTORS */ * { } html, body { height: 100%;margin: 0 0 1px 0; font-family: Georgia, Palatino, Times, 'Times New Roman', serif; } strong.emp { color: #68a5c5 !important; } html { background: url('../images/structure/header-left.gif') top left 50%; } body { background: url('../images/structure/header-right.gif') top right 50%; } #page-wrapper { background: url('../images/structure/header.png') top center no-repeat; padding: 25px 0 0 0;} #page-wrapper.purple-bg { background: url('../images/structure/header-purple.png') top center no-repeat !important;} #page-wrapper.brown-bg { background: url('../images/structure/header-burg.png') top center no-repeat !important;} #page-wrapper.green-bg { background: url('../images/structure/header-green.png') top center no-repeat !important;} #page-wrapper.red-bg { background: url('../images/structure/header-red.png') top center no-repeat !important;} /* =02: HTML5 BASED NAMING CONVENTIONS + BODY STRUCTURE */ #page { width: 937px; margin: 0px auto 0 auto; padding: 10px; border: 10px solid #a8a8a8; background: #fff;} #logo { width: 937px; height: 45px; background: url('../images/structure/logo-top.gif') no-repeat; } #logo a { display: block; width: 937px; height: 0; font-size: 1em; padding-top: 45px; text-indent: -2000px; overflow: hidden; background: url('../images/structure/logo-top.gif') no-repeat; } .article {} .section {} .aside .navigation {} #header {} #footer {} #radio-ticker{ overflow:hidden; float:left; position: relative; width:213px; padding: 2px 0 0 0; height: 16px; border: 1px solid #000; padding: 1px; } .scrollWrapper { position: relative; overflow: hidden; width: 100%; height: 100%; } .scrollableArea { position: relative; width: auto; height: 100%; } #radio-ticker p { display: inline; white-space: nowrap; width: auto; height: auto; font-family: courier, 'courier New'; color: #00FF00; background: #000; padding: 4px; } #content {background: url('../images/structure/ghosted-mark.gif') top right no-repeat;} #content-main { width: 670px; float: right; } #content-sup { width: 233px; float: left; padding-bottom: 12px; } #content-sup-news { position: relative ;background: url('../images/structure/sidebar-bg.gif') top left repeat-y #9ec3d9; padding: 15px 15px 5px 15px; border-bottom: 35px solid #00446a; color: #333;} #content-sup-news p { font-size: 95%; margin-top: 0;} #content-sup-news h4 a { text-transform: uppercase; font-size: 14px; } #content-sup-news h4 { margin-bottom: 5px; margin-top: 35px;} #subpage #content-main { width: 640px; margin-right: 40px; padding-bottom: 40px;} #latest-news-headline { width: 213px; position: absolute; text-indent: -999999px; overflow: hidden; top: 0; left: 5px; height: 46px; background: url('../images/structure/latest-news-headline.gif') no-repeat scroll top left; } #homepage #content-main p { width: 375px; margin-left: 30px; } #homepage h2 { font-weight: 100;} #footer { clear: both; height: 20px;background: url('../images/structure/footer.gif') no-repeat; margin: 0px; padding: 3px 5px 3px 5px;} #footer address { color: #034985; margin: 0; float: right; font-size: 12px !important; line-height: 20px;} #main-navigation, #main-navigation li { margin: 0; padding: 0; list-style: none; font-family: Georgia, Palatino, Times, 'Times New Roman', serif;} #main-navigation { margin-bottom: 30px; } #main-navigation li { margin: 0; padding: 0;line-height: 16px;} #main-navigation li a { border: 1px solid #fff; border-bottom: 1px solid #e2e2e2; color: #505050; text-decoration: none; font-size: 15px; padding: 2px 5px 2px 5px; display: block; margin: 0; } #main-navigation li a:hover { background: #fafafa; border: 1px solid #66a3c3;} .plink:hover { border: 1px solid #a27aaf !important; } .blink:hover { border: 1px solid #af7a7a !important; } .glink:hover { border: 1px solid #82af7a !important;} #main-navigation li a.active { color: #00446a; font-weight: bold; letter-spacing: -1px;} #main-navigation li { margin: 5px 0 0 0;} /* =03: LINKS */ a { color: #004566;} a:hover { text-decoration: none; } a:vistied {} a:active {} /* =04: NAVIGATION */ #main_nav { list-style: none; margin: 0; padding: 0; } /* ACCESSIBLE CSS ROLL OVERS #main_nav li a { display: block; float: left; width: 0px; height: 0px; text-indent: -99999px; overflow: hidden; } */ #subnav {} #breadcrumbs { list-style: none; margin: 0 0 18px 0; padding: 0; } #breadcrumbs li { display: inline; font-size: 10px; color: #999; } #breadcrumbs li a { color: #666; } /* =06: HELPER CLASSES */ .floating-image{ float:left; margin:10px; } .tac, .center { text-align: center; } .tal { text-align: left; } .tar { text-align: right; } .fl, .left { float: left; } .fr, .right { float: right; } .imgfl { float: left; margin-right: 18px; margin-bottom: 18px; padding: 2px; border: 1px solid #ccc;} .imgfr { float: right; margin-left: 18px; margin-bottom: 18px; padding: 2px; border: 1px solid #ccc;} .clear { clear: both; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .nolist, .nolist li { margin: 0; padding: 0; list-style: none;} /* =07: ACCESSIBILITY */ #skiplinks { position: absolute; top: -500px; } /* =08: TABLES */ table table tr table td summary {} th {} legend {} /* =========================== */ /* = Homepage Customizations = */ /* =========================== */ .homepage-tag { margin: 20px 0 60px 0; line-height: 35px;font-size: 30px; color: #00446a;} .line-one { padding-left: 30px; } .line-two { display: block;} .line-three { padding-left: 80px; } .marks-quotes blockquote p { font-size: 18px; font-weight: 100; line-height: 30px; margin-bottom: 15px; border-bottom: 1px solid #efefef; padding: 5px 5px 15px 5px; } /* =========================== */ /* = Sales-Oriented Research = */ /* =========================== */ .recall-blurb { filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; float: right; width: 315px; margin: 10px; padding: 15px; border: 3px double #ddd; background: url('../images/structure/sidebar-bg2.gif') top left repeat-y #cae6f2;} .single-space li { margin: 0 !important; font-size: 11px !important; padding: 0 !important; line-height: 15px !important;} .single-space { margin-left: 30px; } .blurb-title { font-size: 22px; color: #00446a; margin-bottom: 0.75em; font-weight: bold;} .red { color: #ff0000; } .minititle { font-size: 15px; } .minititle2 { font-size: 17px;} #retail-list { color: #00446a; } #retail-list li span { color: #000 !important; } .b20 { margin-bottom: 30px; } .black { color: #000 !important; }