/*
 *  Styles for Kalgoorlie-Boulder Racing Club web site
 *
 */


/* General layout */

body { margin: 0; padding: 0; color: #ffffff; background: #000000 url(../images/layout/bg-page.jpg) left bottom no-repeat; font-size: 83%; font-family: HelveticaNeue, Helvetica Neue, Helvetica, sans-serif; }

#header { margin: 0; padding: 0; height: 250px; color: #ffffff; background: #000000 url(../images/layout/bg-header.jpg) top center no-repeat; text-align: center; }
#header img { margin: 0; padding: 0; border: none; }

h1 { margin: 0; padding: 0; position: relative; z-index: 2; font-family: Trajan, serif; text-transform: uppercase; }
h2 { margin: 0; padding-left: 60px; padding-right: 0; padding-top: 0; padding-bottom: 0; position: relative; top: -20px; z-index: 1; font-family: Trajan, serif; text-transform: uppercase; }
h3 { font-size: 1.2em; font-weight: bold; font-family: Trajan, serif; text-transform: uppercase; }
h4 { font-size: 1.2em; font-weight: bold; margin-bottom: 0.5em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 0.25em; }
h6 { font-size: 1em; font-weight: normal; margin-bottom: 0.25em; margin-top: 1em; border-bottom: 1px solid; }

#container { color: #ffffff; background: url(../images/splash/bg-content.png) left top repeat; width: 804px; margin: 2px auto; padding: 0; border: 2px solid #5d0018; position: relative; }

#footer { width: 620px; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; padding-top: 5px; padding-bottom: 50px; padding-left: 143px; padding-right: 10px; }
#footer hr { display: none; }
#footer p { margin: 0; padding: 0; font-size: 0.83em; }
#footer a { padding-left: 170px; }


/* General text formatting */

a { color: #999999; }
a:hover { color: #8e7c2a; }

dt { font-weight: normal; margin-left: 0; padding-left: 0; }
dd { font-weight: normal; margin-left: 3em; padding-left: 0; }

span.telephone { white-space: nowrap; }

li { padding-bottom: 0.5em; }


/* Content */

#content { margin-top: 155px; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; border-top: 10px solid #000000; border-left: 10px solid #000000; border-bottom: none; border-right: none; color: #fefafa; background: #000000 url(../images/layout/bg-content.gif) left top repeat-y; width: 774px; padding: 0; }
#content h3 { margin: 0; width: 555px; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 199px; background: url(../images/layout/bg-content-top.gif) top left no-repeat; }
#content-text { margin: 0; border: none; color: #fefafa; background: url(../images/layout/bg-content.jpg) bottom left no-repeat; width: 555px; padding-top: 0; padding-bottom: 30px; padding-left: 20px; padding-right: 199px; min-height: 335px; }

#content p { margin-top: 0; margin-bottom: 1em; }

#content p, #content dt, #content dd, #content li { line-height: 150%; }

p.highlight { font-weight: bold; font-style: italic; text-align: center; }

dl.jobs dt { margin-left: 0; margin-top: 1em; }
dl.jobs dd { margin-left: 0; }

dl.links dt { float: left; padding-right: 0.75em; }
dl.links dd { margin-left: 22em; padding: 0; }

dl.cuplist dt { float: left; padding-right: 0.75em; font-weight: bold; }
dl.cuplist dd { margin-left: 25em; padding: 0; }

dl.merchandise dt { float: left; padding-right: 0.75em; font-weight: bold; }
dl.merchandise dd { margin-left: 15em; padding: 0; }

dl.prizes dt { float: left; padding-right: 0.75em; font-weight: bold; }
dl.prizes dd { margin-left: 4em; padding: 0; }

dl.tickets dt { float: left; padding-right: 0.75em; font-weight: bold; }
dl.tickets dd { margin-left: 10em; padding: 0; }

dl.times dt { float: left; padding-right: 0.75em; font-weight: bold; width: 6em; }
dl.times dd { margin-left: 7em; padding: 0; }

dl.itinerary dt { margin-bottom: 0.5em; }
dl.itinerary dd { margin-bottom: 0.5em; }
dl.itinerary dd:first-line { font-weight: bold; }

img.imgright { padding: 0; float: right; margin-left: 10px; margin-right: 0; margin-top: 0; margin-bottom: 0; }


/* Sidebar */

#sidebar { margin: 0; padding: 0; width: 150px; position: absolute; top: 165px; right: 20px; }
#sidebar img { margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 5px; border: none; padding: 0; }

#sidebar p { font-size: 0.83em; padding: 0.5em; }

#sidebar p#getreader { border: 1px solid #4f0014; margin-top: 0; }

#sidebar ul { border: 1px solid #4f0014; margin: 0; padding: 0; list-style: none; }
#sidebar li { margin: 0; padding: 0; list-style: none; text-align: center; }
#sidebar li.here { padding: 0.5em; color: #ffffff; background: #181818; }
#sidebar li a { display: block; padding: 0.5em; text-decoration: none; color: #ffffff; background: #070303; }
#sidebar li a:hover { color: #ffffff; background: #202020; }

#sidebar ul.gallery_sidebar { border: none; }
#sidebar ul.gallery_sidebar li { padding-bottom: 0.75em; }
#sidebar ul.gallery_sidebar li a { padding: 0; color: #ffffff; background: #000000; }
#sidebar ul.gallery_sidebar img { margin: 0; padding: 0; border: none; }


/* Info table */

table.info { border: 1px solid #ffffff; border-collapse: collapse; color: #ffffff; background: #3d0b0e; }
table.info th { border: 1px solid #ffffff; padding: 0.25em 0.5em; font-weight: bold; text-align: center; color: #000000; background: #ffffff; text-transform: uppercase; white-space: nowrap; }
table.info td { border: 1px solid #ffffff; padding: 0.25em 0.5em; font-weight: normal; text-align: left; color: #ffffff; background: #3d0b0e; }

table.info td.date { text-align: right; }
table.info td.filetype { text-align: center; }
table.info td.number { text-align: right; }


/* Race dates table */

table.racedates { border: 1px solid #ffffff; border-collapse: collapse; color: #ffffff; background: #3d0b0e; }
table.racedates th { border: 1px solid #ffffff; padding: 0.25em 0.5em; font-weight: bold; text-align: center; color: #000000; background: #ffffff; text-transform: uppercase; white-space: nowrap; }
table.racedates td { border: 1px solid #ffffff; padding: 0.25em 0.5em; font-weight: normal; text-align: left; color: #ffffff; background: #3d0b0e; vertical-align: top; }

table.racedates td.date { text-align: right; white-space: nowrap; }


/* Downloads table */

table.downloads { border: 1px solid #ffffff; border-collapse: collapse; color: #ffffff; background: #3d0b0e; }
table.downloads th { border: 1px solid #ffffff; padding: 0.25em 0.5em; font-weight: bold; text-align: center; color: #000000; background: #ffffff; text-transform: uppercase; }
table.downloads td { border: 1px solid #ffffff; padding: 0.25em 0.5em; font-weight: normal; text-align: left; color: #ffffff; background: #3d0b0e; }

table.downloads td.date { text-align: right; }
table.downloads td.filetype { text-align: center; }
table.downloads td.number { text-align: right; }


/* Winners table */

table.winners { border: 1px solid #ffffff; border-collapse: collapse; color: #ffffff; background: #3d0b0e; width: 100%; }
table.winners th { border: 1px solid #ffffff; padding: 0.25em 0.5em; font-weight: bold; text-align: center; color: #000000; background: #ffffff; text-transform: uppercase; }
table.winners td { border: 1px solid #ffffff; padding: 0.25em 0.5em; font-weight: normal; text-align: left; color: #ffffff; background: #3d0b0e; vertical-align: top; }


/* Next Race panel */

#nextrace { margin: 0; padding-top: 25px; padding-bottom: 35px; padding-left: 31px; padding-right: 51px; height: 125px; width: 150px; color: #000000; background: url(../images/splash/bg-nextrace.png) top left no-repeat; position: absolute; top: -10px; left: -30px; z-index: 4; overflow: hidden; text-align: center; text-transform: uppercase; font-family: Artistamp Medium, ArtistampMedium, serif; }
#nextrace h3 { font-family: Artistamp Medium, ArtistampMedium, serif; margin: 0; padding: 0; font-weight: normal; font-size: 1.2em; }
#nextrace p { margin: 0; }
#nextrace p.date { font-size: 1.44em; margin-top: 0.5em; margin-bottom: 0.5em; }
#nextrace p.more { font-size: 0.83em; text-align: left; position: absolute; bottom: 30px; }
#nextrace a { color: #000000; text-decoration: none; }
#nextrace a:hover { text-decoration: underline; }


/* Major Sponsors panel */

#sponsors { margin: 0; padding: 0; position: absolute; bottom: -65px; right: 0; }
#sponsors h3 { display: none; }
#sponsors img { margin: 0; padding: 0; border: none; }
#sponsors ul { list-style: none; margin: 0; padding: 0; }
#sponsors ul li { list-style: none; margin: 0; padding-top: 10px; padding-left: 10px; padding-right: 0px; padding-bottom: 0; float: left; }


/* Navigation */

#nav { margin: 0; padding: 0; position: absolute; top: 10px; right: 10px; z-index: 10; }
#nav hr { display: none; }

#nav ul { list-style: none; color: #ffffff; background: #000000; width: 584px; height: 127px; padding-top: 6px; padding-bottom: 0px; padding-left: 6px; padding-right: 6px; border: 1px solid #4f0014; margin: 0; }
#nav li { list-style: none; float: left; width: 146px; height: 124px; color: #ffffff; background: #000000; font-family: Trajan, serif; text-transform: uppercase; border: 0; padding: 0; margin: 0; }

#nav a { display: block; width: 140px; height: 0; padding-top: 120px; padding-bottom: 0; overflow: hidden; border-top: 3px solid #000000; border-bottom: 4px solid #000000; border-left: 3px solid #000000; border-right: 3px solid #000000; color: #ffffff; background-color: #000000; background-position: left top; background-repeat: no-repeat; text-decoration: none; }
#nav a:hover { background-position: left -120px; }

#nav li#nav-enlighten a { background-image: url(../images/menu/enlighten.jpg); }
#nav li#nav-explore a { background-image: url(../images/menu/explore.jpg); }
#nav li#nav-experience a { background-image: url(../images/menu/experience.jpg); }
#nav li#nav-enjoy a { background-image: url(../images/menu/enjoy.jpg); }

#nav li ul { position: absolute; left: -999em; border-top: none; padding: 0; width: 146px; height: 315px; }

#nav li:hover ul, #nav li.sfhover ul { left: 6px; }
#nav li:hover ul.col2, #nav li.sfhover ul.col2 { left: 153px; border-left: none; }
#nav li:hover ul.col3, #nav li.sfhover ul.col3 { left: 299px; border-left: none; }
#nav li:hover ul.col4, #nav li.sfhover ul.col4 { left: 444px; border-left: none; }

#nav li#nav-explore:hover ul, #nav li#nav-explore.sfhover ul { left: 152px; }
#nav li#nav-explore:hover ul.col2, #nav li#nav-explore.sfhover ul.col2 { left: 298px; }
#nav li#nav-explore:hover ul.col3, #nav li#nav-explore.sfhover ul.col3 { left: 444px; }
#nav li#nav-explore:hover ul.col4, #nav li#nav-explore.sfhover ul.col4 { left: 590px; }

#nav li#nav-experience:hover ul, #nav li#nav-experience.sfhover ul { left: 298px; }
#nav li#nav-experience:hover ul.col2, #nav li#nav-experience.sfhover ul.col2 { left: 444px; }
#nav li#nav-experience:hover ul.col3, #nav li#nav-experience.sfhover ul.col3 { left: 590px; }
#nav li#nav-experience:hover ul.col4, #nav li#nav-experience.sfhover ul.col4 { left: 152px; }

#nav li ul li:first-child { border-top: 35px solid #4f0014; }
#nav li ul li.sectionheading { border-top: none !important; }

#nav li ul li { height: auto; width: 146px; padding: 0; float: none; }
#nav li ul li.sectionheading { width: 134px; padding: 0px 6px; line-height: 35px; color: #ffffff; background: #4f0014; }

#nav li ul li a { height: auto; border: none; color: #ffffff; background: #000000 !important; font-family: HelveticaNeue, Helvetica Neue, Helvetica, sans-serif; text-transform: none; width: 134px; padding: 4px 6px; line-height: 140%; }
#nav li ul li a:hover { background: #8e7c2a !important; }