/* CSS print styles */ body { background: white; font-size: 12pt; } a:link, a:visited { color: #0033ff; background: transparent; font-weight: bold; text-decoration: underline; } h1, h2, h3, #content, #footer {display: block;} * { margin: 0px; padding: 0px; } html { min-height: 100%; margin-bottom: 1px; } body { background: #61564D url(../images/S_body_back.gif) no-repeat 50% 49px; font-size: 11px; font-family: verdana, arial, sans-serif; color: #52443B; text-align: center; } #H_body { background: #61564D url(../images/H_body_back.gif) no-repeat 50% 82px;} table, td, th { font-size: 11px; font-family: verdana, arial, sans-serif; color: #52443B; text-align: left;} #skip { display: none;} #container { position: relative; width: 760px; margin: 0px auto 30px; text-align: left; background: #fff; } #header { position: relative; height: 250px; background: url(../images/H_header_back.jpg) no-repeat;} #S_header { position: relative; height: 160px; background: url(../images/S_header_back.jpg) no-repeat;} #logo { position: absolute; top: 30px; left: 50px;} /* NAVIGATION: primary nav */ /* NAVIGATION */ #nav { position: absolute; left: 0px; bottom: 0px; height: 50px; background-color: #9C9694; } #nav li { position: relative; float: left; font-size: 11px; list-style: none; display: block; } #nav li a { position: relative; display: block; height: 50px; text-decoration: none; color: #61564D; } #nav li strong { position: absolute; left:0px; top: 0px; height: 50px; display: block; z-index: 10; } #nav li.race, #nav li.race a, #nav li.race a strong { background: url(../images/cache/HN_race.gif); width: 54px; } #nav li.touareg, #nav li.touareg a, #nav li.touareg a strong { background: url(../images/cache/HN_touareg.gif); width: 81px;} #nav li.tech, #nav li.tech a, #nav li.tech a strong { background: url(../images/cache/HN_tech.gif); width: 54px;} #nav li.team, #nav li.team a, #nav li.team a strong { background: url(../images/cache/HN_team.gif); width: 57px;} #nav li.sponsor, #nav li.sponsor a, #nav li.sponsor a strong { background: url(../images/cache/HN_sponsor.gif); width: 83px; } #nav li.media, #nav li.media a, #nav li.media a strong { background: url(../images/cache/HN_media.gif); width: 62px;} /* HOVER STATE: all images are stacked equal height so this one style makes them all work with no need to repeat. Also: #nav li.class preloads the rollover image. */ #nav li.race, #nav li.race a:hover strong, #nav li.touareg, #nav li.touareg a:hover strong, #nav li.tech, #nav li.tech a:hover strong, #nav li.team, #nav li.team a:hover strong, #nav li.sponsor, #nav li.sponsor a:hover strong, #nav li.media, #nav li.media a:hover strong { background-position: 0px -50px;} /* ON STATE */ #nav li.raceon, #nav li.raceon strong { background: url(../images/cache/HN_race.gif) 0px 50px; width: 54px;} #nav li.touaregon, #nav li.touaregon strong { background: url(../images/cache/HN_touareg.gif) 0px 50px; width: 81px;} #nav li.techon, #nav li.techon strong { background: url(../images/cache/HN_tech.gif) 0px 50px; width: 54px;} #nav li.teamon, #nav li.teamon strong { background: url(../images/cache/HN_team.gif) 0px 50px; width: 57px; } #nav li.sponsoron, #nav li.sponsoron strong { background: url(../images/cache/HN_sponsor.gif) 0px 50px; width: 83px;} #nav li.mediaon, #nav li.mediaon strong { background: url(../images/cache/HN_media.gif) 0px 50px; width: 62px;} /* CONTENT Homepage */ #H_main { padding: 60px 0px 30px;} #centerline { background: url(../images/H_content_back.gif) repeat-y; } #S_centerline { background: url(../images/S_content_back.gif) repeat-y; } #H_news { position: relative; float: left; width: 340px; padding: 0px 30px 0px 40px; margin-top: -22px;} * html #H_news { width: 410px; w\idth: 340px;} #H_news h2 { color: #1C4477; border-bottom: 1px solid #1C4477; } #H_news p { padding: 0px 0px 0px; line-height: 15px;} #H_news p.more { padding: 0px 0px 20px 10px; line-height: 15px;} #H_news .mainimg{position: relative; margin-left: -10px;} #column2 { position: relative; float: left; width: 290px; padding: 0px 30px;} * html #column2 { width: 350px; w\idth: 290px;} #column2 p { padding: 0px 0px 5px; line-height: 17px;} #column2 p.more { padding: 0px 0px 25px 10px;} /* CONTENT Subpages */ #content { position: relative; float: left; width: 450px; padding: 0px 30px 0px 40px;} * html #content { width: 520px; w\idth: 450px;} #content p { padding: 0px 0px 15px; line-height: 15px;} #content p.description { font-size: 12px; color: #B47C52; padding-bottom: 20px;} #sidebar { position: relative; float: left; width: 189px; padding: 0px 20px 0px 30px;} * html #sidebar { width: 240px; w\idth: 189px;} #sidebar .photos{ padding-bottom: 20px;} #sidebar img { padding-bottom: 5px;} #sidebar p.more { padding: 0px 0px 10px 20px;} #footer { position: relative; background: #61564D; clear: both; padding-top: 30px; color: #9C9694; font-size: 10px;} #footer p { height: 50px; line-height: 50px; padding-right: 30px; background: #71675F; text-align: right;} #footer a:link, #footer a:visited { color: #C6C5C9; } /* LINKS */ a:link, a:visited { color: #369; text-decoration: none; } a:hover { color: #777;} /* ELEMENTS */ h1 { font-size: 16px; color: #1C4477; padding: 0px 0px 5px;} h2 { font-size: 14px; color: #52443B; padding: 0px 0px 5px;} h3 { font-size: 12px; color: #52443B; padding: 10px 0px 5px;} h2.H_supporting { color: #f00;} .float_r { position: relative; float: right; margin: 0px 0px 5px 12px;} p.more a:link, p.more a:visited { position: relative; display: block; padding-left: 8px; background: url(../images/arrow_red.gif) no-repeat 0px 6px; font-size: 10px; margin-left: -10px; line-height: 15px;} #nav { display: none; } #subhead { float: left; position: absolute; top: 80px; left: 50px; }