/*Css for Austin Nationals created by Beata Domagala 01/16/10*/

body{
	background:#999;
	color:#999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	}
p{
 padding:4px 0;
 }
h1{
	color:#ff9933;
	padding:5px 0 10px 0;
	font-weight:normal;
	font-size:14px;
	}
h2{
	font-size:14px;
	font-weight:normal;
}
a{
	color:#666666;
	}
/*Classes*/
img#logo{
	float:right;
	margin:8px 27px 7px 0;
}	
/*HTML elements*/
 #wrapper{ 
 	margin:0 auto;
	width:900px;
	background:#333;
	min-height:560px;
  	height:auto !important;
  	height:560px;
	overflow:hidden;
	}
body#index #wrapper{
    background:url(../images/bg-wrapper-index.jpg) top left no-repeat #333;
	height:100%;	
	}
body#contact #wrapper{
	background:url(../images/bg-wrapper-contact.jpg) top left no-repeat #333;		
	}	
body#team #wrapper{
	background:url(../images/bg-wrapper-team.jpg) top left no-repeat #333;	
	}	
body#race-schedule #wrapper{
	background:url(../images/bg-races.jpg) top left no-repeat #333;	
	}
body#sponsors #wrapper{
	background:url(../images/bg-wrapper-sponsors.jpg) top left no-repeat #333;		
	}

#content{
	background:#333;
}
#leftCol{
	float:left;
	width:255px;
	padding:60px 10px 0 135px;
	}
#rightCol{
	float:left;
	}
#FuLLWidth{
	width:85%;
	padding:10px 0 0 135px;
	float:left;
	}	
/************NAVIGATION*********/	
#header{
	float:left;
	width:100%;
	margin:0 0 30px 0;
}
#navigation{
	width:100%;
	float:left;
	}
ul.nav{
	float:right; 
	margin:3px 20px 0 0;
	padding:0;
	overflow:hidden;
	height:15px;
	}
ul.nav li{
 	float:left;
 	padding:0 10px 0 30px;
	color:#ff9933;
	margin:0;
	list-style:none;
	display:inline;
	float:left;
 }
 ul.nav li a{
 	color:#666;
	text-decoration:none;
 	}
 ul.nav li a:hover{
 	color:#999;
	text-decoration:none;
	}

body#index ul.nav li#home a {background-position: 0 -30px;}
body#team ul.nav li#theteam a {background-position: 0 -30px;}
body#race-schedule ul.nav li#race a {background-position: 0 -30px;}
body#sponsors ul.nav li#sponsors a {background-position: 0 -30px;}
body#contact ul.nav li#contact a {background-position: 0 -30px;}

ul.nav li a{
	display: block;
  	padding-top: 15px; height: 0px !important;
  	height /**/: 15px; overflow: hidden;
	}	
ul.nav li#home a {
	background:url(../images/nav-home.gif) top left no-repeat; 
	background-position: 0 0;
	width:44px;
	margin:0;
	}

ul.nav li#home a:hover {background-position: 0 -15px;}

ul.nav li#theteam a {
	background:url(../images/nav-team.gif) top left no-repeat; 
	background-position: 0 0;
	width:64px;
	margin:0px;
	}

ul.nav li#theteam a:hover {background-position: 0 -15px;}

ul.nav li#race a {
	background:url(../images/nav-reces.gif) top left no-repeat; 
	background-position: 0 0;
	width: 42px;
	margin:0px;
	}

 ul.nav li#race a:hover {background-position: 0 -15px;}

ul.nav li#sponsors a {
	background:url(../images/nav-sponsors.gif) top left no-repeat; 
	background-position: 0 0;
	width: 67px;
	margin:0;
	}
ul.nav li#sponsors a:hover {background-position: 0 -15px;}

ul.nav li#contact a {
	background:url(../images/nav-contact.gif) top left no-repeat; 
	background-position: 0 0;
	width: 80px;
	margin:0;
	}
 ul.nav li#contact a:hover {background-position: 0 -15px;}

/*Slideshow*/
div#slideShow{
	background:url(../images/bg-slidshow.gif) top left no-repeat;
	height:351px;
	width:452px;
}

/*Sponsors*/	
body#sponsors #leftCol{
	width:395px;
	padding:0px 0 0 165px;
	}
body#sponsors #leftCol p{
	padding:8px 0;
	}
body#sponsors #rightCol{
	width:230px;
	float:left;
	padding:0px 0 0 40px;
	}
ul.sponsors{
	font-size:13px;
	list-style:none;
	}
ul.sponsors li{
	float:left;
	padding:6px 0;
	width:215px;
	}
ul.sponsors li a{
	text-decoration:none;
	color:#999;
	}
ul.sponsors li a:hover{
	text-decoration:none;
	color:#666;
	}
ul#sponsorsSubNav{
	background:url(../images/img-sub-nav-line.gif) no-repeat top left;
	clear:right;
	float:right;
	margin:5px 35px 0 0;
	padding:0 0 0 5px;
	width:145px;
	}
ul#sponsorsSubNav li{
	width:150px;
	padding:0;
	}
ul#sponsorsSubNav li.last{
	padding:3px 0 0 15px;
	}
ul#sponsorsSubNav li a{
	display: block;
  	padding-top: 16px; height: 0px !important;
  	height /**/: 16px; overflow: hidden;
	}	
ul#sponsorsSubNav li#temKit a {
	background:url(../images/nav-team-kit.gif) top left no-repeat; 
	background-position: 0 0;
	width:150px;
	margin:15px 0 0 15px;
	}

ul#sponsorsSubNav li#temKit a:hover {background-position: 0 -17px;}
ul#sponsorsSubNav li#agreement a {
	background:url(../images/nav-sponsor-agreement.gif) top left no-repeat; 
	background-position: 0 0;
	width:150px;
	margin:0;
	}

ul#sponsorsSubNav li#agreement a:hover {background-position: 0 -17px;}


/*races*/
div.races{
	width:450px;
	margin:0px 0 50px 150px;
	float:left;
	}
div.races H1{
	margin-left:100px;
}
div.races h2{
	text-align:center;
	width:300px;
	margin:0 0 35px 10px;
	
}
div.races ol{
	text-align:left;
}
div.races ol li{
	list-style-image:url(../images/img-dot.gif);
	list-style-position:outside;
}
div.races a{
	color:#ff9933;
	font-style:italic;
	text-decoration:none;
	padding:15px 0;
	float:left;
}
ul#raceSubNav{
	background:url(../images/img-sub-nav-line.gif) no-repeat top left;
	clear:right;
	float:right;
	height:50px;
	margin:5px 110px 0 0;
	padding:0 0 0 5px;

	}
ul#raceSubNav li{
	width:150px;
	padding:0;
	}
ul#raceSubNav li.last{
	padding:3px 0 0 15px;
	}
	
ul#raceSubNav li a{
	display: block;
  	padding-top: 15px; height: 0px !important;
  	height /**/: 15px; overflow: hidden;
	}	
ul#raceSubNav li#raceResults a {
	background:url(../images/nav-race-results.gif) top left no-repeat; 
	background-position:0 0;
	width:150px;
	margin:15px 0 0 15px;
	}

ul#raceSubNav li#raceResults a:hover {background-position: 0 -17px;}
ul#raceSubNav li#raceSchedule a {
	background:url(../images/nav-race-schedule.gif) top left no-repeat; 
	background-position:0 0;
	width:150px;
	margin:0;
	}

ul#raceSubNav li#raceSchedule a:hover {background-position: 0 -17px;}

/*contact*/
#contactBox{
	margin:90px 0 0 405px;
	float:left;
}
#footer{
	background:url(../images/bg-footer.gif) top left no-repeat;
	width:900px;
	height:70px;
	margin:0 auto;
	color:#252525;
	font-size:9px;
	clear:both;
	}
p#copy{
	float:left;
	width:30%;
	margin:30px 0 0 15px;
	}
p#footerContact{
	float:right;
	width:19%;
	margin:30px 0 0 0;
	
	}
/*accordian*/
.demo {
  margin:40px 0 40px 0;
  padding:0;
  position:relative;
  overflow:hidden;
  width:595px;
}
.demo table td{
	color:#999999;
	}
.collapse p {padding:8px 0 8px 0;}

.switch {position:absolute; top:0; right:0; padding:3px;}

.post .switch {position:static; text-align:right}

.post .main{margin-bottom:.3em; padding-bottom:0}

.other ul, .summary {margin-bottom:.3em; padding:1em; border:1px solid #e8e7e8; background-color:#f8f7f8}

.other ul {margin-bottom:1em; list-style-type:none; text-align:center}

.expand{
	padding:4px 0;
	font-size:11px;
	border-top:1px solid #ff9933;
	margin-top:4px;
	}
.expand span{
	padding-right:20%;
	
}
.expand a:link, .expand a:visited {
  background-image:url(../images/img-arrow-on.gif);
  background-repeat:no-repeat;
  background-position:98% 50%;
  text-decoration:none;
}
.expand a:hover, .expand a:active, .expand a:focus {
	text-decoration:none;
	
}
.expand a:hover table td{
 color:#ff9933;
	}

.expand.open a:link, .expand.open a:visited {
  background-image:url(../images/img-arrow-down.gif);
  background-repeat:no-repeat;
  background-position:98% 50%;
  text-decoration:none;
  color:#ff9933;
}

.expand.open a:link table td{
 color:#ff9933;
	}