@charset "utf-8";
/* CSS Document 
** Setup for Pain and Suffer'n Website
** 08-10-2009
** Jessica Greenwalt
************************************** */

body {
	background:#231F20;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;}

#center {
	background:url(../img/background.jpg) top left no-repeat;
	width:1002px;
	min-height:1193px;
	margin:0 auto;}

h1,
h2 {
	text-indent:-9999px;
	margin:0 auto;}

h1 {
	background:url(../img/pain_suffern_logo.png) top right no-repeat;
	width:748px;
	height:171px;}

h2 {
	background:url(../img/september_10-12.png) top left no-repeat;
	width:470px;
	height:59px;
	margin-top:20px;}

h3 {
	color:#D85B29;
	font-size:180%;
	text-transform:uppercase;
	margin-top:1.5em;}

h4.directions {
	display:block;
	background:url(../img/get_to_the_race.png) top left no-repeat;
	width:260px;
	height:66px;
	font-size:1px;
	color:#1D1918;
	position:relative;
	left:15px;} 

h6 {
	font-size:100%;
	color:#D85B29;
	margin-top:2em;}

.three_col_group h6 {margin-top:0;}

a {color:#ED9E28;}
a:hover {color:#D85B29;}

#navigation {
	width:772px;
	height:74px;
	margin:0 auto;
	position:relative;
	z-index:30;
	top:10px;}
*html #navigation {
	position:static;
	margin-bottom:40px;}
#navigation li {display:inline;}

#nav_home a,
#nav_races a,
#nav_register a,
#nav_blog a,
#nav_sponsors a,
#nav_photos a {
	display:block;
	height:62px;
	text-indent:-9999px;
	float:left;}

#nav_home a {
	background:url(../img/nav_home.png) top left no-repeat;
	width:111px;}
#nav_home a:hover {background:url(../img/nav_home_o.png) top left no-repeat;}

#nav_races a {
	background:url(../img/nav_races.png) top left no-repeat;
	width:114px;}
#nav_races a:hover {background:url(../img/nav_races_o.png) top left no-repeat;}

#nav_register a {
	background:url(../img/nav_register.png) top left no-repeat;
	width:159px;}
#nav_register a:hover {background:url(../img/nav_register_o.png) top left no-repeat;}

#nav_blog a {
	background:url(../img/nav_blog.png) top left no-repeat;
	width:96px;}
#nav_blog a:hover {background:url(../img/nav_blog_o.png) top left no-repeat;}

#nav_sponsors a {
	background:url(../img/nav_sponsors.png) top left no-repeat;
	width:166px;}
#nav_sponsors a:hover {background:url(../img/nav_sponsors_o.png) top left no-repeat;}

#nav_photos a {
	background:url(../img/nav_photos.png) top left no-repeat;
	width:125px;}
#nav_photos a:hover {background:url(../img/nav_photos_o.png) top left no-repeat;}

#photo_bar {
	width:782px;
	height:287px;
	margin:0 auto;
	position:relative;
	top:-40px;}

#slideshow1 {
	position:relative;
	top:3px;
	z-index:10;}

#content {
	font-size:120%;
	color:#FFF;
	width:650px;
	margin:0 auto;
	position:relative;
	top:-20px;}

#column1 {
	width:360px;
	float:left;
	margin-bottom:40px;}
#column1 p {
	margin-top:1em;
	line-height:1.8em;}
#column2 {
	width:260px;
	text-align:right;
	float:right;
	margin:30px 0 40px 0;}

.three_col_group {
	float:left;
	width:750px;
	margin-bottom:2em;}
.three_col_group p,
.three_col_group ul {
	margin-top:.5em;
	line-height:1.8em;}
.three_col_group ul {margin-left:15px;}
.col1,
.col2,
.col3 {
	float:left;}
.col1 {width:210px;}
.col2 {width:240px;}
.col3 {width:200px;}

.col1,
.col2 {margin-right:30px;}


#map {margin:20px 0 20px 0;}


#footer {
	background:url(../img/orange_bar.png) top left no-repeat;
	clear:both;
	margin:0 auto;
	color:#D85B29;
	padding:15px 0 20px 0;}
#footer .links {
	float:left;}
#footer .credit {
	float: right;}
#footer a {text-decoration:none;}

/* = Accordion */
.accordion {
	list-style-type:none;
	padding:0;
	margin:0 0 30px;}
.accordion ul {
	padding:0;
	margin:0;
	float:left;
	display:block;
	width:100%;}
.accordion li {
	cursor:pointer;
	list-style-type:none;
	padding:0;
	margin:0;
	float:left;
	display: block;
	width: 100%;}
.accordion li.active>a {background: url(../img/arrow_down.png) no-repeat center right; }
*html .accordion li.active>a {background: url(../img/arrow_down.gif) no-repeat center right; }
.accordion li div {
	display:block;
	clear:both;
	float:right;
	padding-right:20px;
	color:#FFF;
	width:160px;}
#column1 .accordion li div {
	display:block;
	clear:both;
	float:right;
	padding-right:20px;
	color:#FFF;
	width: 340px;}
.accordion a {
	text-decoration:none;
	padding:7px 20px 7px 0;
	display:block;
	cursor:pointer;
	font-weight:bold;
	font-size:120%;
	color:#ED9E28;
	background:url(../img/arrow_right.png) no-repeat center right;}
*html .accordion a {background:url(../img/arrow_right.gif) no-repeat center right;}
.accordion a:hover,
#column1 .accordion a:hover {color:#D85B29;}
#column1 .accordion a {
	text-decoration:underline;
	font-weight:normal;
	font-style:italic;
	text-align:right;
	padding:7px 20px 7px 0;
	display:block;
	cursor:pointer;
	font-size:100%;
	color:#ED9E28;}
	
	/* Level 2 */
	.accordion li ul li { background: #7FD2FF; font-size: 0.9em; }
.accordion ol li {margin-bottom:1em;}

img, div, span, dl, dt, dd, h1, h2, h4 { behavior: url("iepngfix.htc") }

.hide {display:none;}
.presented_by {
	color:#D85B29;
	font-style:italic;
	float:right;
	position:relative;}