/* Tour of Missouri 
-------------------------------------------------------------------------------------------------------*/
body { font-family: helvetica; }
#header2 { background-image: url('http://media.sjnp.net/images/tourofmissouri/masthead.jpg'); height: 111px; }
#header2 #logo { font-size: 8pt; text-align: right; padding: 3px 5px 0px 0px;}
#header2 #leftmenu { background-color: #ffffff; margin-top: 68px; }
#bigad img { margin: 0px; padding: 1px 0px; }

/* Navigation 
-------------------------------------------------------------------------------------------------------*/
#tom-tabs { border-bottom: 5px solid #2f472d; float: left; margin: 10px 0px 10px 0px; padding: 0px; text-align: center; width: 650px; }
#tom-tabs a { background-image: url('http://media.sjnp.net/images/tourofmissouri/tab-inactive.png'); color: #fff; display: block; float: left; font-size: 9pt; font-weight: bold; height: 23px; letter-spacing: 1px; line-height: 23px; margin: 0px 15px 0px 15px; padding: 0px; text-decoration: none; width: 176px; }
#tom-tabs a:hover { text-decoration: underline; }
#tom-tabs a.active { background-image: url('http://media.sjnp.net/images/tourofmissouri/tab-active.png'); }
#tom-subs { font-size: 14px; font-weight: bold; letter-spacing: 3px; margin: 0px; text-align: center; }
#tom-subs a { color: #2f472d; margin: 0px 10px; text-decoration: none; }
#tom-subs a.active { border: 2px solid #2f472d; border-right: none; border-left: none; padding: 1px; }
#tom-subs a:hover { text-decoration: underline; }

/* About the Race
-------------------------------------------------------------------------------------------------------*/
#content2 p a { color: #2f472d; }
#content2 h3 { color: #2f472d; text-align: center; }
#overview img#tom-logo { float: left; margin: 0px 10px 0px 0px; }
#overview hr { clear: both; }
#overview #thumb { float: left; margin: 10px 15px; width: 150px; }
#overview #text { float: right; font-size: 11pt; margin: 10px 15px; width: 400px; }
#overview #text ul { list-style-type: none; margin: 0px; padding: 0px; }
#overview #text ul li .category { color: #2f472d; font-weight: bold; }
#overview #text ul li sup { font-size: 7pt; }
#overview #text blockquote { margin: 15px 10px 15px 10px; }
#overview #text blockquote .attrib,#overview #text blockquote .attrib a { color: #2f472d; font-size: 10pt; font-style: italic; }
#overview #text h4 { border-bottom: 1px solid #2f472d; color: #2f472d; font-weight: bold; margin: 0px 15px 0px 0px; }
#overview #text p { margin: 5px 5px 15px; }
#overview #text p a { color: #2f472d; font-size: 9pt; }
#overview #text .link { font-size: 9pt; margin: 3px; }
#overview #text .link a { cursor: pointer; text-decoration: underline; }
#riders #teams { list-style-type: decimal; margin: 25px 0px 0px 50px; padding: 0px; }
#riders #teams li { margin: 10px 0px 5px 5px; padding: 0px; }
#riders #teams li .title { color: #2f472d; font-weight: bold; margin: 0px 5px 0px 0px; }
#riders #teams li .description { font-size: 10pt; font-style: italic; }
#riders #teams li .description a { color: #2f472d; }

/* Related News 
-------------------------------------------------------------------------------------------------------*/
#tom-updates { margin: 10px 0px 0px 0px; }
#tom-updates .headline { clear: left; }
#tom-updates .headline .title a { color: #2f472d; font-size: 12pt; font-weight: bold; }
#tom-updates .headline .byline span { color: #2f472d; font-size: 9pt; }
#tom-updates .headline p { font-size: 11pt; line-height: 20px; margin: 5px 0px 10px; }
#tom-updates .headline .read-more, #tom-updates .headline .read-more a { color: #2f472d; font-size: 9pt; font-style: italic; }
#tom-updates img.tease { float: left; margin: 5px 10px 5px 0px; }
#tom-updates .extras { line-height: 20px; margin: 25px 0px 0px; }
#tom-updates .extras .title a { color: #2f472d; font-size: 10pt; font-weight: bold; }
#tom-updates .extras .date { color: #2f472d; font-size: 8pt; font-style: italic; }
.klaassen-blog #blog-header { border: 1px solid #000000; }
.klaassen-blog .description { font-size: 10pt; margin: 5px 35px 5px 15px; }
.klaassen-blog #wheres-spencer-holder { margin: 20px 0px 0px 125px; }
.klaassen-blog #wheres-spencer-holder img { float: left; margin: 0px 15px 0px 0px; }
.klaassen-blog #wheres-spencer-holder h4 { color: #2f472d; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px; }
.klaassen-blog #wheres-spencer-holder .locator-link { margin: 10px 0px 0px 0px; }
.klaassen-blog #wheres-spencer-holder .locator-link span { font-size: 9pt; font-style: italic; }
.klaassen-blog #spencers-pics-holder { margin: 20px 0px 0px 125px; }
.klaassen-blog #spencers-pics-holder img { float: left; margin: 0px 15px 0px 0px; }
.klaassen-blog #spencers-pics-holder h4 { color: #2f472d; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px; }
.klaassen-blog #spencers-pics-holder .multimedia-link { margin: 10px 0px 0px 0px; }
.klaassen-blog #spencers-pics-holder .multimedia-link span { font-size: 9pt; font-style: italic; }

.klaassen-blog .sponsor { background-color: #f6f6f6; border: 2px solid #064a87; margin: 30px 0px 20px; padding: 0px; width: 622px; }
.klaassen-blog .sponsor img { border: none; float: right; margin: 5px 5px 0px 0px; }
.klaassen-blog .sponsor p { font-size: 10pt; margin: 0px; padding: 10px; }

#story-tools { float: none; margin: 0px; text-align: right; }
.headline { margin: 0px; }
.story-header .headline { color: #2f472d; }

/* While You're in St. Joe 
-------------------------------------------------------------------------------------------------------*/
#tom-left { float: left; font-size: 9pt; width: 150px; }
#tom-left ol { list-style-type: upper-alpha; padding-right: 0px; padding-left: 15px; }
#tom-left ol li { margin: 5px 0px; }
#tom-left ol li div { margin-left: 5px; }
#tom-left li .name { font-size: 10pt; font-weight: bold; margin: 0px; }
#tom-left li .name a { color: #2f472d; display: block; }
#tom-left li p { margin: 0px; }
#tom-left .site { font-style: italic; }
#map-holder { float: right; margin: 0px 0px 25px;width: 475px; }
#map { height: 500px; width: 475px; }
#map-holder #directions .reload { background-color: #f00; color: #fff; display: block; font-size: 8pt; font-style: italic; font-weight: bold; margin: 0px 0px 5px; padding: 1px; text-align: center; text-decoration: none; }

/* Multimedia 
-------------------------------------------------------------------------------------------------------*/
#multimedia #links .link { float: left; padding: 10px 0px 25px; width: 50%; }
#multimedia #links .link img { float: left; width: 109px; height: 77px; margin: 0px 15px 0px 0px;}
#multimedia #links .link .by { font-size: 9pt; font-style: italic; }
#multimedia #videos h3, #multimedia #pictures h3 { margin: 0px; }
#multimedia #videos, #multimedia #pictures { margin: 25px 0px; }