/* Start of CMSMS style sheet 'Racebook_Styles' */
/*reset */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
outline:0;
}

html {
overflow:-moz-scrollbars-vertical;
}

caption, th, td {
text-align:left;
font-weight:normal;
}

table {
border-collapse:separate;
border-spacing:0;
}

blockquote:before,blockquote:after,q:before,q:after {
content: "";
}

blockquote, q {
quotes: "" "";
}

/*links*/

#maincontent a:link, #maincontent a:visited {
color: #C20E2B;
text-decoration: underline;
}

#maincontent a:hover, #leftcol a:hover {
text-decoration: none;
padding-bottom: 1px;
border-bottom: 1px #C20E2B dashed;
}

#leftcol a:link, #leftcol a:visited {
color: #ffffff;
text-decoration: underline;
}

#leftcol a:hover {
text-decoration: none;
border: 0
}

#leftcol .sidebanner a:link img, #leftcol .sidebanner a:visited img {
color: #000000;
text-decoration: none;
border: 0;
}

#leftcol .sidebanner a:hover img {
border: 0;
text-decoration: none;
padding-bottom: 0;
}

#footer a:link, #footer a:visited {
color: #fff;
text-decoration: underline;
}

#footer a:hover {
color: #fff;

}

/*typography*/

body {
font-size: 76%;
color: #333;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

acronym {
cursor: help;
}

#main-ad h2 {
font-size: 0;
line-height: normal;
margin: 0;
}

#main-ad p.hiddenparagraph {/*hides the paragraph behind the main ad and allows screen readers and search engines to pick up the content*/
margin: 0;
font-size: 0;
text-indent: -9000px;
}


#maincontent h2{
font-size: 1.6em;
text-transform: uppercase;
letter-spacing: 1px;
padding-left: 30px;
margin: 0 0 1.5em 0;
padding-bottom: .25em;
border-bottom: 1px #333 solid;
background: transparent url(uploads/images/bullets/large_bullet_yellow.gif) no-repeat 4px 50%;
}

#maincontent h3 {
font-size: 1.3em;
padding-left: 20px;
margin: 0 0 .5em 0;
background: transparent url(uploads/images/bullets/bullet_red.gif) no-repeat 4px 50%;
}

#maincontent h4 {
font-size: 1.1em;
font-weight: bold;
border-top: 1px #ccc solid;
border-bottom: 4px #ccc solid;
padding: .25em 0 .25em 0;
margin: 0 0 .5em 0;
}

#maincontent h5 {
font-size: 1em;
}

#maincontent p {
color: #505050;
line-height: 1.4em;
margin-bottom: 1.5em;
}

#maincontent ol {
margin: .75em 1em 1em 3.5em;
line-height: 1.5em;
}

#maincontent ol li {
font-size: 1em;
}

#maincontent ul {
font-size: .9em;
line-height: 1.4em;
list-style-type: none;
margin: 0 0 1em 2em;
}

#maincontent ul li {
background: transparent url(uploads/images/bullets/small_bullet_red.gif) no-repeat left 5px;
padding-left: 15px;
margin-bottom: .5em;
}

#maincontent #locationwrap ul {
margin-left: 0;
}

#maincontent #locationwrap ul li {
border-bottom: 1px #cccccc solid;
padding-bottom: .5em;
margin-bottom: .5em;
}

#maincontent #locationwrap ul.locationsleft {
position: relative;
float: left;
width: 261px;

}

#maincontent #locationwrap ul.locationsright {
position: relative;
float: right;
width: 261px;
}

#maincontent dl.glossary {
font-size: .9em;
margin-left: 2em;
}

#maincontent dl.glossary dt {
font-size: 1.2em;
font-weight: bold;
background: transparent url(uploads/images/bullets/small_bullet_red.gif) no-repeat left 5px;
padding-left: 15px;
}

#maincontent dl.glossary dd {
margin-left: 2.5em;
margin-bottom: .5em;
}


/*layout*/

html, body {
margin:0;
padding:0;
text-align:center;
}

body {
background: #79787B url(uploads/images/design_elements/body_bg.jpg) repeat-x left top;
}

#pagewidth {
width:908px;
text-align:left;
margin-top: 45px;
margin-right:auto;
margin-bottom: 20px;
margin-left:auto;
background-color: #ffffff;
padding-top: 3px;
padding-bottom: 3px;
}

#gutter-container {
width: 902px;
margin-left: auto;
margin-right: auto;
background-color:#ffffff;
}

#header {
position:relative;
height:105px;
width:100%;
padding: 3px 0;
}

#photostrip {
position: relative;
width: 100%;
height: 90px;
margin: 3px 0;
}

#twocols {
position: relative;
width: 100%;
float: left;
margin-bottom: 3px;
}

#twocols.home {
background: url(uploads/images/design_elements/grey_content_bg.gif) repeat-y left top;
}

#twocols.subpages {
background: url(uploads/images/design_elements/grey_content_bg_subpages.gif) repeat-y left top;
}

#leftcol {
width:336px;
float:left;
position:relative;
margin-right: 4px;
}

#ticketpic {
padding-top: 3px;
padding-left: 3px;
}

div.sidebanner{
position: relative;
}

#maincol {
float: right;
display:inline;
position: relative;
width:562px;
}

#maincontent {
padding: 20px 10px 10px 10px;
}

#footer {
background-color:#C20E2B;
clear:both;
padding: .5em 0;
}

/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/

* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}

.clear {
clear: both;
}

/*some special styles*/

#main-ad {
padding: 0;
}

address {
margin-bottom: 1em;
}

/*header bookend masthead*/

#branding {
float: left;
position: relative;
display: inline;
width: 330px;
height: 105px;
background-image: url(uploads/images/racebook_logo/racebook_logo_100high.jpg);
background-repeat: no-repeat;
background-position: center center;
margin-right: 3px;
}

#branding h1 a {
text-indent: -9999px;
margin: 0;
display: block;
height: 105px;
}

#banner {
float: right;
position:relative;
width: 562px;
height: 105px;
}

/*footer styles*/

#footer p {
font-size: .9em;
color: #ffffff;
margin-left: 1em;
}

/*sidebar styles*/

#sidebar-lede {
position: relative;
padding-top: 5px;
padding-bottom: 8px;
background-color: #7a7a7a;
}

#sidebar-mid {
position: relative;
background-color: #666666;
padding-top: 5px;
padding-bottom: 8px;
}

#sidebar-bot {
position: relative;
background-color: #555555;
padding-top: 5px;
padding-bottom: 8px;
}

#sidebar-lede h2, #sidebar-mid h2, #sidebar-bot h2 {
color: #FCD629;
font-size: 1.2em;
font-weight: bold;
background-color: #000;
padding: .25em 0 .25em 1em;
}

#sidebar-lede ul, #sidebar-mid ul, #sidebar-bot ul{
color: #fff;
font-size: .9em;
list-style-type: none;
line-height: 1.4em;
margin-top: .5em;
margin-right: .25em;
margin-left: 1em;
}

#sidebar-lede ul li, #sidebar-mid ul li, #sidebar-bot li {
background: transparent url(uploads/images/bullets/small_bullet_yellow.gif) no-repeat left 5px;
padding-left: 10px;
margin-bottom: .5em;
}

/*used in sidebar on all pages*/

div.sidebanner {/*general purpose image holder*/
border-top: 2px #c7c7c7 solid;
}


/*images*/

.sideright {
float: right;
margin: .25em .5em .25em .5em;
border: 2px #DDDDDD solid;
}

.imageright {
float: right;
margin: 0 0 .5em 1em;
}

.imageleft {
float: left;
margin: 0 1em .5em 0;
}

.mugshot-left {
float: left;
margin: 0 1em .5em 0;
padding: .15em;
border: 1px #ccc solid;
}

/*test styles*/

div#menuwrapper {
border-top: 1px #505050 solid;
border-bottom: 1px #505050 solid;
}

ul#primary-nav {
font-size: .9em;
}

ul#primary-nav li a {
font-weight: bold;
}

/*table styles*/

table.locations, table.betoutline, table.links {
border: 1px #c7c7c7 solid;
border-collapse:collapse;
margin-bottom:1.4em;
width:100%;
}

table.betoutline td {
text-align: center;
}

th {
font-size: 1.1em;
color: #fff;
font-weight: bold;
text-align: left;
background-color: #666666;
}

th, td {
border-collapse: collapse;
padding: 5px;
}

thead.payouts th {
text-align: center;
}

tr td{
font-size: .9em;
}

tr.even td {
background-color: #f4f4f4;
}

tfoot td.tablefoot {
font-style:italic;
text-align: left;
line-height: 1.4em;
border-top: 1px #c7c7c7 solid;
}

/*end table styles*/

div.sitepic {
background-color: #f4f4f4;
}

div.sitepic p {
font-size: .9em;
padding: 3px;
margin-top: 2px;
}

/*search styles*/

div#topbar {
position: relative;
width: 100%;
background-color: #C20E2B;
}

div#search {
color: #ffffff;
float: right;
width: 27em;     /* enough width for the search input box */
text-align: right;
padding: 0.6em 0 .6em 0;
margin: 0 1em;
}

div#search label {
font-weight: bold;
}

div#search input {
font-size: 1em;
color: #ffffff;
background-color: #000;
border: 0;
}

div#search input.go {
width: 24px;
height: 24px;
margin: 0;
padding: 0;
background: transparent url(uploads/images/search_icon/search.png) no-repeat center top;
text-indent: -9000px;
color: #333;
font-weight: bold;
border: 0;
cursor: pointer;
}

div#search img {
border: 0;
}

/* -------banner rotator------ */

#SlideItMoo_banners_outer { 
display:block; 
position:relative; 
width:562px; 
height:105px; 
margin:0; 
}

#SlideItMoo_banners_inner { 
position:relative ; 
overflow:hidden ; 
width:562px ; 
height:105px ; 
margin:0px auto 0px;  
}

#SlideItMoo_banners_items { 
white-space:nowrap; 
display:block; 
position:relative; 
}

#SlideItMoo_banners_items a img { 
border:none; 
}

/*tinyMCE*/
body.mceContentBody {   
background-color:#fff;
color: #000;
}

/*pullquote*/

p.pullquote {
font-size: .9em;
float: right;
border: 1px solid black;
margin: 0 20px 20px 20px;
padding: 8px;
width: 30%;
background-color: #f4f4f4;
}


/* End of 'Racebook_Styles' */

