* {
	margin: 0;
	padding: 0;
}

body {
	background: #8A9C83 url(../images/body_bg.png) repeat-x left top;
	font: 62.5%/1.6 Verdana, "Lucida Grande", Lucida, sans-serif;
}

a {
	text-decoration: none;
}

#container_design {
	width: 800px;
	margin: 0 auto;
	background: url(../images/container_bg.png) no-repeat left top;
	text-align: left;
}

#container_content {
	margin-left: 100px;
	width: 702px;
	background: #fff url(../images/container_content_bg.png) repeat-y center top;
}

#tagline, #footer {
	height: 36px;
	clear: both;
	background: url(../images/tagline_bg.png) repeat-x left top;
}

#tagline p, #footer p {
	color: #999999;
	text-align: center;
	padding-top: 6px;
}

#tagline {
	border-bottom: 1px solid white;
	border-left: 1px solid #292525;
	border-right: 1px solid #292525;
}

#footer {
	border-left: 1px solid #292525;
	border-right: 1px solid #292525;
	border-bottom: 1px solid #292525;
	border-top: 1px solid white;
}

#footer a {
	color: #999999;
	text-decoration: underline;
}

#footer a:hover {
	color: white;
}

#header {
	height: 129px;
	clear: both;
	border-bottom: 1px solid #292525;
	border-right: 1px solid #292525;
	border-left: 1px solid #292525;
}

#main {
	clear: both;
}

.content {
	width: 525px;
	float: right;
}

.content_header {
	width: 525px;
	float: right;
	height: 129px;
}

#main .content {
}

.content_main {
	width: 350px;
	float: left;
	margin: 0;
}

.content_right {
	width: 175px;
	float: right;
	display: inline; /* :KLUDGE: Fixes IE double margin float bug */
}

.content_left {
	width: 175px;
	float: left;
}

#logo {
	width: 100%;
	height: 129px;
	background: url(../images/logo.png) no-repeat left top;
}

#logo a {
	text-indent: -9999px;
	width: 100%;
	height: 100%;
	display: block;
}

.content_right h1, .content_left h1 {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 2.5em;
}

.content_right p, .content_left p {
	margin-left: 10px;
}

.content_right ul {
	list-style: none;
}

.content_left table {
	margin-left: 10px;
}

.content_right p a, .content_left p a {
	color: #680404;
	border-bottom: 1px solid #000;
	padding: 1px;
}

.content_main h2 {
	font-size: 1.8em;
	text-align: center;
	color: #680404;
	margin-top: 1em;
	font-style: italic;
	padding: 5px 10px;
}

.content_main h3 {
	font-size: 1.3em;
	padding-left: 10px;
}

.content_left h3, .content_right h3 {
	color: #680404;
	margin: 10px 10px 0;
}

.content_main p {
	padding: 0 10px 10px;
	font-size: 1.2em;
}

.content_main ul, .content_main ol {
	margin-left: 20px;
	padding: 0 20px 10px;
	font-size: 1.2em;
}

.content_main li {
	padding-top: .7em;
}

.content_main a {
	color: #680404;
	border-bottom: 1px solid #000;
	padding: 1px;
}

.content_main a:hover {
	color: white;
	background-color: #680404;
}

.content_right h1, .content_left h1 {
		font-size: 1.5em;
}

.content_main table {
	margin: 0 10px 20px;
}

.content_main td {
	padding-right: 5px;
	background-color: #EEE;
}

.content_main th {
	padding-top: 2em;
	font-size: 1.3em;
	border-bottom: 2px solid #aaa;
}

.content_main img {
	border: none;
}

/* Minor Nav */

/* @group Minor Nav */

#nav_header {
	list-style: none;
	width: 100%;
	height: 129px;
}

#nav_header li {
	list-style: none;
}

#nav_header li a {
	background: url(../images/nav_minor.png) no-repeat;
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}

#nav_header li#about, #nav_header li#directions, #nav_header li#hours { height: 31px; width: 100%; }
#nav_header li#contact { width: 100%; height: 36px; }
#nav_header li#about a { background-position: left top; }
#nav_header li#directions a { background-position: left -31px; }
#nav_header li#hours a { background-position: left -62px; }
#nav_header li#contact a { background-position: left -93px; }

#nav_header li#about a:hover, #nav_header li#about a#selected { background-position: right top; }
#nav_header li#directions a:hover, #nav_header li#directions a#selected { background-position: right -31px; }
#nav_header li#hours a:hover, #nav_header li#hours a#selected { background-position: right -62px; }
#nav_header li#contact a:hover, #nav_header li#contact a#selected { background-position: right -93px; }



/* @end */

/* Major Nav */

/* @group Major Nav */

#nav_major {
	list-style: none;
	width: 100%;
	height: 29px;
}

#nav_major li {
	list-style: inline;
	float: left;
	height: 29px;
}

#nav_major li a {
	background: url(../images/nav_major1.png) no-repeat;
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}

#nav_major li#shoe { width: 75px; }
#nav_major li#train { width: 134px; }
#nav_major li#places { width: 198px; }
#nav_major li#race { width: 130px; }
#nav_major li#whats { width: 165px; }

#nav_major li#shoe a { background-position: left top; }
#nav_major li#train a { background-position: -75px top; }
#nav_major li#places a { background-position: -209px top; }
#nav_major li#race a { background-position: -407px top; }
#nav_major li#whats a { background-position: -537px top; }

#nav_major li#shoe a:hover, #nav_major li#shoe a#selected { background-position: left bottom; }
#nav_major li#train a:hover, #nav_major li#train a#selected { background-position: -75px bottom; }
#nav_major li#places a:hover, #nav_major li#places a#selected { background-position: -209px bottom; }
#nav_major li#race a:hover, #nav_major li#race a#selected { background-position: -407px bottom; }
#nav_major li#whats a:hover, #nav_major li#whats a#selected { background-position: -537px bottom; }

/* @end */

#nav_second {
	list-style: none;
	margin-bottom: 2em;
}

#nav_second li {
	border-bottom: #aaa solid 1px;
}

#nav_second li a {
	display: block;
	padding: 2px 10px;
	color: #680404;
	text-decoration: none;
	font-size: 1em;
}

#nav_second li a:hover {
	color: #000;
	text-decoration: underline;
}
/* @group thickbox

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(/images/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:center;
	top:50%;
	left:50%;
	background-color: black;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	/*margin: 15px 0 0 15px;*/
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:black;
	color: white;
	height:27px;
}

#TB_title a:hover {color: white;}

#TB_ajaxContent{
	clear:both;
	/*padding:2px 15px 15px 15px;*/
	overflow:auto;
	text-align:center;
	line-height:1.4em;
	padding-left: 15px;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

 */

/* @end */
/* @group sifr */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}


/* @end */