/******************************************************************************* * Base Styles - DON'T CHANGE THESE!!! * * * * These rules are used to reset the CSS default properties so things render * * identically (or as close we we can get them) in different browsers. * *******************************************************************************/ body { margin: 10px; padding: 0; font-size: 0.948em; line-height: 1.22 } h1, h2, h3, h4, h5, h6, p, ul, ol, dl, form, fieldset, table, address, blockquote { margin: 0 0 1.22em 0; padding: 0; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0 } ul, ol, blockquote { margin-left: 1.75em } blockquote { margin-right: 2.75em } fieldset { padding: 0.5em } table { border-collapse: collapse; border-spacing:0 } th { text-align: left } select,input,textarea { font: inherit } /******************************************************************************* * Page Structure * *******************************************************************************/ body { margin:0; } #container { width: 851px; margin: auto; font-family:arial; line-height:140%; font-size:.85em; color:#818181} #page { width:815px; padding:15px 20px 10px 20px; background:url("images/page-back.png") bottom left repeat-y; overflow:auto; margin-bottom:0px; } #header { background: url("images/header-back.jpg") bottom left no-repeat; height:180px; position:relative; border:0px solid red;} #header img { position:absolute; z-index:100; border:none; top:10px; left:15px; } #navigation { margin:auto; background:url("images/navigation-back.png") repeat-y; } #footer { overflow:auto; background: url("images/footer-back.png") bottom left no-repeat; clear:both; padding:10px 45px 10px 45px; font-size:90%;} #related { width:160px; float:left; padding-right:5px; position:relative; left:-439px; padding:0 10px; } #additonal { float:right; width:190px; padding-right:5px; } #content { float:left; width:376px; padding:15px 30px 0 30px; position:relative; right:-177px; border-left:0px solid #E8E8E8; } /******************************************************************************* * Common Styles * *******************************************************************************/ h1 { font-size:180%; line-height:120%;color:#1A3281; margin-bottom:5px; font-family:arial; font-weight:normal; letter-spacing:-.4px; } h2 { font-size:120%; line-height:120%;color:#1FBC8D; margin-bottom:5px; } h3 { font-size:120%; line-height:120%;color:#71CDE1; margin-bottom:5px; } b { color:#666; } #header h1 { margin: 0 } #header em { display:none; } #navigation a.skip { position: absolute; left:-1000em } #navigation ul { list-style: none; margin: 0; background:url("images/nav-ul-back.png") bottom left repeat-x; width:678px; padding:10px 10px 10px 144px; margin:auto;text-align:right;} #navigation li { display: inline; } #navigation li a { padding:0 10px 0 3px; background:url("images/nav-seperator.png") 100% 50% no-repeat; line-height:100%; color:#FF7935; text-decoration:none; font-weight:bold; font-size:110%} #footer ul { list-style: none; margin-left: 0 } #footer li { display: inline; } #footer li a { color:#fff; text-decoration:none; font-weight:bold; padding:0 3px 0 3px; border-right:1px solid #fff} #footer p { float: right; margin:0 0 5px 0 } #footer p a img { border: none } #contact-cta { background:url("images/contact-cta.jpg") 0 0 no-repeat; height:145px; width:160px; position:relative;} #contact-cta h2, #contact-cta p { display:none; } #contact-cta a { display:block; text-indent:-10000em; height:145px; width:160px; position:absolute; top:0; left:0;} #sign-up-cta { background:url("images/sign-up-cta.png") 0 0 no-repeat; height:103px; width:160px; position:relative; margin-top:10px; } #sign-up-cta h2, #sign-up-cta p { display:none; } #sign-up-cta a { display:block; text-indent:-10000em; height:103px; width:160px; position:absolute; top:0; left:0; } iframe { border:none; } #related #log-in h2, #related #log-in p { display:none; } #related #log-in a { background:url("images/log-in.png") 0 0; display:block; text-indent:-1000em; width:160px; height:107px; margin:10px 0 0 0;} #content table { border-collapse: separate; border:none; } #content th { border:none; background:#fff; color:#1A3281; } #content tr { border:none; background:url("images/related-li-back.png") bottom left repeat-x;} #content td { border:none; padding:5px; } #content th { padding:5px; } #content ul, #content li { color:#1A3281; } #related ul { list-style:none; margin:5px -4px 0 0; padding-top:15px; padding-right:8px; position:relative;} #related ul li a { display:block; padding:10px 0; background:url("images/related-li-back.png") bottom left repeat-x; color:#1A3281; text-decoration:none; font-size:100%; text-align:right; position:relative; font-weight:bold} #related h2 { display:none; } #related a.feed { display:none; } #content form { border:1px solid #e6e6e6; padding:15px; } #content dt { margin-bottom:-1.4em;color:#1A3281;font-weight:bold } #content dd { padding-left:40px; margin-bottom:15px;} #content fieldset { padding:0; margin:0; border:none; } .address address { font-style:normal; font-size:86%; line-height:140%;} .address strong { color:#1A3281; } .address acronym { color:#1A3281; border:none; font-weight:bold; } .call-to-actions img { margin-bottom:15px; border:none; border-bottom:1px solid #eee; display:block;} /******************************************************************************* * Page Specific Styles * *******************************************************************************/ body.home #content { border-left:0; } body.home #content h1 { background:url("images/home-h1-back.png") 0 0 no-repeat; display:block; height:67px; width:313px; text-indent:-1000em; margin-bottom:15px; } body.home #related { /*left:-415px;*/ } body.home #content img { float:right; margin-right:-15px; margin-left:5px;} body.newsletter #content img { display:block; float:none; } body.form #content dd * { width:200px; } body.align-right #content img { float:right; margin:0 0 15px 15px;}