
/*________ Main Elements ________*/

* {
	margin: 0px;
	padding: 0px;
}

body {
	font: 75% Arial,Helvetica,sans-serif; 
	color: #FFFFFF;
	text-align: center;
	background: #8ca2c3 url(images/bg.gif) repeat-x top;
}
a, a:visited {
	color: #ffa200;
	text-decoration: underline;
}
a:hover {
	color: #8bb6f7;
	text-decoration: underline;
}

img {
	display: block;
	border: 0px;
}

#container {
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: #273d64 url(images/bg-main-container.gif) repeat-y;
}


/*________ Navigation ________*/

#mainNav {
	list-style-type: none;
	font-size: 100%;
	height: 90px;
}
#mainNav li {
	display: inline;
	text-indent: -9000px;
}
#mainNav li a {
	display: block;
	float: left;
	height: 60px;
}
#mainNav li a:hover, #mainNav li a.currentPage {
	height: 60px;
}
#navHome { 
	background-image: url(images/button-home.gif); 
	width: 73px;
}
#navHome:hover, #navHome.currentPage { 
	background-image: url(images/button-home-roll.gif);
	width: 73px;
}
#navMerch { 
	background-image: url(images/button-merch.gif);
	width: 123px;
}
#navMerch:hover, #navMerch.currentPage { 
	background-image: url(images/button-merch-roll.gif);
	width: 123px;
}
#navCarDetails { 
	background-image: url(images/button-car-details.gif);
	width: 109px;
}
#navCarDetails:hover, #navCarDetails.currentPage { 
	background-image: url(images/button-car-details-roll.gif);
	width: 109px;
}
#navRacingResults { 
	background-image: url(images/button-race-results.gif);
	width: 138px;
}
#navRacingResults:hover, #navRacingResults.currentPage  { 
	background-image: url(images/button-race-results-roll.gif);
	width: 138px;
}
#navGallery { 
	background-image: url(images/button-gallery.gif);
	width: 81px;
}
#navGallery:hover, #navGallery.currentPage { 
	background-image: url(images/button-gallery-roll.gif);
	width: 81px;
}
#navNews { 
	background-image: url(images/button-news.gif);
	width: 64px;
}
#navNews:hover, #navNews.currentPage { 
	background-image: url(images/button-news-roll.gif);
	width: 64px;
}
#navLinks { 
	background-image: url(images/button-links.gif);
	width: 64px;
}
#navLinks:hover, #navLinks.currentPage { 
	background-image: url(images/button-links-roll.gif);
	width: 64px;
}
#navContact { 
	background-image: url(images/button-contact.gif);
	width: 118px;
}
#navContact:hover, #navContact.currentPage { 
	background-image: url(images/button-contact-roll.gif);
	width: 118px;
}


/*________ Content 2 Columns ________*/

#content2Column {
	width: 706px;
	margin: 0px 32px 20px 32px;
	background: #1d335a url(images/bg-2column-content.gif) repeat-y;
}
#content2Column h1 {
	padding-bottom: 18px;
	display: block;
	border:0;
}


/*________ Content 1 Column ________*/

#content1Column {
	width: 706px;
	margin: 0px 32px 20px 32px;
	background: #1d335a url(images/bg-1column-content.gif) repeat-y;
}
#content {
	width: 666px;
	padding: 20px;
}
#content h1, #contactForm h1 {
	margin-bottom: 18px;
}
#content h2 {
	font-size: 130%;
	color: #ffa200;
	text-transform: uppercase;
	letter-spacing: -0.04em;
	background: url(images/bg-news-header.gif) repeat-x bottom;
	padding-bottom: 3px;
	margin-bottom: 3px;
	text-decoration: none;
	background: url(images/bg-news-header.gif) repeat-x bottom;
	padding-bottom: 3px;
	margin-bottom: 6px;
}
#content p {
	padding-bottom: 15px;
	line-height: 1.3em;
}
#content ul {
	margin-left: 30px;
	margin-bottom: 20px;
}
#content ul li {
	margin-bottom: 5px;
	list-style-image: url(images/list-arrow.gif);
}

.alignleft {
	margin-bottom: 15px;

}


/*________ Welcome - Home Page ________*/

#welcome {
	width: 312px;
	padding: 20px;
	float: left;
}
#welcome p {
	padding-bottom: 15px;
	line-height: 1.3em;
}
.welcomeImg {
	margin-bottom: 15px;
	border: 2px solid #FFFFFF;
}


/*________ Latest News & Events - Home Page ________*/

#latestNews {
	width: 312px;
	padding: 20px;
	float: right;
	display: inline;
}
.newsPost {
	padding-bottom: 25px;
}
#latestNews .newsPost h1 {
	font-size: 130%;
	color: #ffa200;
	text-transform: uppercase;
	letter-spacing: -0.04em;
	background: url(images/bg-news-header.gif) repeat-x bottom;
	padding-bottom: 3px;
	margin-bottom: 3px;
	text-decoration: none;
}
.newsPost h1 a {
	color: #ffa200;
	text-decoration: none;
}
.newsPost h1 a:hover {

	color: #FFFFFF;
	text-decoration: none;
}
.newsPost small {
	font-size: 85%;
	color: #8ca2c3;
	padding-bottom: 15px;
}
.newsPost p {
	font-size: 95%;
	padding-top: 10px;
}
.newsPost img {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-top: 12px;
	border: 1px solid #FFFFFF;
}


/*________ News Page ________*/


#content .navigation {
clear: both;
}

#content .post {
	width: 420px;
	display: block;
}
.post h2 {
	font-size: 130%;
	color: #ffa200;
	text-transform: uppercase;
	letter-spacing: -0.04em;
	background: url(images/bg-news-header.gif) repeat-x bottom;
	padding-bottom: 3px;
	margin-bottom: 3px;
	text-decoration: none;
}

.post h2 a {
	color: #ffa200;
	text-decoration: none;
}
.post h2 a:hover {

	color: #FFFFFF;
	text-decoration: none;
}
.post small {
	font-size: 85%;
	color: #8ca2c3;
	padding-bottom: 15px;
}
.post p {
	font-size: 100%;
	padding-top: 10px;
}
.post img {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-top: 12px;
	border: 1px solid #FFFFFF;
}

#sidebar {
	float: right;
display: inline;
width: 200px;
}
#sidebar h2 {
	margin-top: 10px;
}

#sidebar li li {
	margin-left: 10px;
	margin-bottom: 5px;
	list-style-image: url(images/list-arrow.gif);
}

#sidebar li {
	list-style-type: none;
list-style-image: none;
}

#sidebar li h2 {
margin-left: 10px;
list-style-type: none;
list-style-image: none;
}

#sidebar li p {
margin: 5px 10px 0 10px;
}

#sidebar li form input {
list-style-type: none;
list-style-image: none;
}

#sidebar li form input {
width: 100px;
}

#sidebar li form input#searchsubmit {
width: 52px;
}

#sidebar form {
margin-top: 18px;
margin-left: 10px;
padding-left: 0;
}

#sidebar li a {
list-style-type: none;
}

/*________ Sponsors ________*/

#sponsors {
	width: 770px;
	height: 91px;
	clear: both;
	background-color: #FFFFFF;
}


/*________ Footer ________*/

#footer {
	margin-top: 80px;
	margin-left: auto;
	margin-right: auto;
	width: 770px;
	height: 60px;
	color: #273d64;
	text-align: center;
	font-size: 85%;
}
#footer a {
	color: #273d64;
	text-decoration: none;
}
#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}


/*________ Contact Form ________*/



#verification img {
margin-left: 65px;
}
#contactForm #verification label {
float: none;
display: block;
width: 220px;
margin-left: 65px;
font-size: 90%;
}
#verification input {
margin-left: 65px;
width: 129px;
}

#contactForm {
	width: 300px;
	float: right;
	margin-left: 10px;
padding-bottom: 20px;
}


#contactForm label {	
	width: 65px;
	float: left;	

	display: inline;
	clear: left;
	text-align: left;
} 

#contactForm fieldset { 
	margin-top: 10px;
	border: 0; 
} 
#contactForm fieldset input {
	float: left;	
	display: inline;
	margin-bottom: 5px;
	padding: 2px;
	width: 148px;
	border: 1px solid;
	font: 100% Arial,Helvetica,sans-serif;
} 

#contactForm fieldset legend {

	display: none;
}
#contactForm textarea {
	float: left;	
	display: inline;
	margin-bottom: 5px;
	padding: 2px;
	width: 178px;
	border: 1px solid;	
	overflow: auto;
	font: 100% Arial,Helvetica,sans-serif;
}


#submitButton {	
	display: block;
	margin-left: 65px;
	background-color: #485FA4;
	color: #fff;
	text-decoration: none;
	border: 1px solid #000;
	padding: 3px 8px;
	margin-right: auto;
	margin-top: 5px;
}


/*________ Misc ________*/

.imgRight {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}
.imgRightBorder {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
	border: 1px solid #FFFFFF;
}
.imgLeft {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

.clearfix:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac */
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


div#errorText {
	display: block;
	border: 1px solid #485FA4;
	color: #ff0000;
	padding: 10px;
	margin-bottom: 10px;
	background-color: #aaaaaa;

}
div#errorText p {
	margin-bottom: 5px;
}
div#errorText ul {
	margin: 0px 0px 0px 30px;
	padding: 0px;
}
