/*** Resets ***/

html, body, div, span, img , p, 
h1, h2, h3, h4, h5, h6, pre, code,
a img, :link img, :visited img  {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	line-height: 1;
}


/*** Global Element Styles ****/

body {
	margin:0;
	padding:0;
	color:#333;
	background:#fafafa url(/Design/gfx/bg.png) 0 0 repeat-x;
	font:75%/normal Arial, Helvetica, sans-serif;
}

h1 {
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:28px;
	font-weight: normal;
	font-weight: bold;
	color:#423F6B;
	margin: 0;
	padding: 10px 0 15px 0;
	line-height:30px;
}
h2 {
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:16px;
	font-weight:bold;
	color: #333;
	margin: 0;
	padding: 0;
}
h3 {
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:15px;
	font-weight:bold;
	color: #666;
}

a img, :link img, :visited img  {
	margin: 0;
	padding: 0;
	border: 0;
}

a:link, a:visited {
	font-size: 110%;
	color:#423F6B;
	text-decoration:underline;
}
a:focus {
	outline-style:none;
	outline-width:medium;
	text-decoration: underline;
}
a:hover {
    color:#f48032;
    text-decoration: underline;
}


/*** Other Links ***/

#login_area a.login, #login_area a.register, #login_area .slash  {
	position:absolute;
	top:0px;
	height: 23px;
	width: 45px;
	text-indent: -10000px;
	background:url(/Design/gfx/login.png) 3px 0 no-repeat;
	display: block;
	float: left;
}
#login_area a.login {
	left:0px;
	background-position: 0px 0;
}
#login_area a.register {
	left:57px;
	width: 62px;
	background-position: -55px 0;
}
#login_area a.login:hover {
	background-position: 0px -23px;
}
#login_area a.register:hover  {
	background-position: -55px -23px;
}

#actions a {
	color:#5886d6;
	text-decoration:none;
	border-bottom:1px dotted #5886d6;
	font-size:100%;
	font-weight:bold;
}
#actions a:hover {
	color:#41a3ff;
	text-decoration:none;
	border-bottom:1px dotted #41a3ff;
}

#footer a {
	text-decoration:none;
}
#footer a:hover {
	text-decoration:none;
}



/*** Page Structure ***/

#fullscreen {
	margin:0 auto;
	width:100%;
	background:url(/Design/gfx/footer.png) 0 100% repeat-x;
}
#wrapper {
	margin:0 auto;
	width:1000px;
	overflow: hidden;
}
#header {
	background:url(/Design/gfx/header.jpg) 50% 0 no-repeat;
	height:325px;
	overflow: hidden;
}
#logo {
	position:relative;
	top:12px;
	left:2px;
	float:left;
}
#content {
	position:relative;
	top:-27px;
	left:0px;
	float:left;
	width:678px;
}
#right_side {
	position:relative;
	top:-170px;
	left:0px;
	float:right;
	width:322px;
	overflow: hidden;
}


/*** Advertising ***/

.container_728 {
	position:relative;
	top:3px;
	right:43px;
	float:right;
	background:url(/Design/gfx/728x90_area.png) 50% 50% no-repeat;
	width:742px;
	height:102px;
}
.container_728 img,
.container_728 div {
	padding:6px 0 0 7px;
}
.container_300 {
	background:url(/Design/gfx/300x250_area.png) 50% 50% no-repeat;
	width:313px;
	height:263px;
	clear:both;
}
.container_300 img,
.container_300 div {
	padding:6px 0 0 6px;
}
.container_center {
	margin:0 auto;
	width:274px;
}
.container_125 {
	background:url(/Design/gfx/125x125_area.png) 50% 50% no-repeat;
	width:137px;
	height:138px;
	float:left;
}
.container_125 img,
.container_125 div {
	margin:6px 0 0 6px;
}
.container_bottom {
	width:600px;
	height:60px;
	margin:0px auto 0;
	text-align:center;
}
.container_bottom img,
.container_bottom div {
	border:1px solid #d5d5d5;
}



/*** Content background parts ***/

.cb_menu  {
	background:url(/Design/gfx/menu_bg.png) 0 0 no-repeat;
	width:658px;
	height:68px;
	margin-left:10px;
	overflow: hidden;
}
.cb_top, .cb_bottom  {
	background:url(/Design/gfx/cb_top.png) 0 0 no-repeat;
	width:658px;
	height:14px;
	margin:5px 0 0 10px;
}
.cb_bottom {
	background:url(/Design/gfx/cb_bottom.png) 0 0 no-repeat;
	margin:0 0 15px 10px;
}
.cb_content  {
	background:url(/Design/gfx/cb_inner.png) 0 0 repeat-y;
	height:auto;
	margin-left:10px;
	padding:5px 0px 10px;
	overflow: hidden;
}



/*** Main Menu Items ***/

#menu_inner #home, #menu_inner #calendars, #menu_inner #articles,
#menu_inner #forum, #menu_inner #gear, #menu_inner #myraces  {
	position:absolute;
	top:0px;
	height: 60px;
	width: 45px;
	text-indent: -10000px;
	background:url(/Design/gfx/menu.png) 0px 0 no-repeat;
	display: block;
	float: left;
	border:0px solid red;
}
#menu_inner #calendars {
	left:75px;
	width: 110px;
	background-position: -50px 0;
}
#menu_inner #myraces {
	left:206px;
	width: 75px;
	background-position: -160px 0;
}
#menu_inner #articles {
	left:310px;
	width: 62px;
	background-position: -235px 0;
}
#menu_inner #forum  {
	left:402px;
	width: 60px;
	background-position: -300px 0;
}
#menu_inner #gear {
	left:482px;
	width: 97px;
	background-position: -357px 0;
}


#menu_inner #home:hover,
#menu_inner #home.highlight{
	background-position: -461px 0;
}
#menu_inner #calendars:hover,
#menu_inner #calendars.highlight {
	background-position: -511px 0;
}
#menu_inner #myraces:hover,
#menu_inner #myraces.highlight {
	background-position: -621px 0;
}
#menu_inner #articles:hover,
#menu_inner #articles.highlight {
	background-position: -696px 0;
}
#menu_inner #forum:hover,
#menu_inner #forum.highlight  {
	background-position: -761px 0;
}
#menu_inner #gear:hover,
#menu_inner #gear.highlight {
	background-position: -818px 0;
}



/*** Page Elements ***/

#content_inner {
	width:620px;
	margin-left:18px;
}

#login_area {
	position:relative;
	top:12px;
	right:85px;
	float:right;
	width:140px;
	height:20px;
}
#login_area .slash {
	left:46px;
	width:12px;
	background-position: -45px 0;
}
#login_area  img {
	vertical-align:middle;
}

#menu_inner {
	position:relative;
	top:5px;
	left:43px;
	width:580px;
	height:60px;
	margin-top:0px;
	margin-left:0px;
	overflow: hidden;
}
#menu_inner ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer {
	position:relative;
	top:-13px;
	text-align:center;
	font-weight:bold;
	margin-top:30px;
}
#footer p {
	margin-top:24px;
	color:#fff;
}


/*** Actions ***/

#actions {
	background:url(/Design/gfx/actions.png) 0 0 no-repeat;
	width:274px;
	height:363px;
	margin:-10px -14px 10px 10px;
	float:right;
	overflow:hidden;
}
#actions  p.myraces {
	background:url(/Design/gfx/ico_savemyraces.png) 7px 0 no-repeat;
	width:135px;
	padding-left:55px;
	margin:64px 0 0 51px;
}
#actions  p.print {
	background:url(/Design/gfx/ico_print.png) 0 0 no-repeat;
	width:135px;
	padding-left:55px;
	margin:20px 0 0 53px;
}
#actions  p.find {
	background:url(/Design/gfx/ico_find.png) 8px 0 no-repeat;
	width:135px;
	padding-left:55px;
	margin:20px 0 0 53px;
}
#actions  p.facebook {
	background:url(/Design/gfx/ico_facebook.png) 8px 0 no-repeat;
	width:135px;
	padding-left:55px;
	margin:15px 0 0 50px;
}
#actions p {
	margin:25px 0 15px 50px;
}


/*** Event Details ***/

#event_details {
	margin:0px 0;
}
#event_details .row {
	clear:left;
}
#event_details .title {
	font-weight:bold;
	text-transform:uppercase;
	font-size:75%;
	color:#907255;
	display:block;
	width:90px;
	margin-bottom:8px;
	padding-top:2px;
	text-align:right;
	float:left;
}
#event_details .desc {
	display:block;
	margin-left:105px;
	margin-bottom:8px;
}
#event_details p strong{
	font-size:110%;
}

#event_details .desc ul,
#event_details .desc ol {
	padding-left:20px;
}
#event_details .desc p {
	margin-bottom:15px;
	clear:none;
}
#event_details a.map {
	font-weight:bold;
	color:#cc6600;
	border-bottom:1px dotted #cc6600;
	text-decoration: none;
}

/* Begin Button Styles */

a.button {
    background-color:transparent;
    background-image: url( '/shared/images/special/btn_right.png' );
    background-repeat:no-repeat ;
    background-position:top right;
    color: #fff;
		display:block; /*opera*/
		display:inline-block; /*ie*/
		display:-moz-inline-box; /*ff*/    /*font: bold 12px arial, sans-serif;*/
    font: bold 14px arial, sans-serif;
    height: 32px;
    margin-right: 0px;
    padding-right: 10px;
    text-decoration: none;
}

a.button span {
    background-color:transparent;
    background-image: url( '/shared/images/special/btn.png' );
    background-repeat:no-repeat ;
    display: inline-block;
    line-height: 21px;
    padding: 3px 0 8px 10px;
}

a.button span img{
    margin-left:-5px;
    margin-top:-2px;
    padding-right:5px;
}

/*HOVER*/
a.button:hover {
    background-image: url( '/shared/images/orange/btn_hover_right.png' );
    color: #fff;
    outline: none;
}

a.button:hover span {
    background-image:url( '/shared/images/orange/btn_hover.png');
}


/*SPECIAL*/
a.special {
    background-image: url( '/shared/images/special/btn_right.png' );
		display:block; /*opera*/
		display:inline-block; /*ie*/
		display:-moz-inline-box; /*ff*/}
a.special span {
    background-image: url( '/shared/images/special/btn.png' );
}

a.special:hover {
    background-image: url( '/shared/images/special/btn_hover_right.png' );
}
a.special:hover span {
    background-image: url( '/shared/images/special/btn_hover.png' );
}
/*ORANGE*/
a.orange {
    color: Black;
    background-image: url( '/shared/images/orange/btn_hover_right.png' );
		display:block; /*opera*/
		display:inline-block; /*ie*/
		display:-moz-inline-box; /*ff*/}
a.orange span {
    background-image: url( '/shared/images/orange/btn_hover.png' );
}

a.orange:hover {
    background-image: url( '/shared/images/special/btn_right.png' );
}
a.orange:hover span {
    background-image: url( '/shared/images/special/btn.png' );
}
/* End button styles */

.links_column_left { float: left; width: 120px; }
.stateList {
	background:url(/design/gfx/300x489_area.png) 50% 50% no-repeat;
	width:313px;
	height:489px;
	clear:both;
}
.stateList div {
    padding: 12px 12px 12px 12px;
} 
.stateList h3 {
    color: #423f6b;
}