html {
	/* This helps with the 1px shift bug for centered background images */
	margin-left: -1px;
	overflow-Y: scroll;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:.8em;
	background:#E2E8E9 url(img/page_bg.jpg) repeat-x;
	margin:0;
	padding-right:1px;
}
#outershell{
	background:url(img/outer_bg.jpg) repeat-x center bottom;
	margin:0;
	padding-top:4px;
}
#innershell{
	background:url(img/inner_bg.jpg) repeat-y;
	width:794px;
	margin:0 auto;
}
#header{
	margin:0 auto;
	background:url(img/header_bg.jpg) no-repeat;
	height:200px;
}
#header h1{
	padding:0;
	margin:0;
	text-indent:-5000px;
}
#menu{
	height:30px;
	margin-top:10px;
}
#menu ul, #menu li{
	margin:0;
	padding:0;
	display:inline;
	list-style:none;
}
#menu a{
	display:block;
	height:26px;
	padding:4px 20px 0 20px;
	float:left;
	font-family:Trebuchet MS;
	font-size:16px;
	color:#000;
	text-decoration:none;
}
#menu a:hover {
	color:#B72E26;
}
#menu a.active{
	background:#FFF;
	color:#B72E26;
}
#expires{
	text-align:right;
	font-size:11px;
	padding-right:4px;
}
#contentouter{
	background:url(img/footer_bg.jpg) no-repeat bottom;
	padding:0 30px 40px 30px;
}
#content{
	background:#FFF;
	padding:10px 20px;
	line-height: 1.4;
}
#content a{
	color:#B72E26;
	text-decoration: none;
}
#content a:hover {
	color:#B72E26;
	text-decoration: underline;}

#content h2{
	font-size:1.5em;
	font-family:Trebuchet MS;
	color:#B72E26;
	font-weight:normal;
	letter-spacing:2px;
}
#content .head3 {
	font-size:1.1em;
	font-family:Trebuchet MS;
	color:#000;
	font-weight:bold;
	letter-spacing:1px;
}
#content .head4 {
	font-size:0.9em;
	font-family:Trebuchet MS;
	color:#464646;
	font-weight:bold;
	letter-spacing:1px;
}
#content .activities {

	padding: 0px 20px 0px 20px;
	line-height: 1.4;
	
}
#content ul li{
	list-style:none;
	list-style-image:url(img/bullet.gif);
	padding-bottom:4px;
}
#content ol li{
	list-style:roman;
	padding-bottom:4px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #000;
}

#content .headshot {
	float: left;
	padding: 1px;
	border: 1px solid #dadada;
	margin: 0px 10px 10px 0px;
	}
#content .rule {
	padding: 0px 30px;
	border-top: 1px solid #dadada;
	margin: 10px 0px;
	}
#content .acpe {
	margin: 0px 8px 5px 0px;
	padding: 1px;
	border: 0px solid #dadada;
	float: left;
	}

#content .sign {
	margin: 10px 0px 5px 10px;
	padding: 0px;
	border: 0px solid #dadada;
	float: right;
	}

/* Player 
    Play/Pause buttons now use a class instead of id since we are using the same image for both players
*/
    
#preview1 { background: url("../images/player-coffey.png") 0 0 no-repeat; width: 413px; height: 77px; margin-bottom: 25px; border: 0px solid #000;}
#preview2 { background: url("../images/player-stubbings.png") 0 0 no-repeat; width: 413px; height: 77px; margin-bottom: 25px; border: 0px solid #000;}
#preview3 { background: url("../images/player-hoffman.png") 0 0 no-repeat; width: 413px; height: 77px; margin-bottom: 25px; border: 0px solid #000;}

#player_container { position: relative; width: 72px; height: 40px; top: 35px; left: 0px; border: 0px solid #888888;}

#player_container  ul#player_controls { list-style-type: none; padding: 0; margin: 0; }
#player_container  ul#player_controls li { overflow:hidden; margin: 0; padding: 0; text-indent:-9999px; }

.play_button, 
.pause_button { display: block; position: absolute; left: 15px; top: 0px; width: 40px; height: 40px; cursor: pointer; }

.play_button { background: url("../images/spirites.jpg") 0 0 no-repeat; }
.pause_button { background: url("../images/spirites.jpg") 0 -42px no-repeat; }

#footer{
	padding-top:10px;
	text-align:right;
}
#footer a{
	color:#B72E26;
	text-decoration:none;
	font-size:11px;
}
#footer a:hover{
	text-decoration:underline;
	
}