body {font:14px Arial, sans-serif; margin:0; padding:0;background: url(/img/bg.jpg) repeat-x top left #f0f0f0;}
a:link {color:#073478;text-decoration:none;}
a:visited {color:#2B57AA;text-decoration:none;}
a:hover, a:active {color:#073478; text-decoration:underline;}
ul { list-style:none;padding:0; margin:0;}
ul li{background:url(/img/bullet.gif) no-repeat left 6px;padding-left:10px; margin:3px 0 0}
h2{font-size:170%; color:#360;margin: 0 0 2px;}
h3 {font-size:14px; text-transform:uppercase; color:#333; border-top:3px solid #360; border-bottom:2px dotted #999;padding:2px 0 2px 2px;}
h4{margin:3px 0;font-size:120%; color:#030;}
.copyright {color:#666; font-size:90%;margin-bottom:0;border-bottom:2px solid #999;padding-bottom:5px;}
.clear {clear:both;}
.leaderboardAd {padding:15px 0; margin:0; text-align:center;clear:both; line-height:.5em;}
.rectangleAd {padding-top:20px;float:left;}

/*HEADER*/
.links {margin:0 auto; width:980px;position:absolute;height:22px; left:0; top:120px;}
.links ul {padding:0; list-style:none;margin:0;position:absolute; top:7px; left:0;}
.links li {float:left;margin:0; padding:0;background:none;}
.links li a{display:block; text-indent:-9999px;float:left;padding:0; margin:0 5px; height:7px;}
.links .BHStore a{background: url(/img/bh_store_label.gif) no-repeat left top; width:97px;}
.links .SRO a{background: url(/img/sro_label.gif) no-repeat left top; width:111px;}
.links .Magazine a{background: url(/img/subscribe_label.gif) no-repeat left top; width:49px;}
.links .ENewsletters a{background: url(/img/enewsletters_label.gif) no-repeat left top; width:97px;}
.links .RSS a{background: url(/img/rss_label.gif) no-repeat left top; width:16px;}
.links .BHStore a:hover{background: url(/img/bh_store_label.gif) no-repeat left bottom;}
.links .SRO a:hover{background: url(/img/sro_label.gif) no-repeat left bottom;}
.links .Magazine a:hover{background: url(/img/subscribe_label.gif) no-repeat left bottom;}
.links .ENewsletters a:hover{background: url(/img/enewsletters_label.gif) no-repeat left bottom;}
.links .RSS a:hover{background: url(/img/rss_label.gif) no-repeat left bottom;}
.branding h1{margin:0;position:absolute; top:0; left:0;padding:0;}
.branding {width:980px;height:60px;position:absolute;left:0; top:142px; margin:0 auto;background: url(/img/horses_bg.jpg) no-repeat right bottom;padding:0;}
.branding h1 a {background: url(/img/bloodhorse.com_logo.jpg) no-repeat top left;display:block; width:389px; height:60px;text-indent:-9999px;margin:0;padding:0;}
.subTicker  {position:absolute;right:180px; top:33px;}
.search {background:url(/img/search_icon.gif) no-repeat;padding-left:26px;position:absolute;right:180px; top:8px;}
.currentDate {margin:0; padding:0;position:absolute; top:-18px; right:0; font-weight:bold; color:#ccc;text-transform:uppercase;font-size:85%;}
.headContainer .leaderboardAd{padding:0;margin:0;}

/*CONTAINERS*/
.headContainer{width:990px;margin:0 auto; padding:15px 0 122px;position:relative;}
.container {width:990px;margin:10px auto;background:url(/img/shadow_top.jpg) no-repeat;padding-top:10px;}
.leadingContainer {background:url(/img/leading_container_bg.jpg) repeat-y;margin:0; padding:0 20px 0 10px;}
.trailingContainer {background:url(/img/shadow_bottom.jpg) no-repeat top left #f0f0f0;width:980px;margin:0; padding:20px 0 0 10px;}
.contentContainer {margin-top:20px;}
.otherContent {width:300px;float:left;}
.fullContentContainer {margin-top:20px;float:left;}

/*NAVIGATION*/
.Navigation {width:; float:left;margin:0 20px 0 0;font-weight:bold;}
.Navigation ul {margin:0; padding:0; list-style:none;}
.Navigation ul li {border-bottom: 1px solid #e8e8e8; padding:5px 10px;border-right:3px solid #e8e8e8;margin:0; background:none;}
.Navigation ul li.selected {background:#f0f0f0;}
.Navigation ul li.selected a:link, .Navigation ul li.selected a:visited, .Navigation ul li.selected a:hover, .Navigation ul li.selected a:active{color:#000;text-decoration:none; cursor:default;}
.Navigation h2 {background: url(/img/bh.com_channels.gif) no-repeat; text-indent:-9999px; height:21px; width:155px;margin:0; padding:0;border-right:3px solid #e8e8e8;}
.subNav { height:14px;margin:0;padding:0;position:absolute; top:217px;left:0;}
.subNav div{width:980px; margin:0 auto;position:relative;padding:0;}
.subNav h2{color:#030;text-transform:uppercase;font-size:21px;float:left;position:absolute; top:-5px; left:0;margin:0; background:url(/img/large_green_arrow.gif) no-repeat right center; padding:0 10px 0 0 ;}
.subNav ul{margin:-3px 0 0 250px;padding:0;}
.subNav li{text-transform:uppercase; background:none; margin:0 3px; padding:0; display:inline;font-size:12px;font-weight:bold;}
.subNav li a, .subnav li a:visited{ padding:0 3px;}
.subNav li a:hover{background:#d7d7d7; text-decoration:none;}
.subNav p.sponsor {position:absolute; top:-8px;right:5px;margin:0;}
.subNav p.sponsor a{background:url(/img/twin_spires_logo.gif) no-repeat; height:31px; width:214px; text-indent:-9999px;display:block; margin:0;}

/*FOOTER*/
.footer {clear:left; font-size:85%;line-height:1.6em;margin:20px 0 0;background:url(/img/gray_diagonal_stripe.jpg) repeat-x top left; text-align:center;padding:10px 0; color:#999;}
.footer p{margin:0;}
.footer p.Logos {background:#fff; padding:5px; margin:5px auto;border:1px solid #666;width:600px;line-height:1em;}
.footer a {color:#fff;}
.footer strong {color:#333;}

/*BREADCRUMB*/
.breadcrumb {color:#666; padding:10px 0 0; margin:0;font-size:85%; font-weight:bold;}
.breadcrumb img {z-index:2; margin:0 -3px 0 0; padding:0; border:none; float:right;}
.breadcrumb ul {height:20px; margin: 0; padding: 0; display: inline; border: none; z-index:1;} 
.breadcrumb ul li { margin-left: 0; padding-left: 1px; border: none; list-style: none; display: inline;background:none;margin:0}
.breadcrumb a {color:#036;}

/*Homepage News*/
.newsContainer{padding-top:20px;}
.newsContainer .photoContainer{width:298px; float:left;border:1px solid #d0d0d0;position:relative;height:225px; overflow:hidden;}
.newsContainer .photoCredit {position:absolute; left:0; top:210px; background:url(/img/trans_black.png) ; height:15px; text-transform:uppercase; font-size:80%;width:293px; color:#fff;margin:0;text-align:right;padding-right:5px;}
.newsContainer .storyContainer{float:left; width:190px; padding:10px;line-height:1.3em;border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;height:205px;overflow:auto;}
.newsContainer .storyContainer h4, .newsContainer .storyContainer p{margin:0;}
.newsContainer .newsList {float:left; width:250px;overflow:auto;height:225px;margin:0;padding:0; background:#f0f0f0;border:1px solid #d0d0d0;}
.newsList li{margin:0; background:none;padding:0;}
.newsList li a{display:block; font-size:90%;border-bottom:1px solid #d0d0d0; padding:3px; width:244px;}
.newsList li a:hover {text-decoration:none;background:#e1e1e1;}
.newsContainer h5 {margin:0; padding:0; height:15px;background:#360; color:#fff; text-transform:uppercase; text-align:center;font-size:80%;}

/*Homepage Features*/
.featuresEqual, .featuresLeft, .featuresRight, .featuresSingle {width:460px;float:left; margin-top:20px; font-size:95%;}
.featuresEqual div, .featuresLeft div, .featuresRight div, .featuresSingle div {float:left;}
.featuresEqual .column1{width:195px; margin-right:10px;border:1px solid #d0d0d0;padding:10px;}
.featuresEqual .column2{width:195px;border:1px solid #d0d0d0;padding:10px;}
.featuresLeft .column1{width:270px; margin-right:10px;}
.featuresLeft .column2{width:140px; padding:10px;border:1px solid #d0d0d0;}
.featuresRight .column1{width:140px; padding:10px;border:1px solid #d0d0d0;margin-right:10px;}
.featuresRight .column2{width:270px;}
.featuresRight .column2 img, .featuresLeft .column1 img{float:left; margin-right:10px;}
.featuresEqual h3, .featuresLeft h3, .featuresRight h3, .featuresSingle h3 {font-weight:bold; font-size:15px; margin:0;border:none;padding:0;}
.featuresEqual img, .featuresLeft img, .featuresRight img, .featuresSingle img {border:1px solid #d0d0d0; margin-bottom:10px}
.featuresEqual p, .featuresLeft p, .featuresRight p, .featuresSingle p {margin:0;}
.featuresEqual img {margin: 0 auto 10px;}

/*Homepage Modules*/
.oneColumn, .oneColumnEnd,.twoColumn, .twoColumnEnd,.halfColumn, .halfColumnEnd{margin: 0 20px 20px 0;height:250px; background:#fff;border:1px solid #d0d0d0;padding:10px;float:left;overflow:hidden}
.oneColumn, .oneColumnEnd{width:290px;}
.twoColumn, .twoColumnEnd {width:620px;}
.threeColumn {width:950px;float:left;clear:both;background:#fff;border:1px solid #d0d0d0;padding:10px;margin-bottom:20px;}
.halfColumn, .halfColumnEnd{width:120px;padding:10px;float:left;min-height:250px;border:1px solid #d0d0d0;margin: 0 20px 20px 0;}
.oneColumnEnd, .halfColumnEnd, .twoColumnEnd{margin: 0 0 20px 0;}
.halfRow, .halfRowEnd{width:290px;height:215px; padding:10px; border:1px solid #d0d0d0;float:left;}
.halfRowEnd {clear:left;}
.trailingContainer .rectangleAd{padding:0;margin: 0 30px 20px 0;}
.trailingContainer .leaderboardAd{padding:0;margin: 0 0 20px 0;}

.oneColumn img, .oneColumnEnd img, .twoColumnEnd img, .twoColumn img, .threeColumn img {float:left; margin:0 10px 5px 0;border:1px solid #666; }
.oneColumn a, .oneColumnEnd a , .twoColumn a, .twoColumnEnd a{font-weight:bold }
.oneColumn p, .oneColumnEnd p {line-height:1.4em;font-size:94%;}
.oneColumn .author, .oneColumnEnd .author  {margin:0; color:#555;font-weight:bold;}
.oneColumn table, .oneColumnEnd table  {width:100%;}
.oneColumn ul, .oneColumnEnd ul {margin:10px 0 10px 10px; font-size:94%;}
h4 span {color:#777; font-size:70%;margin-left:5px;}
.derbyDozenContainer div{float:left; width:120px;margin:0 40px 0 0;height:250px;padding:0;}
.derbyDozenContainer ol {font-weight:bold; color:#360;padding:0;margin:0;float:left;}
.derbyDozenContainer ol li {margin:0 0 5px;padding:0;}
.derbyDozenContainer {border-left:2px dotted #999;margin-left:10px;float:left;padding-left:20px;}
.derbyDozenContainer img {float:none; margin:5px auto;}
.haskinReports {float:left; width:290px;}
ul.eeProducts {font-size:90%;}

/*Article View*/
.articleTools{font:13px Verdana, sans-serif;width:288px;padding:5px; border:1px solid #d0d0d0;text-align:center;}
.articleTools a{height:20px; padding-left:24px;}
.articleTools .email{background:url(http://www.bloodhorse.com/images/email_icon.gif) no-repeat 1px center; margin:0 4px;}
.articleTools .print{background:url(http://www.bloodhorse.com/images/printer_icon.gif) no-repeat 3px center; margin:0 4px;}
.articleTools .rss{background:url(http://www.bloodhorse.com/images/rss_icon_article.gif) no-repeat 4px center; margin:0 -3px 0 4px;}
.articleContainer, .contentContainer{width:440px; padding-right:20px;float:left;}
.articleContainer {margin-bottom:20px;}
.articleContainer h4{margin:3px 0;font-size:130%; color:#030;}
.articleContainer .author {margin:3px 0;font-weight:bold; color:#666;}
.articleBody a {font-weight:bold;}
.updated {margin-top:0;font-size:80%; text-transform:uppercase; font-weight:bold; color:#999;}
.otherContent .photoContainer{width:298px;position:relative;border:1px solid #d0d0d0;border-bottom:none;}
.otherContent .photoCredit{position:absolute; right:0; bottom:0; background:url(/img/trans_black.png) ; height:15px; text-transform:uppercase; font-size:80%;width:293px; color:#fff;margin:0;text-align:right;padding-right:5px}
.otherContent .photoCaption {font-size:85%;margin:0; padding:5px; background:#f0f0f0;border-right:1px solid #d0d0d0;border-left:1px solid #d0d0d0;}
.otherContent .photoCaption a {font-weight:bold;}
.otherContent .rectangleAd {float:none;padding:0; margin:20px 0;}
.summary{margin-top:0;}
.relatedContent {margin-top:20px;clear:both;border-bottom:1px solid #d0d0d0;padding-bottom:10px;}
.relatedContent h3{margin-top:0;}
.relatedContent ul, .relatedContent p{margin:0 10px;}
#subscribeTextAd, #photoTextAd { padding:4px;margin:10px 0; }
#subscribeTextAdLink, #photoTextAdLink { font: bold 16px arial,sans-serif; color: #2B57AA; }
#photoTextAd {padding:0 0 20px 180px; clear:both;margin-bottom:0}

/*Bio Page*/
table { border-collapse:collapse; border:none;margin:auto; margin-top:0; font-size:12px;}
div.pedigree {border:1px solid #d0d0d0;background:#eee;}
div.pedigree table td {padding:3px 3px 3px 10px; text-align:left;}
div.pedigree table td.pedMale {background: url(/img/ped_bracket_top.gif) no-repeat left center;}
div.pedigree table td.pedFemale {background: url(/img/ped_bracket_bottom.gif) no-repeat left center;}
.horseInfo{margin-top:0;line-height:1.3em}

/*Derby Dozen*/
.derbyDozen{position:relative;clear:both;}
.derbyDozen p{padding-left:40px;margin-top:8px; line-height:1.3em;}
.derbyDozen img {float:right;margin-left:10px;border:1px solid #666;}
.derbyDozen .number {position:absolute; top:4px; left:0;padding:0; font-weight:bold; font-size:29px; color:#999; margin:0;line-height:.8em;}
.derbyDozen .pedigree {text-transform:uppercase; font-size:85%;margin:0;padding:3px 0 0 40px;font-weight:bold; color:#333;}
.derbyDozen .horse {margin:0; padding:0 0 0 40px; color:#666; font-style:italic;font-weight:bold; border-bottom:1px solid #999;font-size:120%;}
.derbyDozen .horse strong {font-size:125%; color:#360;font-style:normal}

/*Tables and Forms*/
.dataTable {margin:10px 0 5px 0;border-bottom:1px solid #e1e1e1;}
.dataTable td {padding:3px;vertical-align:top;}
.altRow td, .altrow td {background:#e1e1e1;}
th, .headrow td{background:#360; color:#fff; text-align:left;font-weight:bold}
#nominations {font-size:80%;width:760px;float:none;margin:0;}
#nominations td {max-width:150px;}
#sortedBy{background:#030}
.pageNav {margin:10px 0; text-align:right; font-weight:bold;}
.pageNav a {padding:0 4px;border:1px solid #fff;}
.pageNav a:hover{ background:#d0d0d0;text-decoration:none;border:1px solid #d0d0d0;}
#sortbox {border:1px dashed #666; padding:3px; margin:10px auto;width:400px;text-align:center;background:#777;font-weight:bold;color:#fff;vertical-align:middle;}
#sortbox form{margin:0; padding:0;}
#pn_selected {border:1px solid #d0d0d0;padding:0 4px;}

/*TC History*/
.tcWinner {margin-top:10px; border-bottom:2px dotted #999; }
.tcWinner img {float:left; margin:4px 10px 0 0;}
.tcWinner .tcHorse {margin:0; padding:0; font-size:120%;font-weight:bold;Color:#666}
.tcWinner .tcHorse strong {font-size:28px; font-style:italic;line-height:1em;}
.tcWinner .tcPed {margin:0;font-weight:bold;font-size:95%;}
.tcWinner ul {margin-top:5px;font-size:95%;}
.tcWinner .excerpt {line-height:130%;}
.tcWinner .excerpt a {font-weight:bold;}

img.noBorder {border:0;}
img.center {float:none; margin:0 auto 10px; text-align:center;}

#moreArticles ul li.active {display:none;border: 1px solid red;}
.intro {border-bottom: 2px dotted #d0d0d0; padding-bottom:10px;}
.featuresSingle {padding-right:20px;width:440px;}
.featuresSingle table{width:100%;margin:5px 0;}
.dataTable td img {border:0;margin:0 3px;}
.dataTable td a {font-weight:bold;}
#tabs{clear:both;margin-top:10px;}
#tabNav{list-style-type:none;margin:0; padding:0;}
#tabNav li{float:left;border:1px solid #d0d0d0;background:none;margin:0 5px 0 0;padding:3px 0;position:relative;top:1px;}
#tabNav li a{padding:5px; text-decoration:none;background:#eee;font-weight:bold;text-transform:uppercase;font-size:80%;}
#tabNav li a:hover{text-decoration:none; background:#d0d0d0;}
#tabNav li.selected {border-bottom:1px solid #fff;}
#tabNav li.selected a{background:#fff;cursor:default;}
#tabNav li.selected a:hover {background:#fff; cursor:default;}

#tabContent {clear:both;border:1px solid #d0d0d0;margin:0;padding:10px;}
#tabContent div{margin:0;padding:0;}
#tabContent .dataTable{width:100%;}

.bioPic{float:left;margin:10px 15px 0 0;}

.classicSpotlightNav {padding:3px 0 0  0;position:relative; margin-bottom:15px; border-bottom:3px solid #999;}
.classicSpotlightNav select { position:absolute; top:0px; right:0px;}
.classicSpotlightNav h2 {color:#000;font-size:140%;text-transform:uppercase; font-style:italic;padding:0; margin:0;}

.raceTotal{border-top:2px solid #999; text-align:right;}

.videoThumb{float:left;width:140px; height:140px;margin:10px 10px 10px 0;padding:0;font:90% Arial,sans-serif;border:1px solid #d0d0d0;overflow:hidden}
.videoThumb div{margin:0;padding:5px}
.videoThumb img{border:0;}
.videoThumb a{font-weight:bold;zoom:0}
.videoTime{font:normal 100% Arial,sans-serif;color:#666}
.movieContainer{position:relative;margin-bottom:20px;}
.HRTVLogo{position:absolute; top:312px; right:5px;}
