/*-----------------------------------------------
Main Screen Style
Name:     Bracket Race Central
Designer: Lee Norton
-----------------------------------------------*/

body { margin: 5px 20px; background: #000000 url(../../images/page_bg.jpg) repeat-x fixed; }

hr { margin: 0; padding: 0; border: 0; width: 100%; color: #a00; background-color: #a00; height: 1px; }
strong { color: #0d0d73; font-weight: bold; }
div.clr { clear: both; height: 0px; border: 0; }

p,td	{ font-family: verdana,arial,sans-serif; font-size:12px; color:#000000; font-weight:normal; letter-spacing: 0px; line-height:18px; margin: 9px 0; }
a { color: #000000; font-weight: bold; text-decoration: underline; }
h1	{ margin: 10px 0px 15px 0px; font: bold 30px "trebuchet ms",tahoma,geneva,sans-serif; color: #b00606; }
h2	{ margin: 0px; font: bold 12px "trebuchet ms",tahoma,geneva,sans-serif; color: #000000; }
h3	{ margin: 5px 0px 0px 0px; font: bold 14px "trebuchet ms",tahoma,geneva,sans-serif; color: #000000; }
h4  { margin: 5px 0px 0px 0px; font: bold 16px "trebuchet ms",tahoma,geneva,sans-serif; color: #b00606; }
h5	{ margin: 0px; font: bold 16px "trebuchet ms",tahoma,geneva,sans-serif; color: #cc0000; }
h6	{ font-family: verdana,arial,sans-serif; font-size:12px; color:#000000; font-weight:normal; letter-spacing: 0px; line-height:14px; margin-top: 6px; margin-bottom: 6px; }
	
img { border: 0; }
.banner_lg { float: right; margin: 2px 0; width: 590px; height: 60px; }

#container { width:100%; margin: 0; padding: 0; }

#top_links { width:100%; }
#top_links td { text-align: center; }

table#main { width: 100%; height: 400px; }

td#maincol { vertical-align: top; text-align: center; }
td#maincol img.banner_lg { margin: 5px 12px 0 12px; float: none; clear: both; }
div#maincol { margin: 0 10px; padding: 5px 20px; background-color: #fff; border: 1px solid #000; text-align: left; }

div.foot { margin: 10px 0; background: none; border: 0; text-align: left; color: #fff; }
div.foot a { color: #fff; }
div.foot a:hover { text-decoration:none; }

div.home { width: auto; margin: 0 0 20px 0; padding: 0; border: 0; clear: left; }
div.home img { max-width:150px; max-height:90px; width: expression(this.width > 150 && (this.width/this.height) > (150/90) ? 150 : true); height: expression(this.height > 90 && (this.width/this.height) <= (150/90) ? 150 : true); float: right; border: 1px solid #999; padding: 4px; margin: 0 10px;  } 

div.story { margin: 0; padding: 0; border: 0; }
div.story img { max-width:325px; max-height:350px; width: expression(this.width > 325 && (this.width/this.height) > (325/350) ? 325 : true); height: expression(this.height > 350 && (this.width/this.height) <= (325/350) ? 325 : true); float: right; margin: 10px 0 10px 10px; border: 1px solid #999; padding: 4px; clear: right;  } 

div.story table.pic { margin: 10px 0 10px 10px; padding: 0; float: right; text-align: center; clear: right;  }
div.story table.pic td { margin: 0; padding: 0; font-size: 11px; color: #666; line-height: 12px; }
div.story table.pic img { margin: 0; }

div.story div { font-size: 11px; color: #666; line-height: 12px; }

div.follow { margin-top: 6px; padding: 0; clear: both; text-align: right; border: 0; }
div.form { width: 290px; float: left; border: 0; }
div.contact { width: 210px; float: left; border: 0; }
div.bot_links { margin: 0 auto; text-align: center; color: #888888; font: bold 11px "trebuchet ms",tahoma,geneva,sans-serif; border: 0; }
div.bot_links a:link, div.bot_links a:visited, div.bot_links a:active	{ color: #333333; font-weight: bold; text-decoration: underline; }
div.bot_links a:hover { color: #770000; font-weight: bold; text-decoration: underline; }

table.feature { margin: 10px 0; padding: 0; width: 150px; float:right; border-collapse: collapse; }
table.feature table { margin: 5px 0; padding: 0; border: 1px solid #000; border-collapse: collapse; text-align: center; }
table.feature table th { margin: 0; padding: 0; background: #000; color: #fff;  }
table.feature table td { font-size: 10px; line-height: 12px; }
table.feature div { border: 0; margin: 0; padding: 0; }

td#sidecol { width: 150px; vertical-align: top; }
td#sidecol div { width: 150px; background: #fff; border: 1px solid #000; text-align: center; }
td#sidecol div img { margin: 0; padding: 8px 0; width: 130px; height: 60px; }
td#sidecol div div { border: 0; text-align: left; }

a.readmore { display: block; width: 100px; height: 16px; background: transparent url(../../images/read_more.gif) no-repeat; margin: 4px 0px 0px 3px; }
a.readmore:hover { background-position: -100px 0; }

#left_nav { margin: 0; padding: 0; text-align: left; text-transform: uppercase; }
#left_nav ul { font: bold 14px Tahoma, Geneva, sans-serif; line-height: 16px; margin: 0px 10px 0px 10px; padding: 0; list-style-type: none; }
#left_nav li { margin-bottom: 6px; }
#left_nav li a { color: #C00; text-decoration: none; }
#left_nav li a:hover { color: #006; text-decoration: none; }
#left_nav li ul { font: bold 11px Tahoma, Geneva, sans-serif; line-height: 12px; }
#left_nav li ul li { margin-bottom: 2px; }
#left_nav li ul li a { color: #006; text-decoration: none; }
#left_nav li ul li a:hover { color: #C00; text-decoration: none; }

table.calendar { padding: 10px; width: 100%; border-collapse: collapse; }
table.calendar th { text-align: left; padding-left: 10px;  }
table.calendar td { padding: 6px; border: 2px solid #343434; background-color: #dfdfde; }
table.calendar td.odd { background-color: #c7c7c7; }

table.champs { padding: 10px; width: 100%; }
table.champs td { padding: 6px; border: 1px solid #888888; text-align: center; margin: 0 auto; }
table.champs img { width: 160px; }

input.contact  {width: 290px; color: #585858; border: 1px solid #000000; margin-top: 2px; }
input:focus{ border: 1px solid #000000; background-color: #f2f2f2; }
textarea{ height: 200px; width: 290px; color: #585858; border: 1px solid #000000; margin-top: 2px; }
textarea:focus{ border: 1px solid #000000; background-color: #f8f8f0; }
.button{ width: 200px; font: bold 13px arial,sans-serif; background: #bac7b7; color: #fff; padding: 5px; background: #1b3f74 url(../images/nav_bg.jpg) repeat-x; }

.clr { clear: both; height: 0px; border: 0; }

.winners-marquee-jcarousellite { width:150px; margin: 0; text-align: left; }
.winners-marquee-jcarousellite ul li{ list-style:none; display:block; margin:0; }
.winners-marquee-jcarousellite .block{ margin:0; }
.winners-marquee-jcarousellite .track { float:left; width:150px; font-weight: bold; font-family: verdana,arial,sans-serif; font-size:10px; color: #aa0000; line-height:13px; margin: 0; }
.winners-marquee-jcarousellite .track a { text-decoration: underline; color: #aa0000; }
.winners-marquee-jcarousellite .date { float:left; width:150px; font-weight: normal; font-family: verdana,arial,sans-serif; font-size:10px; color: #000000; line-height:13px; margin: 0; }
.winners-marquee-jcarousellite .class { float:left; width:150px; font-weight: bold; font-family: verdana,arial,sans-serif; font-size:10px; color: #0d0d73; line-height:13px; margin: 0; }
.winners-marquee-jcarousellite .driver { float:left; width:150px; font-weight: normal; font-family: verdana,arial,sans-serif; font-size:10px; color: #000000; line-height:13px; margin: 0; }

a.admin { font-weight: normal; text-decoration: none; }

.directory a { font-weight: normal; }