/* CSS for SocalSlopeRacing.com - N.Woods  @ NextStepDesigns.com 1/7/05 */

/* site layout */

body {
	text-align: center;
	min-width: 950px;
	background: #364F80 url(../images/bg-container.gif) repeat-y center top;
	padding: 0; margin: 0; font-size: 95%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.25em;
	color: #333;
}

#container {
	margin: 0 auto;
  	width: 950px;
  	text-align: left;
	background: #364F80 repeat-y center top;
}

#main {
	border-top: #fff 5px solid;
	border-right: #fff 5px solid;
	border-bottom: 0;
	border-left: #fff 5px solid;
	padding: 0; margin: 0 auto;
	WIDTH: 915px;
	POSITION: relative;
	TEXT-ALIGN: left;
}


#logo {
	padding: 0; margin: 0;
	BACKGROUND: #90ADC4 url(../images/hdr-logo-2.jpg) no-repeat left top;
	HEIGHT: 141px;
	BORDER-bottom: #fff 5px solid;
}

#logo A {
	DISPLAY: block;
	WIDTH: 245px;
}

#logo IMG {
	DISPLAY: block;
	WIDTH: 0px
}

#logo SPAN {
	BACKGROUND: url(../img/sb-spring.gif) no-repeat;
	LEFT: 28px;
	WIDTH: 118px;
	POSITION: absolute;
	TOP: 32px;
	HEIGHT: 29px
}


#nav {
	float: left; 
	width: 219px; height: 635px;
	background: #949EC2 url(../images/nav-bg.jpg) no-repeat scroll left top;
	padding: 15px 10px 0 15px;
	border-right: #fff 1px solid;
}

#content {
	float: right;
	padding: 0; margin: 0;
	background: url(../images/content-main-bg.jpg) no-repeat scroll left top;
	width: 669px;
	min-height: 649px;
}
/*  hack for ie/win - hide from ie/mac \*/
* html #content {height: 649px;}
/* end hiding */

/*#content { 1/24/05 - pre-IE hack for main content field
	float: right; padding: 0; margin: 0;
	width: 668px; height: 649px; 
	* this is added from child.ss * 
	border-left: #fff 1px solid; }*/

#footer {
	clear: both;
	position: relative; display: block;
	text-align: center;
	background-color: #90ADC4;
	width: 915px; height: 60px;
	border-top: #fff 5px solid;
}


/* site presentation and styles */


H1 {margin: 0; padding: 0;
	font-weight: normal; font-size: 150%;
	font-family: "Trebuchet MS", Verdana, sans-serif;
}


P {margin: 1em 0; padding: 0;}

EM {FONT-STYLE: italic;}

STRONG {FONT-WEIGHT: bold;}

STRIKE {TEXT-DECORATION: line-through;}



#main {FONT-SIZE: 95%em;}


#nav {color: #fff;}

#nav ul.navlist {margin-top: 5px; color: #000099; background: transparent;}

.navlist a {color: #000099; text-decoration: none;}

.navlist a:link {color: #000099; text-decoration: none; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.navlist a:visited {color: #000099; text-decoration: none; }
.navlist a:hover {color: #FFFF99; text-decoration: none; border-bottom: 1px solid #FFFF99;}


#footerlist ul {margin: 0;  padding: 0; white-space: nowrap;}

#footerlist li {display: inline; list-style-type: none;}

#footerlist a { padding: 3px 20px; }

#footerlist a:link, #footerlist a:visited {color: #fff; background-color: transparent; text-decoration: none;}

#footerlist a:hover {color: #FFFF99; text-decoration: underline;}
.credits {font-size: 9px; color: #333; text-align: center; ,margin-top: -10px; margin-bottom: 10px;}
.credits a, a:link, a:visited {color: #0066CC; text-decoration: none;}
.credits a:hover {color: #FFFF99; text-decoration: underline;}




H1.main_title {display: none;}

#nav h3 {margin:0 10px 0 0; padding: 0 0 1px 0; border-bottom: 2px solid #fff}

#nav p {margin: 0; padding: 0; color: #000099; background: transparent; font-size: .8em;}
	
#nav p a {color: #FFFF99; text-decoration: none;}
#nav p a:hover {color: #FFCC99; text-decoration: none; border-bottom: 1px solid #FFCC99;}