/* COLORS

Background Tan: #e4dec7
light background Tan: #F2EFE3
Menu Red: #86243E
Dark Menu Red: #762536 
Green: #336C47

Dnd COLORS*/

/* Plain tag styles */
body { font-family: Arial, sans-serif; font-size: 11px; padding: 0; margin: 0; background-color: #F2EFE3; }

h1 { font-weight: bold; font-size: 24px; color: #86243E; }

h4 { padding: 0; margin: 0 0 10px 0; font-size: 22px; color: #86243E; }
p { font-size: 11px; line-height: 14px; padding: 0; margin: 0 0 10px 0; }
p.footerText { font-size: 10px; line-height: 10px; padding: 0; margin: 0 0 2px 0; }
div { margin: 0; padding: 0; }
a { color: #762536; }
a:hover { color: #000; }

.floatLeft { float: left; margin: 0 10px 10px 0; padding: 0; }

.floatRight { float: right; margin: 0 0 10px 10px; padding: 0; }

/* Structual Divs */
div#wrapper { width: 990px; margin: 0 auto; background-color: #e4dec7; border-left: 3px groove #000; border-right: 3px groove #000; border-bottom: 3px groove #000; }

div#head { width: 990px; margin: 0 auto; border-left: 3px groove #000; border-right: 3px groove #000; background-image: url(../../images/header_back.jpg); background-repeat: no-repeat; padding: 0px; }

div#superNav { width: 990px; height: 20px; text-align: right; background-repeat: no-repeat; }

div#superNav p { padding: 3px 6px 0 0; margin: 0; font-size: 11px; font-weight: bold; font-family: Arial; }
div#superNav a:link, div#superNav a:visited { color: #86243E; text-decoration: none; padding: 0 2px; margin: 0; }
div#superNav a:hover { color: #000; text-decoration: underline; }

div#superNav ul { list-style: none; width: 300px; float: right; margin: 0; margin-top: 5px; }
div#superNav ul li { float: left; padding-right: 20px; }

div#logoBanner { width: 990px; height: 92px; }
div#logoBanner a { height: 92px; width: 990px; display: block; }

img#photoBanner { width: 990px; height: 80px; display: block; border-top: 2px groove #762536; padding: 0; margin: 0; }

div#topNav { width: 990px; height: 30px; background-image: url(../../images/menu_BG.gif); border-bottom: 1px solid #762536; border-top: 1px solid #762536; }
div#mainContent { width: 610px; border-left: 200px solid #e4dec7; border-right: 180px solid #F2EFE3; padding: 0 0 0px 0; min-height: 550px; background-color: #F2EFE3; }

div#mainContentHome { width: 100%; background-color: #f2efe3; }



#nav, #nav ul { /* all lists */ padding: 0; margin: 0; list-style: none; line-height: 1; }

#nav { margin-left: 20px; }

#nav a { display: block; color: #ffc; font-size: 18px; font-family: Times, "times new roman" , serif; text-decoration: none; margin-right: 10px; padding: 5px 5px 7px 5px; border-bottom: 0px solid #FFC; }

#nav a:hover { color: #FFF; }

#nav li { /* all list items */ float: left; /* width needed or else Opera goes nuts */ }

#nav li:hover, #nav li.sfhover { position: static; }


#nav li ul { /* second-level lists */ position: absolute; background: #dcd6c0; width: 230px; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ border: 1px solid #8b2536; margin-top: -1px; }

#nav li ul li a, #nav li ul li a:hover { font-size: 12px; font-weight: bold; padding: 0; margin: 0; width: 220px; padding: 5px; font-family: Arial; color: #8b2536; border-top: 1px solid #8b2536; }

#nav li ul li a:hover { background-color: #f0ecda; }

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */ left: auto; }


div#home_body { width: 970px; padding: 0; margin: 0; float: left; }

div#home_body #left p { font-size: 12px; }

div#home_body #left { width: 700px; float: left; padding: 20px; }

div#home_body #right { float: right; width: 220px; padding: 0; margin: 0; }

div#home_body #right a { text-decoration: none; }

div#home_body ul { list-style: none; }


ul#leftCol { }
ul#leftCol li { padding: 0; margin: 0; position: relative; display: block; width: 190px; }
ul#leftCol li#calendar { height: 180px; background-image: url(images/Calendar_down.jpg); }
ul#leftCol li#eNews { height: 86px; background-image: url(images/e-news_down.jpg); background-repeat: no-repeat; }
ul#leftCol li#weather { height: 175px; background-image: url(images/weather.jpg); background-repeat: no-repeat; background-position: top center; }
ul#leftCol li#weather p { padding: 70px 0 0 0px; width: 165px; text-align: center; color: #762536; }
ul#leftCol li#weather img { padding: 0; border: 1px solid #762536; }

ul#leftCol li#calendar a, ul#leftCol li#calendar a:visited { height: 180px; background-image: url(images/Calendar_over.jpg); background-position: -190px; background-repeat: no-repeat; display: block; }
ul#leftCol li#eNews a, ul#leftCol li#eNews a:visited { height: 146px; background-image: url(images/e-news_over.jpg); background-position: -190px; background-repeat: no-repeat; display: block; }
ul#leftCol li#calendar a:hover { height: 180px; background-image: url(images/Calendar_over.jpg); background-position: 0px; background-repeat: no-repeat; display: block; }
ul#leftCol li#eNews a:hover { }


div#calendar { width: 990px; min-height: 500px; background-color: #F2EFE3; }

div#leftCol { width: 200px; margin: 0 0 0 -200px; float: left; position: relative; }

div#centerCol { width: 606px; border-left: 4px double #86243E; margin: 0 -610px 0px 0; padding: 1px 0 0 0; min-height: 500px; }
div#centerCol img { border: 1px solid #86243E; }

div#breadcrumb { margin: 0 20px 0 10px; padding: 10px 0 0 0; font-size: 10px; }

div#rightCol { width: 180px; margin: 0 -180px 0 0; float: right; position: relative; }
div#rightCol a { display: block; position: relative; padding: 10px 0 0 0; margin: 0; }
div#rightCol a img { border: none; }

div#textLinks { width: 990px; text-align: center; margin: 10px auto; }
div#textLinks a { padding: 0 5px; }

div#legal { width: 990px; text-align: center; margin: 0 auto; }

div.article { margin: 0 20px 0 10px; padding: 10px 0 0px 0; font-size: 11px; }

/* Navigation */
#mainMenu { padding: 0; margin: 0 0 0 10px; list-style-type: none; width: 980px; }
#mainMenu li { float: left; }
#mainMenu li a, #mainMenu li a:visited { float: left; color: #ffc; font-size: 18px; line-height: 18px; font-family: Times, "times new roman" , serif; text-decoration: none; margin-right: 10px; padding: 5px 5px 7px 5px; border-bottom: 0px solid #FFC; }

#mainMenu li a:hover { border-bottom: 3px solid #FFF; padding: 5px 5px 4px 5px; }

#mainMenu li a.chosen, #mainMenu li a.chosen:visited, #mainMenu li a.chosen:hover { border-top: 3px solid #FFF; border-bottom: 3px solid #FFF; padding: 2px 5px 4px 5px !important; background-color: #762536; color: #FFF; font-size: 18px; line-height: 18px; }



.leftNav { list-style-type: none; margin: 0; padding: 10px 0 0 5px; }

.leftNav li { margin: 0; padding: 0 0 10px 0; }

.leftNav a { font-weight: bold; text-decoration: none; color: #762536; font-size: 12px; }

.leftNav a.chosen { color: #86243E; }

.leftNav a:hover { color: #000; text-decoration: underline; }

.level2 { list-style-type: none; margin: 0; padding: 0; }

.level2 li { padding: 3px 0 0 0; }

.level2 a { font-weight: normal; text-decoration: none; color: #762536; font-size: 11px; }
.leftNav img { padding: 0; margin: 0; border: none !important; }


/* Hidden to prevent uncoded links from showing as visited
.leftNav a:visited {
	color: #336C47;
}
*/

.leftNav a:hover { color: #000; text-decoration: underline; }

.normalWeight { font-weight: normal; }

.staffPhoto img { margin-right: 7px; }
.staffPhoto { margin-bottom: 10px; height: 150px; width: 100%; }
.newsDates { font-weight: bold; }

.trackDark { margin-bottom: 15px; border-right: solid 10px #a9a9a9; width: 85px; height: 10px; }

.liveRacing { margin-bottom: 5px; background-color: #eee8aa; border: solid 1px #000000; width: 10px; height: 10px; float: right; }

.simulcasting { margin-bottom: 5px; background-color: #d3d3d3; border: solid 1px #000000; width: 10px; height: 10px; float: right; }

#printerFriendly { text-align: right; margin-top: -20px; margin-bottom: 10px; margin-right: 20px; }

.textBox { font-family: Verdana; font-size: small; }

.newsDate { font-size: 10px; }

#footer { height: 50px; margin: 0 auto 10px; position: relative; width: 990px; }
#footer .alt_nav { float: left; height: 50px; width: 830px; }
#footer .logos1 { float: left; height: 50px; width: 80px; }
#footer .logos2 { float: right; height: 50px; width: 80px; }
#footer .footerText { text-align: center; }
#footer .alt_nav ul { list-style: none; margin: 0; padding: 0; text-align: center; }
#footer .alt_nav ul li { display: inline; list-style: none; margin: 0 10px; padding: 0; }