body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #FFFFFF;
	color: #000;
	margin: 10px auto 0 auto;
	text-align: center;
	}
	
	
#secondary_wrap {
	width: 900px;
	height: auto;
	margin: 0 auto 0px auto;
	background: #fff url(images/sidebar_bg.gif) top center repeat-y;
	text-align: left;
	border: 2px #ccc solid;
	}	
	

	
/* ----- General styles ----- */

h1 {
	font-size: 36px;
	color: #842724;
	margin: .5em 0
}
h2 {
	font-size: 14px;
	color: #842724;
	margin: 0;
	font-size-adjust: 22;
}
h3 {
	font-size: 20px;
	color: #CC9900;
	margin: 5px 0px 1px 0px;
}
h4 { font-size: 16px;color: #666666;margin: 5px 0px 1px 0px;}
h5 { font-size: 14px; color: #666666; margin: 5px 0px 1px 0px;  }
h6 { font-size: 23px; color: #FFFF00; }

.hidden { visibility: hidden;}

img{ border:none;  padding-left:15px; }


a { color: #2f3854; font-weight:normal;
	text-decoration : none; }
a:visited { font-weight:normal;
	text-decoration : none;}
a:hover {
	color: #990000;
	
	text-decoration:underline;
}
	
/* ----- STRUCTURE ----- */

#header {
	height: 430px;
	width: auto;
	margin: 0 auto;
	}	
	


div.slideshow img{
	padding-left:0px;
}
	

/* ----- HEADER GRAPHIC ----- */



/* 	I delted all the mainpic1  2 code that was here from 
	the original template. I wasn't even using it! \*/



/* specify new images for different pages
   Look for different ids on body tag */
   
#homepage #main_graphic h1{ background-image: url(images/mainpic.jpg); }
#utah #main_graphic h1{ background-image: url(images/mainpic.jpg); }

#main_graphic h1 span{ display: none; }
#main_graphic2 h1 span{ display: none; }


/* ----- END HEADER GRAPHIC ----- */


	
#location_bar2 {
	clear: both;
	width: auto;
	height: 30px;
	background-color: #A09479;
	}
	
#location_bar2 p {
	margin: 0px 0px 0px 147px;
	padding-top: 8px;
	color: #fff;
	font-size: 23px;
	}
	
#location_bar2 a {
	color: #fff;
	}	
	
#middlebox {
	clear: both;
	width: 900px;
	height: 80%;
	margin: 0 0;
	}
	
#maincontent {
	float: right;
	width: 687px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	color:#333;

	border-left: 1px #ccc solid;
	}
		
#left_column {
	float: left;
	width: 187px;
	height: auto;

	}	
	
#left_column p {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	margin-left: 10px;
	}
	
#overview {
	width: 187px;
	background-color: #D5AE5E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	}	

ul.overview {
padding: 10px 0 10px 0;
margin: 0 0 0 0;
}

ul.overview li {
list-style: none;
background: transparent url() 0 .25em no-repeat !important;
padding: 2px 10px 2px 10px;
}

ul.overview li a {
color: #fff;
text-decoration: none;
font-size:14px; font-family: "Arial Black"
}

ul.overview li a:hover {
color: #333 !important;
text-decoration:underline;
}


#tour_summary {
	width: 167px;
	padding: 10px 10px 20px 10px;
	background-color: #FAE9B4;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	color: #000;
	}
	
	
.left_highlight {
	width: 187px;
	display: block;
	padding: 0px 0px 0px 0px;
	background-color:  #D5AE5E;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#333;
	border-right: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	}
	
.profile	{padding:0 0 0 0; }


	
	
#slogan2 {
	clear: both;
	width: 900px;
	height: 30px;
	margin: 0 auto;
	background: #A09479 url(images/allrides.gif) top center no-repeat;
	}
	
#slogan {
	clear: both;
	width: 900px;
	height: 30px;
	margin: 0 auto;
	background: #813330 url(../../images/footer_slogan.gif) top center no-repeat;
	}	
	
#topspace {
	clear: both;
	width: 900px;
	height: 40px;
	
	background: url(images/toptitle.gif) top left no-repeat;
	margin: 0 auto;
	padding: 5px 0px 0px 0px;
	border: 0px #b33700 dashed;
	}
	
#footer {
	clear: both;
	width: auto;
	height: 40px;
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 5px 0px 10px 0px;
	border: 0px #b33700 dashed;
	font-size: 11px;
	text-align: center;
	
	}
	
.Redheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #842724;
	padding-right: 8px;
	text-indent: 8pt;

}
.titles {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #842724;
	font-size: 24px;
}
.highlightedtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CC6600;
}
