/* CSS Document */

/*
Text Colors Used in This Site:
Dark Brown: #483C2f
Light Brown: #76614D
Medium Green: #748807
Bright Green:
Teal: #608d9b
Purple: #7f7499
Warm Grey: #C8C0B8
*/


/* Erase and Reset Default Styles
----------------------------------------------------------------------- */
body, h1, h2, h3, h4, div, p, label, select, table, th, tr, td, ul, ol, li, dl, dt, dd, img, script {
margin:0;
padding:0;
font-weight:normal;
border:none;
font-family: Arial, Helvetica, sans-serif;
list-style:none;
font-size:12px;
}
table, th, tr, td {
font-size:11px;
}
a:hover {
text-decoration:underline;
}

/* Layout
----------------------------------------------------------------------- */
body {
padding:30px 0;
background: #608d9b url(../images/background_site_page.gif) repeat-x top left;
text-align:center;
font-size:12px;
color:#76614d;
}
#outerwrapper {
text-align:left;
margin:0 auto;
padding:10px;
width:730px;
background-color:#76614d;
}
#innerwrapper {
margin:0;
padding:15px;
background: #fff url(../images/background_home_content.jpg) repeat-x top left;
}
#content {
margin:0;
padding:0;
}
#masthead {
margin:0;
padding:0;
height:67px;
overflow:hidden;
background: url(../images/background_masthead.gif) no-repeat bottom left;
}
#logotype {
margin:0;
padding:0;
float:left;
}
#masthead_weather {
margin:0 0 0 0;
padding-right:67px;
float:right;
text-align:right;
}
#masthead_weather td.weather_left {
padding-right:20px;
text-align:center;
}
#masthead_weather td.weather_center {
width:1px;
}
#masthead_weather td.weather_right {
width:120px;
padding-left:20px;
text-align:center;
}
#primary_nav {
margin:0 0 12px 0;
padding:0;
height:32px;
}
#primary_nav img.nav_margin_right {
margin-right:3px;
}
#secondary_nav {
height:134px;
width:164px;
overflow:hidden;
border-bottom:solid #fff 4px;
margin-bottom:40px;
padding:10px;
}
#sub_purple #secondary_nav {
background:#7f7499;
}
#sub_teal #secondary_nav {
height:auto;
padding-bottom:20px;
background:#608d9b;
}
#sub_teal #secondary_nav.short {
height:134px;
padding:10px;
}
#sub_brown #secondary_nav {
height:194px;
background:#483c2f;
}
#sub_brown #secondary_nav.utility {
height:auto;
background:#483c2f url(../images/utility_bg_strip.jpg) no-repeat bottom right;
padding:20px 10px 24px;
border:none;
}
#home_graphic {
margin:0 0 12px 0;
padding:0;
height:190px;
}
#utility_graphic {
margin:0 0 0 0;
padding:0;
height:190px;
}
#columns {
padding:0;
width:700px;
float:left;
background: url(../images/background_home_sidebar.gif) repeat-y bottom left;
}
#home_a #columns {
margin-bottom: 12px;
}
#sub_purple #columns, #sub_teal #columns, #sub_brown #columns {
padding:0;
width:700px;
float:left;
background: url(../images/background_subpage_content.gif) repeat-y bottom left;
}
#utility #columns {
padding:0;
width:700px;
float:left;
background:none;
}
#home_a #left_column, #home_b #left_column {
margin:0;
padding:0;
width:430px;
float:left;
}
#sub_purple #left_column, #sub_teal #left_column, #sub_brown #left_column {
margin:0;
padding:0;
width:512px;
float:left;
}
#utility #left_column {
margin:0;
padding:0;
width:700px;
}
#home_a #right_column, #home_b #right_column {
padding:0;
float:right;
width:258px;
}
#sub_purple #right_column, #sub_teal #right_column, #sub_brown #right_column {
padding:0;
float:right;
width:184px;
}
#sub_purple #right_column #promos, #sub_teal #right_column #promos, #sub_brown #right_column #promos {
width:184px;
border-top:solid #fff 4px;
}
#home_a #features {
clear:both;
float:left;
height:96px;
background:url(../images/feature_background.gif) repeat-y bottom left;
}
#home_a #feature_1 {
float:left;
margin-right:4px;
width:152px;
height:86px;
padding:10px 10px 0 10px;
background:#483c2f;
color:#fff;
}
#home_a #feature_2 {
float:left;
margin-right:4px;
width:152px;
height:86px;
padding:10px 10px 0 10px;
background:#7f7499 url(../images/feature_merchandise.jpg) no-repeat bottom right;
color:#fff;
}
#home_a #feature_3 {
float:left;
margin-right:4px;
width:152px;
height:86px;
padding:10px 10px 0 10px;
background:#90a8ae url(../images/feature_musher.gif) no-repeat bottom right;
color:#fff;
}
#home_a #feature_4 {
float:left;
width:152px;
height:86px;
padding:10px 10px 0 10px;
background:#608d9b url(../images/feature_susan.gif) no-repeat right bottom;
color:#fff;
}
#home_b #features {
padding-top:12px;
}
#home_b #feature_1 {
float:left;
padding:10px 100px 10px 10px;
width:103px;
height:76px;
background:#608D9B url(../images/feature_history.gif) no-repeat bottom right;
color:#fff;
}
#home_b #feature_2 {
float:right;
padding:10px 100px 10px 10px;
width:103px;
height:76px;
background:#D1B397 url(../images/feature_during_gallery.jpg) no-repeat bottom right;
color:#fff;
}
#home_a div#logo_bar, #home_b div#logo_bar {
clear:both;
padding-top:12px;
}
#home_a div#logo_bar_1, #home_b div#logo_bar_1  {
float:left;
padding:10px 10px 0;
width:410px;
height:80px;
margin-right:12px;
background:#D6D0CA;
color:#fff;
overflow: hidden;
}
#sub_purple div#logo_bar, #sub_teal div#logo_bar, #sub_brown div#logo_bar {
padding-top:20px;
padding-right:20px;
}
#sub_purple div#logo_bar_1, #sub_teal div#logo_bar_1, #sub_brown div#logo_bar_1  {
border-top:solid #483c2f 1px;
padding:8px 0 0;
width:492px;
height:80px;
color:#D6D0CA;
overflow: hidden;
}
#logo_bar_2 {
padding:0;
float:right;
width:258px;
height:90px;
background:#7f7499;
overflow: hidden;
}
#footer {
clear:both;
padding:10px 0;
}
#footer div, #footer ul li {
font-size:10px;
line-height:.8em;
}
#footer_left {
float:left;
}
#footer_right {
float:right;
text-align:right;
}


/* General Content and Context Specific Text Styles
----------------------------------------------------------------------- */
p {
padding-bottom:1em;
}
p.intro {
font-size:12px;
}
p.footnote {
font-size:.9em;
border-top:solid #D9D3CE 1px;
padding-top:.5em;
margin-top:1em;
}
p.weather_text {
font-size:18px;
padding:4px 0 2px;
text-transform:uppercase;
line-height:normal;
color:#7f7499;
}
span.fc {
font-size:12px;
}
strong {
font-weight:bold;
}
#left_column h1 {
padding: 18px 0 .7em 0;
color:#7f7499;
font-size:22px;
}
#left_column h2 {
padding-bottom:.3em;
font-size:13px;
font-weight:bold;
color:#748807;
}
#left_column h2 cite {
font-style:normal;
}
#left_column h3 {
padding-bottom:0;
color:#483C2f;
font-weight:bold;
text-transform:uppercase;
}
#left_column h4 {
padding-bottom:0;
color:#76614d;
font-weight:bold;
}
#left_column p {
line-height:1.3em;
}
#left_column a {
color:#608d9b;
text-decoration:none;
}
#left_column a:hover {
text-decoration:underline;
}
#left_column blockquote {
padding-bottom:1em;
padding-top:0;
margin-top:0;
color:#483C2f;
}
#left_column sup {
padding:0;
font-size:.6em;
font-family:verdana, sans-serif;
}
*html #left_column sup {
padding:0;
font-size:.8em;
font-family:verdana, sans-serif;
}
#left_column #body_copy {
padding-right:20px;
}
#utility #left_column #body_copy {
padding-right:0;
}
#left_column div.photo_n_caption {
float:right; 
margin:0 0 20px 10px;
text-align:center;
width:184px;
overflow:hidden;
}
#left_column img.photo {
border:solid 2px #7f7499; 
margin:0 0 10px 0;
}
#utility #left_column img.logo {
float:left;
}
#left_column p.caption {
font-size:12px;
color:#7f7499;
font-weight:bold;
padding-bottom:.5em;
}
img.rule {
padding-bottom:10px;
}
img.pdficon {
position:relative;
top: 0.3em;
padding-left:.3em;
}
div#features a {
color:#fff;
text-decoration:none;
display:block;
}
div#features a:hover {
text-decoration:underline;
}
div#features a img.arrow {
position: relative;
top:1px;
}
#features h3, #logo_bar h3 {
text-transform:uppercase;
padding-bottom:.5em;
font-weight:bold;
font-size:10px;
color:#fff;
}
#home_a #feature_1 p, #home_a #feature_2 p, #home_a #feature_3 p, #home_a #feature_4 p {
line-height:1.4em;
font-size:11px;
}
#home_a #feature_2 p, #home_a #feature_3 p, #home_a #feature_4 p {
margin-right:65px;
}
#home_b #feature_1 p, #home_b #feature_2 p {
line-height:1.4em;
font-size:11px;
}
#home_a #left_column h5, #home_b #left_column h5 {
color:#483C2F;
text-transform:uppercase;
padding:0;
margin:0;
font-size:10px;
display:inline;
}
#home_a #left_column h5 a, #home_b #left_column h5 a {
color:#483C2F;
}
#logo_bar_1 h3 {
color:#483C2F;
float:left;
text-transform:uppercase;
padding-bottom:0;
}
#logo_bar_1 h4 {
color:#76614D;
float:right;
text-transform:uppercase;
padding-bottom:0;
padding-right:10px;
background:url(../images/arrow_brown_light76614D.gif) no-repeat  100% 45%;
font-size:10px;
}
#logo_bar_1 h4 a {
text-decoration:none;
color:#76614D;
}
#logo_bar_1 h4 a:hover {
text-decoration:underline;
}
#secondary_nav h3  {
font-size:14px;
font-weight:bold;
color:#fff;
padding: 0;
line-height: normal;
}
#secondary_nav ul  {
padding-top:10px;
line-height:1.6em;
}
#secondary_nav ul ul {
padding-top:0;
padding-bottom:5px;
line-height:1.2em;
}
#secondary_nav ul li a {
color:#b6e1e3;
text-decoration:none;
font-size:11px;
}
#secondary_nav ul ul li a {
padding-left:10px;
text-decoration:none;
background:url(../images/nav_bluebullet.gif) no-repeat 0 .5em;
}
#secondary_nav ul a:hover {
text-decoration:underline;
color:#fff;
}
#secondary_nav ul ul a:hover {
text-decoration:underline;
background:url(../images/nav_whitebullet.gif) no-repeat 0 .5em;
}
#secondary_nav ul a.selected {
color:#fff;
}
#promos img {
border-bottom:solid #fff 4px;
}
#home_b #promos img {
border-bottom:solid #fff 12px;
}
.directory_one {
float:left;
width:235px;
padding:0 20px 0 0;
margin:1em 0;
clear:both;
}
.directory_two {
float:left;
width:215px;
padding:0 0 0 20px;
margin:1em 0;
}
#utility .directory_one {
width:329px;
}
#utility .directory_two {
width:330px;
}
.directory dt, .directory dd {
display:inline;
}
img.banner {
display:block;
}


/* Lists in Main Column
---------------------------------------------- */
#left_column ul {
padding: 0 0 1em 0;
}
#left_column ul li {
padding: 0 0 1em 1.1em;
background:url(../images/body_squarebullet.gif) no-repeat 0 .35em;
}
#left_column ul.compact li {
padding: 0 0 0 1.1em;
background:url(../images/body_squarebullet.gif) no-repeat 0 .35em;
}
#left_column ul li strong {
color:#748807;
}
#left_column ul.imagelist li {
padding:25px 0;
display:block;
text-align:center;
background:none;
}
#left_column dl {
padding-bottom:1em;
}
#left_column dl.compact {
padding-bottom:0;
}
#left_column dt {
font-weight:bold;
color:#483C2f;
}
#left_column dt strong {
color:#748807;
}
#left_column dd {
padding:0 0 0 1.5em;
}
#left_column dd.contact_info {
padding-top:.5em;
color:#7f7499;
}
#left_column #body_copy.credits p, dd {
font-size:11px;
}


/* Tabular Styles: Global
---------------------------------------------- */
tr.front_runner td {
font-weight:bold;
color:#483C2f;
}
tfoot tr {
background:#D9D3CE;
border-top:solid #fff 3px;
}
tbody tr.alt td {
background:#eae7e4;
}


/* Tabular Information in Main Column
---------------------------------------------- */
#left_column table {
border-collapse:collapse;
margin-bottom:1.5em;
font-size:10px;
text-align:center;
}
#left_column caption {
padding:3px;
background:#7f7499;
color:#fff;
font-size:11px;
}
#left_column tr {
background:#D9D3CE;
}
#left_column thead th {
padding:3px 5px;
}
#left_column thead tr {
background:#bbd506;
}
#left_column th {
font-weight:bold;
text-align:center;
}
#left_column table.form td {
text-align:left;
}
#left_column th.caption {
background:#7f7499;
color:#fff;
font-size:11px;
padding:3px;
font-weight:normal;
border-top:solid #fff 1.5em;
}
#left_column th.mock_thead {
background:#bbd506;
border-top:solid #fff 1.5em;
padding:3px 5px;
}
#popup th.mock_thead {
background:#bbd506;
border-top:solid #fff 1.5em;
padding:3px 5px;
}
#left_column th, #left_column td {
padding:5px;
text-align:center;
}
#left_column table.form td {
text-align:left;
}
#left_column tfoot th, #left_column tfoot td {
padding:3px 5px;
}
#left_column table td.money {
}
#left_column tfoot th {
text-align:right;
}
#left_column th.th2 {
padding:3px 5px;
background:#9D8E7F;
color:#fff;
text-align:center;
font-weight:normal;
}
#left_column table.large td, #left_column table.large th {
border-right:solid #fff 1px;
}
#left_column table.aligned_left td, #left_column table.aligned_left th {
text-align:left;
border-right:solid #fff 1px;
}
#left_column table.aligned_left td.last, #left_column table.aligned_left th.last, #left_column table.aligned_left th.th2 {
border-right:none;
}


/* Tabular Race Stats in Right Column
---------------------------------------------- */
#race_stats a img.arrow {
position: relative;
top:2px;
}
#race_stats table {
width:100%;
}
#race_stats a:link, #race_stats a:visited, #race_stats a:active {
text-decoration:none;
color:#76614d;
}
#race_stats a:hover {
text-decoration:underline;
color:#76614d;
}
#race_stats tr th, #race_stats tr td {
padding:3px 0 3px 8px; 
font-size:11px;
}
#race_stats tr th h4 {
font-size:10px;
}
#race_stats tr td.place {
padding-left:12px; 
}
#race_stats tr td.checkpoint {
padding-right:12px;
padding-left: .4em;
}
#race_stats tr td.in_out {
text-align:right;
font-size:9px;
text-transform:uppercase;
}
#race_stats th {
font-weight:bold;
text-align:left;
background:#bbd506;
color:#483C2f;
text-transform:uppercase;
}
#race_stats th img {
padding-bottom:0;
}
#race_stats tr td {
background:#eae7e4;
}
#race_stats tr.alt td {
background:#D6D0CA;
}
#race_stats tr.front_runner td.musher a:link, #race_stats tr.front_runner td.musher a:visited, #race_stats tr.front_runner td.musher a:active {
text-decoration:none;
color:#483c2f;
}
#race_stats tr.front_runner td.musher a:hover {
text-decoration:underline;
color:#483c2f;
}


/* Footer Styles
---------------------------------------------- */
#footer a:link, 
#footer a:visited, 
#footer a:active {
color:#6cc3cb;
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
color:#6cc3cb;
}
#footer_left ul li {
display:inline;
padding:0 1em;
border-right:solid #71928C 1px;
}
#footer_left ul li.first {
padding-left:0;
color:#6cc3cb;
}
#footer_left ul li.last {
border-right:none;
}
#footer_left ul li.last a {
border-right:none;
color:#bbd506;
}


/* Pop Ups
----------------------------------------------------------------------- */
body#popup {
background:#fff url(../images/background_popup.jpg) no-repeat left top;
margin:0;
padding:10px;
text-align:left;
}
#popup_content {
border:solid #76614d 10px;
padding:15px;
background:#fff;
overflow:hidden;
text-align:left;
}
#popup a {
color:#608d9b;
text-decoration:none;
}
#popup a:hover {
text-decoration:underline;
color:#608d9b;
}
#popup ul {
text-align:left;
padding-bottom:1em;
}
ul#popup_nav {
padding-top:.5em;
}
#popup_nav li {
display:inline;
padding-right:10px;
}
#popup h1 {
padding: 30px 0 .2em 0;
color:#7f7499;
font-size:22px;
}
#popup h2 {
padding-bottom:.3em;
font-size:12px;
font-weight:bold;
color:#748807;
}
#popup dl {
padding-bottom:1em;
}
#popup dl.compact {
padding-bottom:0;
}
#popup dt {
font-weight:bold;
color:#483C2f;
}
#popup dt strong {
color:#748807;
}
#popup dd {
padding:0 0 0 1.5em;
font-size:12px;
}


/* Tabular Information in Pop Ups
---------------------------------------------- */
#popup table {
border-collapse:collapse;
margin-bottom:1.5em;
font-size:10px;
position: relative;
right: auto;
}
#popup caption {
padding:3px;
background:#7f7499;
color:#fff;
font-size:11px;
}
#popup tr {
background:#D9D3CE;
}
#popup thead tr {
background:#bbd506;
}
#popup tr.alt {
background:#eae7e4;
}
#popup th {
font-weight:bold;
text-align:center;
padding:3px 5px;
border-right:solid #fff 1px;
}
#popup td {
padding:5px;
text-align:center;
border-right:solid #fff 1px;
}
#popup .span {
border-bottom:solid #fff 1px;
}
#popup .last {
border-right:none;
}
#popup .span_last {
border-right:none;
border-bottom:solid #fff 1px;
}
#popup table.photos tr td {
border-right:none;
padding:15px;
}
#popup th.caption {
background:#7f7499;
color:#fff;
font-size:11px;
padding:3px;
font-weight:normal;
border-top:solid #fff 1.5em;
}


/* Musher Bios in Pop Ups
---------------------------------------------- */
#popup table.musher th, #popup table.musher td {
border-right:none;
text-align:left;
}
#popup table.musher th {
background:#D9D3CE;
color:#483C2f;
font-size:18px;
padding:10px 10px .2em 10px;
}
#popup table.musher th.th2 {
background:#D9D3CE;
color:#76614d;
font-size:13px;
padding:0 10px 10px 10px;
}
#popup table.musher tr {
background:none;
}
#popup table.musher td {
background:#eae7e4;
font-size:13px;
padding:10px;
}
#popup table.musher tr td.mugshot {
padding:0 10px 0 0;
background:none;
}
#popup table.musher tr td.sponsors {
background:#E0DED3;
border-bottom:solid #eae7e4 10px;
}


/* Forms
----------------------------------------------------------------------- */
form table.form tr td, table.form tr th {
text-align:left;
border-right:none;
}
form input {
border-top: 1px solid #748807;
border-right: 1px solid #483C2f;
border-bottom: 1px solid #483C2f;
border-left: 1px solid #748807;
}
form input.button {
background:#bbd506;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
color:#76614d;
}
#popup table.form tr td {
border-right:none;
text-align:left;
}
#popup table.form tr th {
border-right:none;
}
.error {
color:#ff5400;
font-size:11px;
}


/* Miscellany, IE-only Rules
----------------------------------------------------------------------- */
.clear {
clear: both;
}
*html #innerwrapper {
padding-bottom:3px;
}
*html #footer {
padding-top:12px;
}
*html #home_a div#columns, *html #home_b div#columns {
margin-bottom: 0px;
}
*html #sub_purple div#columns, *html sub_teal div#columns, *html sub_brown div#columns {
margin-top:0;
margin-bottom: 0;
}
*html #home_a div#features {
margin-top:0;
}
*html #home_b div#features {
margin-top:0;
}
*html #home_a div#logo_bar {
padding-top:0px;
padding-bottom:0px;
}
*html #home_b div#logo_bar {
padding-top:0px;
padding-bottom:0px;
}
*html#race_stats tr th, *html#race_stats tr td {
padding:4px 0 2px 8px;
line-height:normal;
}


