/* CSS for homepage */ /* homepage background, this overwrites the body definition on global.css */ body{ background: #EDECDF url("file:///Macintosh HD/Users/alexscholz/Desktop/images/homepage/h-bg.jpg") repeat-x; } /* container for content */ #main-content{ float: left; margin: -2px 40px 0 0; width: 615px; } *html #main-content{ margin: -58px 0px 0 -5px; /*margin: -58px 85px 0 -5px;*/ } /* DO NOT REMOVE, need to hide the different marquees so the random function can work properly */ .randomcontent{ display: none; } /* marquee */ #marquee{ position: relative; z-index: 10; border-left: 1px solid #fff; margin: 0; width: 987px; height: 200px; } *html #marquee{ margin: 0 0 10px 5px; } #farleft{ float: left; margin: 0; padding: 0; border-right: 1px solid #fff; width: 389px; height: 345px; } #top{ float: right; margin: 0; padding: 0; width: 597px; height: 161px; } #top img{ border-right: 1px solid #fff; border-bottom: 1px solid #fff; } #bottom{ float: right; margin: 0; padding: 0; width: 597px; height: 184px; } #bottom img{ border-right: 1px solid #fff; } /* credits */ #survey{ width:113px; height: 63px; left: 440px; position: relative; top: -30px; } #credits{ background: url("file:///Macintosh HD/Users/alexscholz/Desktop/images/homepage/h-credits-icon.gif") no-repeat; color: #585952; text-align: left; font-size: 9px; margin: 12px 0 0 0; padding: 0 0 0 18px; width:355px; } *html #credits{ /*margin: 12px 0 0 -560px;*/ margin: 12px 0 0 12px; z-index: 400; } /* image credits */ #img-credits-container{ position: absolute; top: 800px; color: #7A7E78; text-align: left; margin: 0 0 0 10px; width: 1018px; } *html #img-credits-container{ top: 850px; margin: 30px 0 0 18px; } #img-credits-container h3{ font-size: 10px; font-weight: bold; margin: 0; } #img-credits-container p{ font-size: 9px; } #credits1, #credits2, #credits3{ float: left; background: #fff; border-right: 1px solid #7A7E78; margin: 0 25px 0 0; padding: 5px 15px 0 0; width: 203px; } #credits4{ float: left; background: #fff; margin: 0; padding: 5px 15px 0 0; width: 212px; } /* links */ #callouts{ float: left; text-align: left; margin: 20px 0 10px 0; padding: 0 20px 0 0; border-right: 1px solid #D9D7BF; width: 370px; } *html #callouts{ margin: 20px 0 15px 3px; } #callouts h1{ color: #728E7E; font-size: 13px; text-decoration: none; } .callout-box{ background: #F6F6EF url("file:///Macintosh HD/Users/alexscholz/Desktop/images/homepage/h-callout-arrow.gif") no-repeat; border: 1px solid #D9D7BF; text-decoration: none; margin: 0 0 4px 0; padding: 4px 15px 0 32px; width: 321px; } *html .callout-box{ padding: 12px 15px 10px 32px; } a:hover .callout-box{ background-image: url("file:///Macintosh HD/Users/alexscholz/Desktop/images/homepage/h-callout-arrow.gif") no-repeat; background-color: #fff; } .callout-box h1{ color: #728E7E; font-size: 13px; text-decoration: none; } .callout-box p, .callout-box p a{ color: #585952; font-size: 10px; text-decoration: none; } #callouts a{ text-decoration: none; } .callout-link-icon{ margin: 16px 0px 10px 0px; padding: 0 0 0 0; text-align: center; width: 369px; } *html .callout-link-icon{ margin: 10px 0 0 11px; } .callout-link{ background: url("file:///Macintosh HD/Users/alexscholz/Desktop/images/homepage/h-tabs-arrow.gif") no-repeat; margin: 0 0 0 11px; padding: 0 15px 0 21px; width: 310px; } *html .callout-link{ margin: 10px 0 0 11px; } .callout-link a:link, .callout-link a:active{ color: #728E7E; font-size: 10px; text-decoration: none; } .callout-link a:hover, .callout-link a:visited{ color: #728E7E; font-size: 10px; text-decoration: underline; } /* tabs */ #tabsHP{ text-align: left; font-size: 10px; font-weight: bold; margin: -15px 0 0 420px; padding: 0; width: 500px; } *html #tabsHP{ margin: -407px 0 5px 420px; width: 500px; } #tabsHP li{ list-style: none; display: inline; margin: 0 20px 0 0; } #tabsHP li a{ background: url("file:///Macintosh HD/Users/alexscholz/Desktop/images/homepage/h-tabs-arrow.gif") no-repeat; color: #87825E; text-decoration: none; margin: 0; padding: 0 0 0 20px; } *html #tabsHP li a{ padding: 0 0 10px 20px; } #tabsHP li a:hover{ color: #6A836E; border-color: #BFCDC7; } #tabsHP li.selected, #tabsHP li.selected a{ background: url("file:///Macintosh HD/Users/alexscholz/Desktop/images/homepage/h-tabs-arrow-selected.gif") no-repeat; color: #6A836E; } #tcontent1, #tcontent2, #tcontent3, #tcontent4{ line-height: 18px; } #tcontent1 h2, #tcontent2 h2, #tcontent3 h2, #tcontent4 h2{ color: #585952; font-size: 10px; font-weight: bold; line-height: 13px; } /*style of tab content container*/ .tabcontentstyleHP{ text-align: left; margin: 30px 0 0 420px; width: 490px; } *html .tabcontentstyleHP{ margin: 20px 0 0 420px; } .tabcontent{ display:none; } @media print { .tabcontent { display:block!important; } } /* bottom links in the tab module */ #bottom-links{ color: #87825E; font-size: 9px; margin: 0 0 0 0; padding: 20px 0 10px 0; width: 570px; } #bottom-links li{ list-style-type: none; display: inline; } #bottom-links li a{ color: #87825E; text-decoration: none; padding: 0 0 10px 0; } #bottom-links li a:hover, #bottom-links li a:visited{ text-decoration: none; } #bottom-links li.noicon{ padding:15px 20px 10px 0px; } #bottom-links li.newsletter{ background: url("file:///Macintosh HD/Users/alexscholz/Desktop/images/homepage/h-newsletter-icon.gif") no-repeat; padding: 0 45px 5px 20px; } #bottom-links li.rss{ background: url("file:///Macintosh HD/Users/alexscholz/Desktop/images/homepage/h-rss-icon.gif") no-repeat; padding: 0 45px 5px 15px; } /* footer - overwrites the definition in global.css */ #footer{ background: #fff url("file:///Macintosh HD/Users/alexscholz/Desktop/images/homepage/h-footer-bg.gif") repeat-x; margin: 0; padding: 25px 0 20px 0; height: 300px; } #footer ul{ margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 0 0 0 13px; width: 975px; } /**html #footer ul{ margin: 0 0 0 25px; }*/