/******************************************************************************* * 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 } /******************************************************************************* * CMS Common * *******************************************************************************/ #content form dt { float:left; clear: both; width: 35%; padding-top:5px; margin-right:4%; } #content form dd { float: right; margin:1px 0; width: 60%; } /* #content form dt { margin:5px 0 0 0 } #content form dd { margin:0 0 5px 0 } */ img.center { margin:auto; clear:both; display:block; float:none; } img.right { float:right; margin:0 0 25px 25px; clear: right; } img.left { float:left; margin:0 25px 25px 0; clear: left; } dd.radio, dd.checkbox { position: relative } dd.radio label, dd.checkbox label { padding-left: 24px; } dd.radio input, dd.checkbox input { position: absolute; left: 0; } dd.textinput input { width:60% } dd.textinput-wide input, dd.textareainput textarea { width:99% } dd.textinput-narrow input { width:40% } dd.textinput-tiny input { width:10% } dd.captcha * { vertical-align: middle } dd.captcha img { background:#fff; border:1px solid #999; margin: 0 20px 5px 0; padding:5px } /******************************************************************************* * Page Structure * *******************************************************************************/ body { margin:0; font-family:"Trebuchet MS"; font-size:.8em; line-height:150%; } #container { margin: auto; overflow:auto; background:url("images/page-base-grad.png") bottom left repeat-x; } #header { height:77px; background:url("images/header-back.png") 0 0 repeat-x #222;} #navigation { background: url("images/navi-back.png") 0 0 repeat-x #000; padding:1px 0 3px 0; overflow:hidden} #footer { clear:both; } .wrap { width:940px; margin:auto; } #content { width:940px; margin:auto; } #preamble { height:322px; background:url("images/preamble-back.jpg") 50% 0 no-repeat; padding-top:88px; } #related { width:190px; float:left; margin-top:-325px; padding:0 15px; margin-bottom:25px;} #substance { width:650px; float:right; background:#fff; margin-top:-325px; padding:0 25px; margin-bottom:25px;} #footer { clear:both; background:url("images/footer-repeater.png") 0 0 repeat-x #000; } #footer .wrap { background:url("images/footer-internal.png") 0 0 no-repeat; height:105px; position:relative} /******************************************************************************* * Common Styles * *******************************************************************************/ h1, h2, h3 { line-height:1.1; } h1 { font-size:220%; } .banner-image { display:none; width:940px; margin:auto; background:url("images/head-images/head1.jpg") 0 0 no-repeat; height:130px } #header h1 { margin: 0 } #header a { text-indent:-10000em;overflow:hidden;float:left; } #header a.logo { width:76px; height:44px; background:url("images/basing-view-logo.png") 0 0 no-repeat; margin-top:22px; margin-left:20px; display:none;} #header a.bd { width:75px; height:36px; background:url("images/bandlogo.png") 0 0 no-repeat; margin-top:25px; } #header a.newsletter { float:right; text-indent:0; font-size:110%; font-weight:bold; color:#9AC511; text-decoration:none; background:url("images/newsletter-bg.png") repeat-x 0 0 #000; padding:5px 10px; margin-top:28px;} #header a.newsletter span { color:#fff; padding-right:20px; background:url("images/nws-arrow.png") 100% 50% no-repeat; font-weight:normal; } #navigation a.skip { position: absolute; left:-1000em } #navigation ul { list-style: none; margin: 0; width:940px; margin:0 auto; } #navigation li { display: inline; } #navigation li a { text-decoration:none; color:#fff; font-size:120%; float:left; padding:5px 10px; background:url("images/nav-seperator.png") 100% 50% no-repeat; } #navigation li:first-child a { padding-left:0; } #navigation li:last-child a { padding-right:0; background:none; } #navigation li a:hover { color:#9AC511; } #footer ul { list-style: none; margin-left: 0 } #footer li { display: inline; margin-right: 1em } #footer span.strap { color:#fff; font-size:135%; /*letter-spacing:-0.8px;*/ position:absolute; left:150px; top:43px;} #footer a { display:block; width:130px; height:20px; overflow:hidden; text-indent:-10000em; position:absolute; top:40px; right:0;} #footer p { margin:0; line-height:100%; } #substance { background:url("images/substance-base.png") bottom left no-repeat; padding-bottom:85px} #substance .panel { background:url("images/substance-bg.png") 0 0 repeat-x; margin:0 -25px; padding:30px 25px 0 25px; } #substance h1 { background:url("images/h1-rule.png") bottom left no-repeat; padding-bottom:15px; margin-bottom:22px;} #related { background:url("images/related-base.png") bottom left no-repeat; padding-bottom:55px; } #related h2 { background:url("images/related-head.png") bottom left no-repeat; margin:0 -14px 0 -15px; padding:10px 15px 43px 15px; color:#fff; font-size:130%; margin-bottom:0;} #ctas { clear:both; width:940px; margin:auto;} #ctas img { margin:0 10px; } #ctas .cta-wrapper { position:relative; width:960px; overflow:hidden; margin:0 -10px; } #form-error { border:3px double #c00; background:#fee; padding:10px; margin-bottom:15px } #form-error h1 { color: #c00; font-size:140%; border:none; margin:0; } #related div ul { margin:-20px 0 15px 0; list-style:none; border-bottom:1px solid #000; } #related div ul ul { margin:0; border:none;} #related div ul li a { display:block; border-top:1px solid #000; padding:5px 5px; text-decoration:none; color:#333;} #related div ul li.active a, #related div ul li.open a { background:#ccc; font-weight:bold; } #related div ul li.open ul a { background:none; border-top:0; padding-left:20px; color:#007E01; font-weight:normal; background:url("images/secondlevel-arrow.png") 10px 50% no-repeat;} #related div ul li.open ul { border-top:1px solid #007E01; } #related div ul li ul li a { } body.past #preamble { background-image:url("images/preamble-past.jpg"); } body.present #preamble { background-image:url("images/preamble-present.jpg"); } body.future #preamble { background-image:url("images/preamble-future.jpg"); } #substance table { width:100%; border-collapse: separate; border:none; margin-bottom:1.5em} #substance table th { background:#C4E3F5; color:#000; padding:5px; border:none;} #substance table td { border:none; padding:5px; border:none; vertical-align: top; text-align:center} #substance table tr { } #substance table tr.alt { } #substance table img { padding: 10px; background:#fff; } #substance b { color:#007E01; font-size:130%; font-weight:normal; } #substance form { padding:0; border:none; } #substance fieldset { border:none; padding:0; border:1px solid #ccc; background:#eee; padding:15px;} #substance fieldset dd { margin-bottom:10px; } #substance fieldset dd input { width:300px; } #substance fieldset div { clear:both; } img { border:none; } /******************************************************************************* * Page Specific Styles * *******************************************************************************/ body.home #container { background-image:url("images/home-base-grad.png"); } body.home #substance { width:940px; float:none; margin:25px 0; padding:0; background:none; } body.home #preamble .holder { background:url("images/flash-holder.jpg") 0 0 no-repeat; height:331px; margin:auto; width:940px; position:relative;} body.home #preamble object { position:absolute; left:15px; top:25px;} body.past #substance, body.present #substance, body.full-page #substance { width:890px; background-image:url("images/substance-full-base.png")} body.past #related, body.present #related, body.full-page #related { display:none; } /******************************************************************************* * IE6 * *******************************************************************************/ h1, #substance, #related, #related h2 { _position:relative; } body.past #substance, body.present #substance, body.full-page #substance, #substance { _background:#fff; _border-bottom:10px solid #000; _padding-bottom:10px; } #related { _background:#fff; _border-bottom:10px solid #000; _padding-bottom:10px;} #related h2 { _margin-right:-15px; } #related ul { _position:relative; } #related ul a { _width:180px; _position:relative; }