/* ==========================
	Styles for Race Rochester
	Tim White
	Dec. 2008
   ========================== */
   
 /* RESET */
 
 body {
	font: medium/1.5 verdana, arial, sans-serif;
	background: #211D1D;
	color: #211D1D;
	margin: 0;
	padding: 0;
	border-top: 14px solid #D00;
	}

h2, h3, h4, h5, h6 {margin: 0;}

h1 {font-size: 100%;}
h2 {font-size: 140%; margin-bottom: .5em;}
h3 {font-size: 130%;}
h4 {font-size: 120%;}
h5, h6 {font-size: 110%; font-style: italic;}

dl {margin-left: 25px;}
dt {
	margin: .5em 0 0;
	font-weight: bold;
	}
dd {}

p, .video {margin-left: 25px;/*line-height: 1.5;*/}

.video p {
	margin-left: 0;
	margin-bottom: 0;
	max-width: 400px;
	}
	
li {margin: 0;}
img {padding: 5px; border: 1px solid #999;}
img.map {margin: 0; float: none;}

a:link {color: #D00;}
a:visited {color: #211d1d;}
a:hover {background: #211d1d; color: #fdfd00; text-decoration: none;}

a img.map {margin-bottom: -3px;} /* only way to ellimate black background from above rule showing under linked image. Nothing else worked */
a:hover img {background: #fdfd00; color: #fff;}
/* end reset */

/* RESTYLE ELEMENTS */

h1 { /* Logo replacement */
	background: #FFF url("../media/elements/banner-race-rochester2.gif") .5em top no-repeat;
	text-indent: -9999px;
	height: 143px;
	width: 674px;
	margin: 10px 0 0;
}

h2 {
	font-size: 22px;
	padding: 4px 0 3px 25px;
	color: #fdfd00;
	background: #000 url("../media/elements/checkered-gradient.gif") left top repeat-y;
	/*opacity: .7;*/
	/*width: 80%;*/	
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

table caption {
	text-align: left;
	font-weight: bold;
	}
	

table tbody tr:nth-child(odd) {background-color: /*#DFD1D1*/ #dfdfdf;}
table tbody tr.leader {background: #06A22B;}	
table tbody tr:hover, tr.leader:hover {background-color: #fdfd00;}

table.league {
	margin-left: 25px;
	margin-bottom: 1.5em;
	font-size: 95%;
	width: 80%;
	}

table.league  td, table.league th {
	border: 1px solid #000;
	padding: .2em;
	text-align: center;
	}



/* MAIN BOXES */

#wrapper {
	margin: 0 auto;
	width: 960px;
	background: #000;
	min-height: 500px;
}

#content {
	padding: 14px 10px;
	border-bottom: 16px solid #d00;
	position: relative;
}

.inner {background: #fff url("../media/elements/cut-corner.gif") right top no-repeat;}



#main {
	/*width: 620px;*/
	margin-right: 70px;
	overflow: auto;
}

#hours ul {list-style: none; margin: 0 0 0 20px; padding: 0}
#hours li {margin: 5px 0;}
/* end main boxes */


/* NAVIGATION */

ul#navigation {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	/*width: 100%;*/
	overflow: auto;
	border: solid #dd0000;
	border-width: 0 0 14px 0;
	background: #fff;
	line-height: 1.5;
}

ul#navigation li {
	float: left;
	margin: 1em 0 0 1em;
	}

ul#navigation li a {
	display: block;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid black;
	padding: 4px .7em;
	color: #fff;
	background: #000 url("../media/elements/black-check-gradient.gif") left top repeat-y;
	/*opacity: .6;*/
}

ul#navigation #current a {
	/*
	opacity: 1;
	filter:alpha(opacity=100);
	*/
	background: #06A22B url("../media/elements/green-check-gradient.gif") left top repeat-y;
	color: #fff;
}	

ul#navigation a:hover, ul#navigation a:active, ul#navigation a:focus  {
	background: #fdfd00 url("../media/elements/yellow-check-gradient.gif") left top repeat-y;
	color: #000;
}

/* for social icons */
#navigation li.icon a, #navigation li.icon img {border: none; background: none; margin: 0; padding: 0; text-decoration: none; color: black; vertical-align: middle; font-size: smaller;}

/* end navigation */

.clear {clear: both;}

.notice {font-weight: bold; color: #630404;}
.note {font-size: 90%;}