/* SELECTOR RESET
--------------------------------*/
* { font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0;padding: 0;border: 0;outline: 0;}

/* COMMON SELECTOR LAYOUT
--------------------------------*/
body { background: url(../images/bg.png) #A2B6D5 repeat-x; color: #16427A; font-weight:normal; }
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table { font-size: inherit; border-collapse: collapse; border-spacing:0; }
td, tr,tbody { font-size: inherit;}
p { font-size: inherit; padding: 5px 0; margin: 0; }
strong, b { font-size: inherit; color:#8C744E; }
img { border: 0; display:block; }
input, select { vertical-align: middle; }
button {}
legend { font-weight:bold; margin: 10px 0; }
a:link { font-size: inherit; color: #8C744E; line-height:1.1em; }
a:visited { color: #8C744E; }
a:hover { color: #8C744E; }
h1, h2, h3, h4, h5, h6 { font-size: 1.1em; font-weight: bold; margin: 5px 0; padding:0; }

/* COMMON SELECTOR CLASSES
---------------------------------*/
.l1 { width:10px !important;}.l2 { width:20px !important;}.l3 { width:30px !important;}.l4 { width:40px !important;}.l5 { width:50px !important;}.l6 { width:60px !important;}.l7 { width:70px !important;}.l8 { width:80px !important;}.l9 { width:90px !important;}.l10 { width:100px !important;}.l12 { width:120px !important;}.l13 { width:130px !important;}.l14 { width:140px !important;}.l15 { width:150px !important;}
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.fl-left { float: left; }
.fl-right { float: right; }
.fl-clearboth{	clear: both; }
.inline { display:inline; }
.block { display:block; }
.pos-rel { position:relative; }
.pos-abs { position:absolute; }
.container { overflow: hidden; width: 100%; }
.required { background:url(../images/bg-required.png) no-repeat 99% 4px; }
.note { font-style: italic; font-size: 10px; margin: 0 0 0 5px; }
.cms img { display:inline; }
.cms { line-height: 1.4em; font-size: 12px; }
.sifr-alt { display: none; }

h1.sifr,h2.sifr { margin:0;padding:0; }
select.text { border: 1px solid #C3CFDC; }
input.text { padding: 2px; border: 1px solid #C3CFDC; width: 130px; background: #FFF !important; }
textarea.text { padding: 2px; border: 1px solid #C3CFDC;  width:220px; height:60px; }
input.image { }
input.checkbox { width:20px; margin: 3px 0 0 0; }
input.radio { width:20px; margin: 5px 0 0 0; }

.error, .error strong { color: #C00; }
h3.error { font-weight: normal; border: 1px solid #C00; background: #FBFCFC; padding: 5px; text-align:center; }
p.error { text-align: center; width: 90%; }
.success, .success strong { color: #390; }
p.success { text-align: center; width: 90%; }


.cms ul {
	list-style-type: disc;
	margin-left: 20px;
}



/* BODY SELECTORS
---------------------------------*/
#home, #internal { width: 984px; text-align:left; margin: 0 auto 0 auto; background:#FFF; }

/* HEADER */
#header { height: 88px; background: url(../images/bg-header.png) no-repeat; border-bottom: 12px solid #8C744E; position:relative; z-index: 100; }
#header #logo { cursor: pointer; display:block; width: 176px; height: 113px; position:absolute; top: 21px; left: 27px; background:url(../images/logo.png) no-repeat; text-indent:-6000px; z-index:20; }
#header span#logo { cursor: pointer; display:block; width: 176px; height: 113px; position:absolute; top: 21px; left: 27px; } /*iepngfix*/

#inside-track-login { float:right; width: 169px; height: 25px; background:url(../images/btn-inside-track-login.png) no-repeat; display:block; margin: 17px 20px 0 0; text-indent:-6000px; }
* html #inside-track-login { margin-right: 10px; }

/*NAV*/
#nav { clear:right; float:right; display:inline; float:right; margin:7px 20px 0 0; width:740px; position:relative; z-index: 200; }
#nav ul { height: 26px; background: url(../images/bg-nav.png) repeat-x; list-style:none; margin:0;padding:0; position:relative; z-index: 300;}
#nav a { display: block; height: 26px; text-indent: -6000px;  }
#nav li.menu-cat { float: left; display: block; text-transform:capitalize; background-repeat: no-repeat; }/*menu category styling*/
#nav li:hover { position:relative; } /*hold flyout positioning*/

/* nav dropdown */
#nav li ul a { padding: 5px 3px 5px 20px; text-indent: 0; text-transform:none; height: auto; width: 145px; color: #FFF; text-decoration: none; } /* reset for dropdown */
#nav li ul a:hover { color: #98BDF4; } /*reset for dropdown */
#nav ul ul { display:none; position: absolute; top: 26px;left: 0px; width: 170px; height: auto; margin:0;padding:0; list-style:none; } /*dropdown properties*/
#nav li ul li { width:100%; background: url(../images/bg-nav-ul-ul-li.png); }
#nav li ul li ul { position: absolute; top: 5px; left: 100%; } /*flyout positioning */

#nav li ul li.flyout > a { background:url(../images/bg-nav-ul-li-a.png) no-repeat 99% 8px; }

#nav li ul li.top { background:url(../images/bg-nav-ul-ul-top.png) no-repeat; height: 5px; }
#nav li ul li.bottom { background:url(../images/bg-nav-ul-ul-bottom.png) no-repeat; height: 5px; }
* html #nav li ul li.bottom { display:none; }
* html #nav li ul li.top { display:none; }

#nav li a.place-holder { cursor: default; }
* html #nav ul ul li {height: 1%; float:left;} /*ie6*/
*+html #nav ul ul li { height: 1%; float:left; } /*ie7*/

/* nav categories */
#nav #nav-the-races { background-image: url(../images/nav-the-races.png); width: 77px; }
#nav #nav-the-races:hover {background-position: 0 -26px; }
#nav #nav-horsemen { background-image: url(../images/nav-horsemen.png); width: 80px; }
#nav #nav-horsemen:hover {background-position: 0 -26px; }
#nav #nav-simulcast { background-image: url(../images/nav-simulcast.png); width: 82px; }
#nav #nav-simulcast:hover {background-position: 0 -26px; }
#nav #nav-special-events { background-image: url(../images/nav-special-events.png); width: 108px; }
#nav #nav-special-events:hover {background-position: 0 -26px; }
#nav #nav-visit-us { background-image: url(../images/nav-visit-us.png); width: 65px; }
#nav #nav-visit-us:hover {background-position: 0 -26px; }
#nav #nav-how-to-bet { background-image: url(../images/nav-how-to-bet.png); width: 87px; }
#nav #nav-how-to-bet:hover {background-position: 0 -26px; }
#nav #nav-newsletter { background-image: url(../images/nav-newsletter.png); width: 91px; }
#nav #nav-newsletter:hover {background-position: 0 -26px; }
#nav #nav-history { background-image: url(../images/nav-history.png); width: 67px; }
#nav #nav-history:hover {background-position: 0 -26px; }
#nav #nav-contact-us { background-image: url(../images/nav-contact-us.png); width: 83px; }
#nav #nav-contact-us:hover {background-position: 0 -26px; }

/* PHOTO */
#photo {  width: 100%; height: 116px; }

/* SLIDESHOW */
#slideshow { position:relative; width:100%; height:176px; margin: 0 0 0 0; z-index:1 }
#slideshow img { display:block; position:absolute; top:0; left:0; z-index:8; height: 100%; width:100%; }
#slideshow img.active { z-index:10; }
#slideshow img.last-active { z-index:9; }

/* MAIN */
#main{ overflow:hidden; width: 100%; background:url(../images/bg-main.png) repeat-x bottom; position:relative; z-index: 10;  top: -102px; margin: 0 0 -102px 0; padding: 0 0 5px 0; }
#main .top { background: url(../images/bg-main-top.png) no-repeat top; height: 241px; width: 100%; }

/*CONTENT*/
#home #content { margin: 0 0 -194px 0; padding: 0 0 0 0; min-height: 300px; position:relative; top: -194px; }
* html #home #content { height: 300px; }
#home #main  .container { float:left; width: 506px; display:inline; margin: 113px 0 10px 56px; }

#internal #content { width: 954px; margin: 0 0 -230px 19px; padding: 0 0 0 0; min-height: 400px; position:relative; top: -230px; }
* html #internal #content { height: 400px; }
#internal #content .top { background:url(../images/bg-content-top.png) no-repeat; height: 57px; width: 100%; padding: 1px 0 0 0; }
#internal #content .top h1 { color:#16427A; height: 29px; margin:28px 0 0 43px; width: 859px; padding:0; background: url(../images/bg-h1.png) repeat-x 0 25px; }
#internal #content .bottom { background:url(../images/bg-content-bottom.png) no-repeat; height: 46px; width: 100%; padding: 1px 0 0 0; }
#internal #content .content {background:url(../images/bg-content.png) repeat-y; overflow:hidden; width:100%; }
#internal #content .cms { display:inline; float:right; margin: 18px 52px 0 0; width: 648px; min-height: 210px; }
* html #internal #content .cms { height: 210px; }

/*WELCOME*/
#welcome { margin: 0 0 15px 0; }
#welcome h1 { color:#16427A; height: 24px; margin:0;padding:0; background: url(../images/bg-h1.png) repeat-x 0 19px; }

/*NEWS-ANNOUNCEMENTS*/
#news-announcements{}
#news-announcements .cms { position: relative;  overflow: hidden;  height: 120px; }
#news-announcements h1 { color:#16427A; height: 24px; margin:0;padding:0; background: url(../images/bg-h1.png) repeat-x 0 19px; }
#news-announcements .headline {  position: absolute;  top: 340px;  left: 5px;  height: 125px;  width:290px; }

/*NAV SUB*/
#nav-sub { float:left; display:inline; width:182px; margin: 18px 0 0 43px; min-height: 100px; }
#nav-sub  ul { list-style:none; padding:0; margin: 0 0 0 0;  width: 100%; }
#nav-sub li { background:url(../images/bg-nav-sub-li.png) repeat-x 0 bottom;  padding: 0 8px; width: 166px;  }
#nav-sub a {font-size: 12px; display:block; padding: 7px 0 7px 10px; width: 156px; background:url(../images/bg-nav-sub-li-a.png) no-repeat 0 11px; text-decoration:none; }
#nav-sub a:hover { text-decoration:underline; }


/*CALENDAR*/
#calendar { width:365px; float:right; display:inline; margin: 0 31px 10px 0; }
#calendar .top { background:url(../images/bg-calendar-top.png) no-repeat; height: 67px; width: 100%; padding: 1px 0 0 0;  text-align:center; }
#calendar .top h1 {  color:#16427A;  height: 24px; background: url(../images/bg-h1.png) repeat-x 0 19px; margin: 20px 37px 6px 31px; width: 297px; }
#calendar .content { background:url(../images/bg-calendar.png) repeat-y; min-height: 100px; text-align:center;  }
* html #calendar .content { height: 100px; }

/* Large calendar */

#full_calendar div.header { text-align:center; font-weight:bold; color: #DE7D18; border: #D4D5D3 solid; border-width: 1px 1px 0 1px; padding: 4px 0; }
#full_calendar table { border: solid #D4D5D3; border-width: 1px 0 0 1px; }
#full_calendar table tr td { 
	vertical-align:top; width:99px; border: solid #D4D5D3; border-width: 0 1px 1px 0;
	height: 75px;	
}
#full_calendar table tr th.title { color:#FFF; font-weight:bold; text-align: center; background: #003069; }
#full_calendar table tr td a.this-day-on { display:block; text-align:center; background:#DE7D18; padding: 2px; border: 1px solid #EBECEE; margin:2px; color: #FFFFFF; }
#full_calendar table tr td a.this-day-off { display:block; text-align:center; background:#F8F8F9; padding: 2px; border: 1px solid #EBECEE; margin:2px; }

/*leftnav calendar list*/
#nav-cal-list { float:left; display:inline; width:182px; margin: 18px 0 0 43px; }
#nav-cal-list  ul { list-style:none; padding:0; margin: 0 0 0 0;  width: 100%; }
#nav-cal-list li { background:url(../images/bg-nav-sub-li.png) repeat-x 0 bottom;  padding: 0 8px; width: 166px;  }
#nav-cal-list a {font-size: 12px; padding-left: 20px;  text-decoration:none; }
#nav-cal-list a:hover { text-decoration:underline; }

#minicalendar table{ margin: 0 auto 0px auto; width: 280px; }
#minicalendar td{	width: 40px; border: 1px solid #D3DEED; }
#minicalendar td.empty { border: 1px solid #D3DEED; background:#F0F3F8; }
#minicalendar td a { padding: 5px 0; width: 100%; display:block; text-decoration:none; }
#minicalendar td a:hover { background-color: #D4E1EE; color: black; font-weight: bold;}
#minicalendar th{	padding: 2px;	border: 1px solid #D3DEED; background: #D3DEED; color: #FFF; }
#minicalendar caption{ padding: 8px 4px 4px 4px;	margin: 0 0 6px 0; }
#minicalendar caption a { text-decoration:none; font-size: 12px; }
#minicalendar caption span { color:#16427A; font-weight: bold; margin: 0 7px; }


#minicalendar .this-day-on-live{ 
	background-color: #2267A7;
	color: white;
	font-weight: bold;
}
#minicalendar .this-day-on-simulcast{
	background-color: #8B9EC5;
	color: white;
	font-weight: bold;
}

#minicalendar #mini-calendar-key{
	width: 55%;
}

#mini-calendar-key td{
	border: 0;
	padding: 3px;
	padding-left: 6px;
	text-align: left;
}

#calendar .bottom { background:url(../images/bg-calendar-bottom.png) no-repeat; height: 56px; width: 100%; padding: 1px 0 0 0; }
#calendar .bottom a { display:block; width: 141px; text-indent:-6000px; height: 23px; margin: 6px 0 0 184px; background:url(../images/btn-view-all-events.png) no-repeat; position:relative; }

/*LINKS*/
#links { clear:both; padding:0; list-style:none; width: 918px; height: 132px; background:url(../images/bg-links.png) no-repeat; margin: 0 0 0 36px; overflow:hidden; }
#links li { height: 52px; float:left; display:inline; margin: 30px 0 0 0; padding: 20px 0 0 75px; line-height: 1.2em; }
#links li a { position:relative; }
#links #video-gallery { background: url(../images/bg-video-gallery.png) no-repeat; width: 193px; margin-left: 35px; }
#links #horsemens-resources { background: url(../images/bg-horsemens-resources.png) no-repeat; width: 205px; }
#links #join-the-inside-track { background: url(../images/bg-join-the-inside-track.png) no-repeat; width: 238px; }

#internal #join-the-inside-track { margin: 0 0 0 580px; width:237px; height:72px; padding: 41px 30px 0 105px; background:url(../images/bg-join-the-inside-track-i.png) no-repeat; line-height: 1.2em;}

/*DISCLAIMER*/
#disclaimer { border-top: 1px solid #BBCBE3; color: #FFF; margin: 0 0 -7px 56px; width: 872px; line-height:1.2em; position:relative; top: -7px; }
#disclaimer strong, #disclaimer a, #disclaimer { color: #FFF; }

/* FOOTER */
#fairgrounds { float:left; display:inline; width: 350px; margin: 0 0 0 50px; }
#fairgrounds a { margin: 4px 0 0 0; display:block; width: 59px; height: 51px; float:left; text-indent: -6000px; background:url(../images/logo-fairgrounds.png) no-repeat; }
#fairgrounds p { float: right; display:inline; width: 280px; margin: 8px 0 0 0; }
#fairgrounds strong { color: #FFF; }

#footer { color: #FFF; background: url(../images/bg-footer.png) repeat-x; height: 62px; padding: 1px 0 0 0; line-height: 1.6em; }
* html #footer { margin-bottom: -39px; }
*+ html #footer { margin-bottom: -39px; }
#footer address { font-style: normal; float:right; display:inline; width: 424px; margin: 13px 50px 0 0; text-align:right; }
#footer ul {  clear:right; float:right; display:inline; width: 424px; margin: 0 50px 0 0; padding:0; list-style:none; text-align:right; }
#footer li { display: inline; }
#footer li a { color: #FFF; margin: 0 6px 0 3px; }

/* CORE101 */
#core101-logo { width:271px; height:17px; text-align:center; margin: 10px auto 0 auto; background:url(../images/logo-core101.png) no-repeat; text-indent: -6000px; }
#core101-logo a { display:block; width: 100%; }

/*SITEMAP*/
#sitemap ul {}
#sitemap li { list-style: none;	vertical-align:middle; padding-bottom: 4px;	}
#sitemap a { text-decoration:none; }
#sitemap a:hover{ text-decoration:underline; }
#sitemap li.level1 { padding-left: 0; }
#sitemap li.level2 { padding-left: 25px; }
#sitemap li.level3 { padding-left: 50px; }
#sitemap li.level4 { padding-left: 75px; }
#sitemap li.level5 { padding-left: 100px; }

/* MISC
-------------------------------------*/

/* BUTTONS */
.button { cursor:pointer; line-height:28px;background:url(../images/button.png) no-repeat right top; padding-right:20px;	display:block; display:inline-block; text-decoration:none; }
.button span { color:#FFF; background:url(../images/button.png) no-repeat left top; display:block; padding-left:20px; line-height: 28px; }
button { float:right; border:0; border:none; background:transparent; width:1px; overflow:visible; white-space:nowrap; padding:0 2px; }
button:active { margin: 1px -1px -1px 1px; }
.button:active { margin: 1px -1px -1px 1px; }

/* FORMS */
#form-contact { 
	width:540px;
	padding: 0 0 30px 0;}

/*form wrapper*/
form label,form .group { display: block; width: 100%; overflow: hidden; margin: 0 0 5px 0; }
form label span,form .group span { width: 200px; float: left; text-align: right; padding: 4px 10px 0 0; }
form label input { float: left; margin: 0 0 5px 5px; width: 110px; }
form label select { float: left; margin: 0 0 5px 0; width: 115px; }
form label textarea { float: left; margin: 0 0 5px 5px; }
form .buttons { text-align:right; width: 100%; }

/*form group*/
form ul { float:left; width:auto; margin:0 0 5px 0;padding:0;list-style:none; overflow:hidden; }
form li.heading { text-decoration:underline; float:left; padding: 4px 0; width: 100%; }
form li.error { float:left; padding: 4px 0; width: 100%; }
form li { width:50%; float:left; padding: 4px 0; }
form li label, form ul li span, form li input { display:inline !important; width:auto !important; float:none !important; }
form label span.error { width:180px; text-align:left; margin-left: 5px; }
form .group .block { float:left; margin: 0 0 5px 0; width:200px; }


/* DL Forms */

.dl_form input{
	border:  1px solid silver;
	padding: 4px;
}

.dl_form label{
	width:100%;
}

.dl_form dl{
	width:100%;
}

.dl_form dt{
	width:30%;
	clear:both;
	float:left;
	text-align: right;
	font-weight: bold;	
}

.dl_form dd{
	width: 60%;
	float:left;	
	margin-left:15px;	
	margin-bottom:25px;	
}



	/* the news box */
	#news
	{
		font-size: inherit;
		margin: 0px;
		width: 500px;
	}
	#news a
	{
		font-size: inherit;
		color:#000;
		font-weight:bold;
	}
	#news ul
	{
		font-size: inherit;
		margin:0 .5em 0 1em;
		padding:0;
		padding-left:5px;
		list-style: none;
	}
	#news li{
		font-size: inherit;
		line-height:1.2em;
	}
	/* the news box when JavaScript is available */
	#news.hasJS
	{
		height:250px;
		overflow:hidden;
		position:relative;
	}
	/* The nested UL when JavaScript is available */
	#news.hasJS ul
	{
		position:absolute;
		top:0px;
		left:0;
		margin:0 .5em 0 .5em;
		padding:0;
		padding-left:5px;
	}