body {
	background-color: #FBFBF6;
	background-image: url(../images/mad_bkd.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	color: #31291C;
}

p {
	padding: 0;
	margin: 0;
	margin-bottom: 1em;
}

	
a:link {
	color: #91BC00;
	text-decoration: underline;
}

a:visited {
	color: #31291C;
	text-decoration: underline;
	}

#catchAll{
	width:756px;
	clear:both;
	}
	
#emptyHeader {
	height:165px;
}

#emptyRow {
	width: 80px;
	float:left;
	}

#container {
	float:right;
	width: 675px;
}

#header {
	height: 155px;
	}
	
.lightBrown {
	color:#908971;
	}
	
.green {color:#91BC00;}
	

/* =========================================
    Footer
   ========================================= */

#footer {
	clear:both;
	width:auto;
	}
	
#footer .padding {
	padding-left: 15px;
	padding-bottom: 15px;
	padding-right: 15px;
	}
	
#footer .picture {
	width:110px;
	float:left;
	}
	
#footer .content{
	float:right;
	width:645px;
	font-size:11px;
	}
	
.red{
	color:#DA2529;
	}
	
/* =========================================
    email list form
   ========================================= */
   
#subscribe {
   	position:absolute;
	top:15px;
	left:360px;
	width:410px;
	height:25px;
   }
   
#subscribe .join {
	float:left;
	}
	
#subscribe .field {
	float:right;
	}
   

/* =========================================
    Home
   ========================================= */
   
#pictures {
	width:220px;
	float:left;
	clear:both;
	}
	
#content {
	width:455px;
	float:right;
	}
	
#intro {
	width:235px;
	float:left;
	}
	
#waiverForm {
	background-color:#F7F7DC;
	width:220px;

	}
	
	#waiverForm .padding {
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

#aboutText {
	width:200px;
	}
	
	#aboutText .padding {
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 6px;
	}

#news {
	width:220px;
	float:right;
	background-color: #EBEECA;
	}
	
	#news .padding {
	padding-left: 15px;
	padding-bottom: 15px;
	padding-right: 15px;
}

.date {
	color:#908971;
	font-size: 11px;
	}
	
.newsHeadline {
	color:#91BC00;
	font-size: 14px;
	}
	
	
/* =========================================
    Info
   ========================================= */
   
#building {
	width:220px;
	float:left;
	clear:both;
	background-image:url(../images/info/mad_building.jpg);
	background-repeat:no-repeat;
	color:#DA2529;
	line-height: 15px;
	font-size: 14px;
	}
	
#building .padding {
	margin-top: 200px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom:15px;
	}
	
#content {
	width:455px;
	float:right;
	}
	
#col1 {
	width:235px;
	float:left;
	}
	
#col2 {
	width:220px;
	float:right;
	}
	
#infoBlock {
	background-color:#F7F7DC;
	width:220px;
	}
	
	#infoBlock .padding {
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

/* =========================================
    Gear
   ========================================= */
   
.storeShot {
	width:220px;
	float:left;
	clear:both;
	background-image:url(../images/gear/gearintro.jpg);
	background-repeat:no-repeat;
	color:#DA2529;
	line-height: 12px;
	font-size: 12px;
	}  
	
.storeShot .padding {
	margin-top: 240px;
	padding-left: 15px;
	padding-right: 25px;
	padding-bottom:45px;
	}
	
.storeShot .padding2 {
	padding-left: 15px;
	padding-right: 25px;
	padding-bottom:45px;
	}
	
.storefeature {
	position: relative;
	margin-left: 3em;
	width: 410px;
	float:right;
	}
	
.storefeature a {
	margin-right: 7px;
	text-decoration: none;
	}
	
.storefeature a.endRow {
	margin-right: 0;
		}
		
.storefeature a img {
	padding: 5px;
	border: none;
	}
   

/* =========================================
    Lessons
   ========================================= */
   
#highlight {
	width:220px;
	float:left;
	clear:both;
	background-image:url(../images/lessons/rider.jpg);
	background-repeat:no-repeat;
	color:#DA2529;
	line-height: 11px;
	font-size: 11px;
	}
	
#highlight .padding {
	margin-top: 240px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom:45px;
	}
	
#content {
	width:455px;
	float:right;
	}
	
#col1 {
	width:235px;
	float:left;
	}
	
#col2 {
	width:220px;
	float:right;
	}
	
#infoBlock {
	background-color:#F7F7DC;
	width:220px;
	}
	
	#infoBlock .padding {
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

/* =========================================
    Events
   ========================================= */ 
   
.event {
	/* padding-left: 15px;
	padding-bottom: 15px; */
}

.flyer {
	width:125px;
	float:left;
	}

.eventDescription {
	width:535px;
	line-height: 15px;
	padding:5px;
	float:right;
	}
	
.eventDate {
	font-size:15px;
	color:#DA2529;
	}
	
	
/* =========================================
    Media
   ========================================= */ 
   
.gallery {
	/* padding-left: 15px;
	padding-bottom: 15px; */
}
.galleryImageBorder {
	border: 2px solid #31291C;
	}

.galleryPhoto {
	margin: 5px;
	margin-bottom:0;
	}

.galleryLink, .galleryLink:visited { 
	color:#91BC00;
	font-size: 14px;
	}


.galleryDescription {
	width:238px;
	height:68px;
	margin: 5px;
	margin-top:0;
	line-height: 15px;
	}

#mediaRightCol {
	width: 320px;
	float: right;
	}

#mediaLeftCol {
	width: 320px;
	float: left;
	}
	
#galleryTitle {
	padding-top: 6px;
	padding-left: 11px;
	background-image:url(../images/media/header_blank.gif);
	background-repeat:no-repeat;
	width:675px;
	height:55px;
	color:#DA2529;
	font-size: 15px;
	/*font-weight:bold;*/
	}
	
/* =========================================
    Calendar
   ========================================= */ 
   
.fillerDate {
	padding-top:5px;
	padding-left:5px;
	color:#CCCCCC;
	font-size:11px;
	}
	
.calendarDate {
	background-color:#F7F7DC;
	padding-top:5px;
	padding-left:5px;
	color:#908971;
	font-weight:bold;
	font-size:11px;
	}
	
.daySpecifics {
	height:80px;
	padding-top:5px;
	padding-left:5px;
	color:#908971;
	font-weight:bold;
	font-size:11px;
}

.specialEvent {
	color:#DA2529;
	}
   	
	
/* =========================================
    Park
   ========================================= */ 
   
.feature {
	position: relative;
	margin-top: 1em;
	margin-left: 3em;
	width: 630px;
	}
	
.feature a {
	margin-right: 7px;
	text-decoration: none;
	}
	
.feature a.endRow {
		margin-right: 0;
		}
		
.feature a img {
	padding: 5px;
	border: none;
	}
	

  
/* =========================================
    Staff
   ========================================= */ 
   
   #largeStaff {
   width:630px;
   }
   
   #largeStaff .neal {
   width:305px;
   float:left;
   }
   
   #largeStaff .jeff {
   width:305px;
   float:right;
   }
   
   #largeStaff .padding {
	padding-left: 15px;
	padding-bottom: 15px;
	padding-right: 15px;
   }   
   
   #regularStaff {
	clear:both;
	background-color: #EBEECA;
	background-image: url(../images/staff/bkd_staff.gif);
	background-repeat: repeat-x;
	color: #DA2529;
   }
   
   
	#regularStaff .employee {
	padding: 2px;
	width:160px;
	background-color: #31291C;
	}

/* =========================================
    Team
   ========================================= */ 
   
#teamBox {
	background-color: #F7F7DC;
	background-image: url(../images/team/team_leftcolumn_bkd.gif);
    background-repeat: repeat-y;
   	float:right;
	width: 675px;
	}  

   #chooseMember {
	background-color: #31291C;
	width: 675px;
	color: #DA2529;
	font-weight: bold;
   }
   
#chooseMember a:link {
	color: #908971;
	} 
	
#chooseMember a:visited {
	color: #908971;
	text-decoration: line-through;
	} 
   
    #chooseMember .padding {
	padding-left: 12px;
	padding-bottom: 10px;
	padding-right: 10px;
   }   
   
   #memberHighlight {
   float: left;
   width: 265px;
   }
   
   #memberInfo {
   background-image: url(../images/team/team_rightcolumn_bkd.gif);
   background-repeat: no-repeat;
   float: right;
   width: 410px;
   height: 100%;
   }
   
   .memberQuestion {
	font-weight: bold;
	color: #DA2529;
   }
   
   #memberHighlight .memberFeature {
	position: relative;
	float: left;
	margin-top: 2em;
	width: 218px;
	}
	
   #memberHighlight .memberFeature a {
	text-decoration: none;
	}
	
   #memberHighlight .memberFeature a.endRow {
		margin-right: 0;
		}
		
   #memberHighlight .memberFeature a img {

	border: none;
	}
   

/* =========================================
    navigation
   ========================================= */
   
#switch {
	position:absolute;
	left:450px;
	top:110px;
	height:15px;
	}
	
   
ul#nav {
	position:absolute;
	top:1px;
	left:185px;
	width:152px;
	height:90px;
	list-style-type: none;

}	

ul#nav li {
	padding:0;
	margin:0;
	list-style-type:none;
	float:left;
	text-indent:-9999px;
}

ul#nav li a {
	border:0;
	text-decoration:none;
	display:block;
	background:transparent url(../images/nav2.gif) no-repeat;
}		

li#home a {
	width:57px;
	height:15px;
	 }
	 
li#park a {
	width:57px;
	height:15px;
	 }

li#info a {
	width:57px;
	height:15px;
	 }
	 
li#events a {
	width:57px;
	height:15px;
	 }	 

li#lessons a {
	width:57px;
	height:15px;
	 }
	 
li#calendar a {
	width:57px;
	height:15px;
	 }	 
	 

li#team a {
	width:57px;
	height:15px;
	 }
	 
li#staff a {
	width:57px;
	height:15px;
	 }

li#media a {
	width:57px;
	height:15px;
	 }
	 
li#gear a {
	width:57px;
	height:15px;
	 }	 

li#sponsors a {
	width:57px;
	height:15px;
	 }
	 
li#links a {
	width:57px;
	height:15px;
	 }	 
	 
li#home a:link, li#home a:visited {
background-position:0px 0px;
}
li#home a:hover, li#home a:focus {
background-position:0px -15px;
}	

li#park a:link, li#park a:visited {
background-position:-57px 0px;
}
li#park a:hover, li#park a:focus {
background-position:-57px -15px;
}	 

li#info a:link, li#info a:visited {
background-position:-114px 0px;
}
li#info a:hover, li#info a:focus {
background-position:-114px -15px;
}	 

li#events a:link, li#events a:visited {
background-position:-171px 0px;
}
li#events a:hover, li#events a:focus {
background-position:-171px -15px;
}

li#lessons a:link, li#lessons a:visited {
background-position:-228px 0px;
}
li#lessons a:hover, li#lessons a:focus {
background-position:-228px -15px;
}

li#calendar a:link, li#calendar a:visited {
background-position:-285px 0px;
}
li#calendar a:hover, li#calendar a:focus {
background-position:-285px -15px;
}

li#team a:link, li#team a:visited {
background-position:-342px 0px;
}
li#team a:hover, li#team a:focus {
background-position:-342px -15px;
}	

li#staff a:link, li#staff a:visited {
background-position:-399px 0px;
}
li#staff a:hover, li#staff a:focus {
background-position:-399px -15px;
}	 

li#media a:link, li#media a:visited {
background-position:-456px 0px;
}
li#media a:hover, li#media a:focus {
background-position:-456px -15px;
}	 

li#gear a:link, li#gear a:visited {
background-position:-513px 0px;
}
li#gear a:hover, li#gear a:focus {
background-position:-513px -15px;
}

li#sponsors a:link, li#sponsors a:visited {
background-position:-570px 0px;
}
li#sponsors a:hover, li#sponsors a:focus {
background-position:-570px -15px;
}

li#links a:link, li#links a:visited {
background-position:-627px 0px;
}
li#links a:hover, li#links a:focus {
background-position:-627px -15px;
}

/* =========================================
    Main navigation "active tabs"
   ========================================= */
body#home-page ul#nav li#home a {
	background-position:0px -15px;
	}
	
body#park-page ul#nav li#park a {
	background-position:-57px -15px;
	}

body#staff-page ul#nav li#staff a {
	background-position:-399px -15px;
	}
	
body#team-page ul#nav li#team a {
	background-position:-342px -15px;
	}
	
body#media-page ul#nav li#media a {
	background-position:-456px -15px;
	}
	
body#lessons-page ul#nav li#lessons a {
	background-position:-228px -15px;
	}
	
body#info-page ul#nav li#info a {
	background-position:-114px -15px;
	}
	
body#gear-page ul#nav li#gear a {
	background-position:-513px -15px;
	}
	
body#calendar-page ul#nav li#calendar a {
	background-position:-285px -15px;
	}
	
body#events-page ul#nav li#events a {
	background-position:-171px -15px;
	}
		
		
body#links-page ul#nav li#links a {
	background-position:-627px -15px;
	}
		
body#sponsors-page ul#nav li#sponsors a {
	background-position:-570px -15px;
	}
	
/* =========================================
    Light Box 
   ========================================= */
	
	#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) no-repeat left 15%; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	