body { background: #fff; font-family: Arial, Helvetica, sans-serif; }

#container { width: 898px; margin: 0 auto; }

/* =Header
----------------------------------------------- */
#header { height: 106px; position: relative; }
	#header h1 a { display: block; text-indent: -5000px; background: url('../images/layout/SportingCarClub_SA_Logo_Navy.gif') no-repeat; width: 220px; height: 63px; position: absolute; top: 16px; left: 15px; }
	
	.main-nav { left: 280px; top: 70px; position: absolute; }
	.main-nav li { display: inline; }
	.main-nav li a{ display: block; font-size: 11px; text-decoration: none; text-transform: uppercase; color: #818181; padding-right: 44px; }
	.main-nav li a:hover { color: #176b95; text-decoration: underline; }
	.main-nav li a.active { color:Black; text-decoration: underline; }
	.main-nav li.last-item a { padding: 0; }
	.main-nav ul li.first-item { margin-left: -3px!important; }
	.main-nav ul li a { text-transform:none; }
	a { color: #069; text-decoration: none; }
	a:hover, a:active, a.active { color: #069; text-decoration: underline }
	
	#header fieldset { width: 190px; position: absolute; top: 27px; right: 0; }
	#header fieldset legend { display: none; }
	#header fieldset label { font-size: 11px; display: block; float: left; margin-right: 10px; color: #818181; text-transform: uppercase; padding-top: 3px; }
	#header fieldset .input-text { width: 96px; background: url('../images/form/input_text.gif') left no-repeat; height: 20px; border: none; font-size: 11px; color: #818181; padding: 0 12px 0 0; display: block; }
	#header fieldset .input-button { border: none; background: none; color: #069; text-transform: uppercase; font-size: 10px; border-bottom: 1px solid #7fb1cb; cursor: pointer; padding: 0px; position: absolute; right: 4px; top: 1px; width: 22px; }
	#header #search { display: none; }
/* =Sub Header
----------------------------------------------- */
#sub-header { height: 214px; }
	#sub-header img { margin-top: 3px; float: left; width:632px; height: 196px; }
	#sub-header ul { width: 260px; margin-right: 6px; float: left; }
	#sub-header ul li { display: inline; }
	#sub-header ul li a { display: block; float: left; text-indent: -5000px; }
	
	#sub-header ul li.nav-item-1 a {background:url(../images/nav/section/bg_sidebarnav.png) left -199px no-repeat; width:87px; height:50px;}
	#sub-header ul li.nav-item-1 a:hover, #sub-header ul li.nav-item-1 a.active{background:url(../images/nav/section/bg_sidebarnav.png) left 0 no-repeat;}
	
	#sub-header ul li.nav-item-2 a { background:url(../images/nav/section/bg_sidebarnav.png) -87px -199px no-repeat; width: 86px; height: 50px; }
	#sub-header ul li.nav-item-2 a:hover, #sub-header ul li.nav-item-2 a.active{ background:url(../images/nav/section/bg_sidebarnav.png) -87px 0 no-repeat;} 
	
	#sub-header ul li.nav-item-3 a { background:url(../images/nav/section/bg_sidebarnav.png) -173px -199px no-repeat; width: 77px; height: 50px; }
	#sub-header ul li.nav-item-3 a:hover, #sub-header ul li.nav-item-3 a.active{background:url(../images/nav/section/bg_sidebarnav.png) -173px 0 no-repeat;}	
	
	#sub-header ul li.nav-item-4 a {background:url(../images/nav/section/bg_sidebarnav.png) left -249px no-repeat; width: 87px; height: 50px; }
	#sub-header ul li.nav-item-4 a:hover, #sub-header ul li.nav-item-4 a.active{background:url(../images/nav/section/bg_sidebarnav.png) left -50px no-repeat;}
	
	#sub-header ul li.nav-item-5 a { background:url(../images/nav/section/bg_sidebarnav.png) -87px -249px no-repeat;  width: 86px; height: 50px; }
	#sub-header ul li.nav-item-5 a:hover, #sub-header ul li.nav-item-5 a.active{background:url(../images/nav/section/bg_sidebarnav.png) -87px -50px no-repeat;}
	
	#sub-header ul li.nav-item-6 a { background:url(../images/nav/section/bg_sidebarnav.png) -173px -249px no-repeat; width: 77px; height: 50px; }
	#sub-header ul li.nav-item-6 a:hover, #sub-header ul li.nav-item-6 a.active{background:url(../images/nav/section/bg_sidebarnav.png) -173px -50px no-repeat;}
	
	#sub-header ul li.nav-item-7 a { background:url(../images/nav/section/bg_sidebarnav.png) left -299px no-repeat; width: 87px; height: 50px; }
	#sub-header ul li.nav-item-7 a:hover, #sub-header ul li.nav-item-7 a.active{background:url(../images/nav/section/bg_sidebarnav.png) left -100px no-repeat;}
	
	#sub-header ul li.nav-item-8 a { background:url(../images/nav/section/bg_sidebarnav.png) -87px -299px no-repeat; width: 86px; height: 50px; }
	#sub-header ul li.nav-item-8 a:hover, #sub-header ul li.nav-item-8 a.active{background:url(../images/nav/section/bg_sidebarnav.png) -87px -100px no-repeat;}
	
	#sub-header ul li.nav-item-9 a { background:url(../images/nav/section/bg_sidebarnav.png) -173px -299px no-repeat; width: 77px; height: 50px; }
	#sub-header ul li.nav-item-9 a:hover, #sub-header ul li.nav-item-9 a.active{background:url(../images/nav/section/bg_sidebarnav.png) -173px -100px no-repeat;}
	
	#sub-header ul li.nav-item-10 a { background:url(../images/nav/section/bg_sidebarnav.png) left -349px no-repeat; width: 87px; height: 49px; }
	#sub-header ul li.nav-item-10 a:hover, #sub-header ul li.nav-item-10 a.active{background:url(../images/nav/section/bg_sidebarnav.png) left -150px no-repeat;}
	
	#sub-header ul li.nav-item-11 a { background:url(../images/nav/section/bg_sidebarnav.png) -87px -349px no-repeat; width: 86px; height: 49px; }
	#sub-header ul li.nav-item-11 a:hover, #sub-header ul li.nav-item-11 a.active{background:url(../images/nav/section/bg_sidebarnav.png) -87px -150px no-repeat;}
	
	#sub-header ul li.nav-item-12 a { background:url(../images/nav/section/bg_sidebarnav.png) -173px -349px no-repeat; width: 77px; height: 49px; }
	#sub-header ul li.nav-item-12 a:hover, #sub-header ul li.nav-item-12 a.active{background:url(../images/nav/section/bg_sidebarnav.png) -173px -150px no-repeat;}
	
	
	
	#sub-header ul.home li.nav-item-1 a:hover, #sub-header ul.home li.nav-item-1 a.active,
	#sub-header ul.home li.nav-item-2 a:hover, #sub-header ul.home li.nav-item-2 a.active, 
	#sub-header ul.home li.nav-item-3 a:hover, #sub-header ul.home li.nav-item-3 a.active,
	#sub-header ul.home li.nav-item-4 a:hover, #sub-header ul.home li.nav-item-4 a.active, 
	#sub-header ul.home li.nav-item-5 a:hover, #sub-header ul.home li.nav-item-5 a.active ,
	#sub-header ul.home li.nav-item-6 a:hover, #sub-header ul.home li.nav-item-6 a.active,
	#sub-header ul.home li.nav-item-7 a:hover, #sub-header ul.home li.nav-item-7 a.active,
	#sub-header ul.home li.nav-item-8 a:hover, #sub-header ul.home li.nav-item-8 a.active, 
	#sub-header ul.home li.nav-item-9 a:hover, #sub-header ul.home li.nav-item-9 a.active,
	#sub-header ul.home li.nav-item-10 a:hover, #sub-header ul.home li.nav-item-10 a.active, 
	#sub-header ul.home li.nav-item-11 a:hover, #sub-header ul.home li.nav-item-11 a.active, 
	#sub-header ul.home li.nav-item-12 a:hover, #sub-header ul.home li.nav-item-12 a.active 
	{ background-position: right; }

	
/* =Content
----------------------------------------------- */
#content { color: #333; margin-bottom: 8px; }
#content.custom { margin-top: 50px; margin-bottom: 20px;}
	.column.first { width: 262px; float: left; padding-right: 8px; margin-right: 24px; border-right: 1px solid #ccc; }
	.column.first .links { margin-top: 42px; }
	.column.first .links a { text-transform: uppercase; display: block; width: 250px; height: 27px; background: url('../images/nav/contact.gif') no-repeat; font-size: 11px; color: #000; text-decoration: none; text-transform: uppercase; padding: 6px 0 0 12px; }
	.column.first .links a:hover { color: #069; }
	.column.mid { width: 390px; float: left; padding-right: 20px; border-right: 1px solid #ccc; margin-right: 11px; }
	.column h2, #sidebar h2, #main-content.photo-gallery h2 { font-size: 11px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase; }
	.column h3 { font-size: 11px; font-weight: bold; margin-bottom: 5px; }
	.column ul { margin-bottom: 15px; }
	.column ul li { font-size: 10px; line-height: 1.4; }
	.column ul li span { display: block; float: left; width: 75px; }
	.column p { font-size: 11px; margin-bottom: 10px; }
	.column.mid, #main-content { font-size: 11px; }
	
	.column.last { width: 185px; float: right; margin-right: -10px; position: relative; }
		.column.last .links {  margin-bottom: 30px; position: relative;}
		.column.last .links li a { text-transform: uppercase; display: block; width: 185px; height: 25px; margin-bottom: 2px; text-decoration: none; font-size: 11px; text-indent: 10px; padding-top: 10px;  color: #000; background: url('../images/nav/col_last_link.gif') no-repeat; }
        .column.last .links li a:hover { color: #069; }
	#sidebar { width: 140px; padding-right: 19px; border-right: 1px solid #ccc; float: left; padding-bottom: 40px;}
	#sidebar.photo-gallery ul { margin-bottom: 80px; }
		#sidebar h2 { margin-bottom: 5px; }
		#sidebar ul { margin-bottom: 35px; }
		#sidebar ul li a { font-size: 10px; }
		#sidebar ul.archived { background: #ccc; padding: 4px 8px 8px 8px; }
		#sidebar .input-text { border: none; padding: 3px; width: 135px; background: #ccc; color: #000; font-size: 11px; }
		#sidebar a.active, .column.first a.active { color: Black; text-decoration: underline; }
	    .column.first .links a.active { color: Black; text-decoration: none; }
		   
	#main-content { width: 661px; float: left; padding-left: 34px; position: relative; margin: 20px 0 0 22px;  }
	#main-content.photo-gallery { width: 721px; margin: 0 0 0 8px; padding: 0; }
		#main-content p.info { background: #cccccc; text-align: center; font-size: 11px; width: 314px; height: 250px; float: left; display: block; padding-top: 200px; }
		#main-content .prev { background: url('../images/layout/arrow_left.gif') no-repeat; width: 31px; height: 66px; display: block; text-indent: -5000px; position: absolute; left: 3px; top: 180px; }
		#main-content .next { background: url('../images/layout/arrow_right.gif') no-repeat; width: 31px; height: 66px; display: block; text-indent: -5000px; position: absolute; right: -3px; top: 180px; }
		#main-content .album .main-img { float: left; width: 290px; margin-right: 10px; }
		#main-content .album .main-img img { width: 290px; height: 193px; }
		#main-content .album ul { float: left; width: 700px; height: 102px; }
		#main-content .album ul li {  width: 136px; height: 91px; display: block; float: left; margin: 0 6px 11px 0;}
        #main-content .album ul li img { width: 136px; height: 91px; }
		#main-content .album ul li.last-row-item { margin-right: 0; }
		#main-content .album.extended ul { width: 721px; } 
		
		.column.mid ul.blank, .column.mid ol.blank, #main-content ul.blank, #main-content ol.blank { list-style: none; }
		.column.mid ul, .column.mid ol, #main-content ul, #main-content ol { list-style: disc; list-style-position: inside; margin-bottom: 10px; }
		.column.mid li { line-height: 16px; }
		                 
		.form-list label { width: 100px; float: left; }
		.checkbox-group  label { float: none; width: auto; line-height: 20px; }
		.checkbox { height: 20px; clear : left; }
		.form-list li div { float:left; width:220px; margin-bottom: 10px;  }
		.form-list input.text { width: 200px; }
		.form-list input { float: left; margin-right: 10px }
		.form-list span.error { width: 10px; }
        .form-list li { clear: left; }
        .form-list textarea { margin-bottom: 10px; }
        .form-list button { margin-left: 100px; float: left; }
        #error_list .error span { float: none; width: 200px; }		
        
        h2.first-category { margin-top: 0px; }
        h2.category { margin-top: 30px; }
        
        #main-content .downloadmessage { margin-top: 20px; font-size: 12px; background-color: #EEE; padding: 10px; width: 200px; }
	    #main-content .downloadmessage p { font-size: 10px; }
	     
	    #sponsor, #sponsor img { width:178px; height: 87px; }
	    #header_images { margin-top: 3px; float: left; }
	    #header_images img { margin-top: 0px; float: none; }
	    .clear { clear: both; }
/* =Footer
----------------------------------------------- */
#footer { border-top: 1px solid #000; padding-top: 8px; font-size: 10px; color: #666; }
	#footer p a { color: #069; text-decoration: none; }
	#footer p a:hover, #footer p a.active { color: #069; text-decoration: underline; }
	#footer ul { float: right; margin-top: -12px; }
	#footer ul li { display: inline; }
	#footer ul li a { color: #666; text-decoration: none; display: block; float: left; padding: 0 6px; background: url('../images/layout/footer_divider.gif') left no-repeat; }
	#footer ul li a:hover { color: #069; text-decoration: underline; }
	#footer ul li.first-item a { background: none; }
	#footer ul li.last-item a { padding-right: 0; }
	
	b, strong { font-weight: bold; }
	i, em { font-style: italic; }