/* ------MAIN STYLES----- */

body{ margin:0; background:#000000; color:#FFFFFF;}
body,td,th,input,select,textarea,input{ font-family:Arial, Helvetica, sans-serif;}
body,td,th,input,select,textarea,input{ font-size:12px;}
p{ margin:0 0 1.5em 0;}
form{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
a{ color:#FBCA25; text-decoration:none; outline:none;}
a:hover{ color:#FEBC17; text-decoration:underline;}
a img{ border:none; display:block;}


#tblACMAdminToolbar { z-index:999;}

H1 { font-size:24px; font-weight:normal; color:#EF6C23;}
H2 { font-size:15px; font-weight:normal; color:#FBCA25;}
H3 { margin-bottom:10px; font-size:14px; font-weight:normal; color:#EF6C23}


.size14text{font-size:14px; line-height:1.2em;}
.size16text{font-size:16px; line-height:1.2em;}
.size20text{font-size:20px; line-height:1.2em;}
.size22text{font-size:22px; line-height:1.2em;}
.size24text{font-size:24px; line-height:1.2em;}


/* ------CLEARING FLOATS------*/

.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden;} 
.clear { display: inline-block;}
/* Hides from IE-mac \*/
* html .clear { height: 1%;} 
.clear { display: block;}
/* End hide from IE-mac */ 


.bodybg { background:url(../images/body-bg.jpg) center top no-repeat;}

/* ------WRAPPER STLYLS------ */

#wrapper { width:1000px; margin:0 auto; position:relative;} 



/* ------HEADER STYLES------ */

#header { height:177px; padding:30px 0 0; position:relative; z-index:900;}
	#logo { float:left;}
	#splash-title {float:right;}
	#date { position:absolute; top:30px; right:0; font-size:24px; font-weight:bold; text-transform:uppercase;}
	#navigation { position:absolute; right:20px; bottom:2px;}
		#nav{ z-index:2;}
		#nav ul { margin:0; padding:0; list-style:none; list-style-image:none; line-height:1; z-index:2;}
		#nav ul li { margin:0; list-style:none; list-style-image:none; float:left; z-index:2;}
	
		/* Level 1 */
	
		#nav ul li a{ display:block; text-decoration:none; color:#FFFFFF;}
		#nav ul li a:hover{}
		#nav ul li.ipf-parent div a{}
		#nav ul li.ipf-parent div a:hover{}
		#nav ul li.ipf-parent div li a{}
		#nav ul li.ipf-parent div li a:hover{}
	
		#nav ul li div{ color:#ffffff; font-family:Arial, Helvetica, sans-serif;}
		#nav ul li div a{ padding:6px 12px 6px 13px; background:url(../images/nav-fence.png) left bottom no-repeat;}
	
		/* Level 2 */
	
		#nav ul li ul{ width:160px; margin:0; position:absolute; background:#FEBC17; border-top:1px solid #000000; border-left:1px solid #000000;border-right:1px solid #000000; left:-999em; z-index:999;}
		#nav ul li ul li a{ width:136px; padding:6px 12px; text-indent:none; color:#FFFFFF; border-bottom:1px solid #000000;}
		#nav ul li ul li a:hover{ background:#7D287D;}
		#nav ul li ul li.ipf-parent a{}
		#nav ul li ul li.ipf-parent a:hover{}
	
		/* Level 3 */
	
		#nav ul li ul li ul { margin: -27px 0 0 160px;}
		#nav ul li ul li ul li a{}
		#nav ul li ul li ul li a:hover{}
	
		#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left:-999em;}
		#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left:auto;}
		#nav li:hover, #nav li.hover { position:static;}

/* ------CONTENT STYLES------ */

#content { padding:40px 0 20px; position:relative;}
	#left { width:638px; float:left;}
		#left-bg { width:596px; padding:10px 21px; background:url(../images/left-bg.gif) repeat-y;}
			#hero {}
			#maincontent { padding:15px 10px; font-size:11px;}
			#maincontent ul{ margin:0; padding:0; list-style:none;}
			#maincontent ul li{ margin:0; padding:3px 0 3px 10px; list-style:none; background:url(../images/LosAngelesimages/LosAngeles-li-bullet.gif) left 8px no-repeat;}
			#maincontent ul li a { color:#FFFFFF; text-decoration:underline;}
			
		
	#right { width:316px; padding-left:46px; float:left;}
		#register {}
		#register a.button{ display:block; width:316px; height:187px; background:url(../images/register-btn.gif) left top no-repeat; text-indent:-2000px; position:static; _z-index:1;}
		#register a.button:hover{ background-position:bottom !important;}
		
		#course { padding-top:50px;}
		
		#party { padding-top:20px;}
		


/* ------NEWSLETTER STYLES------ */

#newsletter { padding:15px 0 20px;}
	#signup { width:370px; float:left;}
	
	#custom-trainer-btn { width:264px; padding:15px 18px 0; text-align:center; float:left;}
	#custom-trainer-btn a{ display:block; width:264px; height:54px; background:url(../images/custom-trainer-btn.gif) left top no-repeat; text-indent:-2000px;}
	#custom-trainer-btn a:hover{ background-position:bottom !important;}
	
	#sns-btn { width:330px; padding-top:28px; text-align:right; float:left;}



/* ------RACESERIES STYLES------ */

#raceseries { padding:0 0 100px;}



/* ------MISCELLANEOUS STYLES------ */

#miscellaneous { padding:20px 20px 40px;}
	

/* ------FOOTER STYLES------ */

#footer-bg { margin:0 auto; height:211px; background:url(../images/footer-bg.gif) repeat-x;}
	#footer{ width:1000px; margin:0 auto; padding:10px 0;}
		#footer a{ color:#FFFFFF; text-decoration:none;}
		#sponsors { height:32px; padding-bottom:20px;}
			#sponsors-title { float:left; padding-right:20px;}
			#sponsors-btn { float:right; padding:22px 0 0 0;}
		#copyright { padding-top:25px;}
			#seo { width:530px;}
				#activetext { font-size:10px;}
				#activetext a { fonts-size:10px;}
			#poweredby { width:360px; margin:0; float:right;}
				#activelogo { float:right; padding:30px 0 0 40px;}