/*---------------------------------------------------
CSS copyright The Sublette County Joint Tourism Promotion Board, 2006 - www.VisitPinedale.org
CSS Design by Acroterra Corp. - www.acroterra.com
---------------------------------------------------*/

body {
	text-align: center;
	background: #424F45 url(interface_content/site_bckgrnd.jpg) fixed;
	margin: 0px 0px 15px;
	padding: 0px;
}
#titlebar {
	background: url(interface/titlebar.gif) no-repeat left top;
	height: 113px;
	width: 779px;
	margin: 0px auto;
	padding: 0px;
}
/*----------------------------------------------------------
>> Utility Links
----------------------------------------------------------*/
#utilitylinks {
	font: 11px "Courier New", Courier, monospace;
	color: #000000;
	height: 30px;
	width: 779px;
}
#utilitylinks ul{
	text-align: center;
	list-style: none;
	float: right;
	margin: 9px 25px 0px 0px;
	padding: 0px;
}
#utilitylinks li {
	float: left;
	margin: 0px 4px 0px 0px;
	padding: 0px;
}
#utilitylinks ul li a {
	display: block;
	height: 20px;
	width: 57px;
	color: #FFFFFF;
	text-decoration: none;
	background: url(menu/utility_button.gif) no-repeat left top;
}
#utilitylinks ul li a span {
	padding: 3px 0px 0px;
	display: block;
}
#utilitylinks ul li a:hover {
	color: #333333;
	text-decoration: underline;
	background: url(menu/utility_button.gif) no-repeat left -20px;
}


/*----------------------------------------------------------
>> Page Flash
----------------------------------------------------------*/
#main-highlight {
	margin: 0px auto;
	height: 130px;
	width: 779px;
	background: #87949E url(interface/wrap_bckgrnd.gif) repeat-y left top;
	text-align: center;
}
#main-highlight img {
	margin: 0px;
	padding: 10px 0px 0px;
}

#no-highlight {
	margin: 0px auto;
	height: 10px;
	width: 779px;
	background: #87949E url(interface/wrap_bckgrnd.gif) repeat-y left top;
	text-align: center;
}

/*----------------------------------------------------------
>> Content Area
----------------------------------------------------------*/
#bodywrap {
	margin: 0px auto;
	width: 779px;
	background: #FFFFFF url(interface_content/content_bckgrnd.gif) repeat-y left top;
	padding: 0px;
}
#content {
	float: left;
	width: 779px;
	text-align: left;
}
#pagehighlight {
	background: #E0D3B3 url(interface_content/content_top.gif) no-repeat left top;
	height: 83px;
	width: 779px;
}
#pagehighlight #left {
	float: left;
	width: 430px;
	height: 83px;
}
#pagehighlight #left h2 {
	font: bold 15px Verdana, Arial, Helvetica, sans-serif;
	color: #554622;
	display: block;
	padding: 0px 5px 3px;
	margin: 10px 8px 5px 15px;
	border-bottom: 1px solid #CDB681;
}
#pagehighlight #right {
	float: right;
	height: 83px;
	width: 349px;
}
#pagehighlight #right a {
	font: 11px Geneva, Arial, Helvetica, sans-serif;
	color: #7D1E1C;
	text-decoration: underline;
	display: block;
	padding: 0px 0px 0px 8px;
	float: left;
	height: 15px;
	width: 155px;
	background: url(interface_content/index_linkarrow.gif) no-repeat left center;
	margin: 1px 0px 0px 6px;
}
#pagehighlight #right a:hover {
	text-decoration: none;
	background: url(interface_content/index_linkarrow.gif) no-repeat 3px center;
}

#pagehighlight #right h4 {
	color: #74674E;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	margin: 5px 10px 10px;
	padding: 0px;
	display: block;
}
#pagehighlight #left p {
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}
#pagehighlight #left a {
	color: #7D1E1C;
	text-decoration: underline;
}
#pagehighlight #left a:hover {
	text-decoration: none;
}

/*----------------------------------------------------------
>> Footer elements.
----------------------------------------------------------*/
#contentfooter {
	clear: both;
	width: 779px;
	background: url(interface/content_footer.gif) no-repeat left top;
	margin: 0px;
	padding: 0px;
	display: block;
	height: 12px;
}

/*----------------------------------------------------------
>> Large Horizontal Photo
----------------------------------------------------------*/
.photo-horizontal {
	color: #666;
	border: 1px solid #ddd;
	width: 690px;
	margin: 15px 40px;
}
.photo-horizontal img {
	margin: 5px 5px 0px;
	padding: 0px;
	border-bottom: 1px solid #FFFFFF;
	display: block;
}
.photo-horizontal-desc {
	color: #333333;
	padding: 3px 6px 6px;
	font: bold 10px/15px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	display: block;
	background: #ECE9D8;
	border-right: 5px solid #FFFFFF;
	border-bottom: 5px solid #FFFFFF;
	border-left: 5px solid #FFFFFF;
	border-top-style: none;
}
.photo-horizontal-desc em {
	color: #666;
	margin: 0px;
	font: italic normal 9px/12px Verdana, sans-serif;
	display: block;
	text-align: right;
	padding: 0px;
}
.photo-horizontal-desc em a {
	text-decoration: underline;
	color: #666;
	font: italic normal 9px/12px Verdana, sans-serif;
	border: none;
	padding: 0px;
	margin: 0px;
	display: inline;
}
.photo-horizontal-desc a {
	color: #7D1E1C;
	text-align: right;
	display: block;
	font-weight: normal;
	text-decoration: underline;
	border-top: 1px solid #CCC4AD;
	margin: 4px 0px 0px;
	padding: 3px 2px 5px 0px;
	border-bottom: 1px solid #CCC4AD;
}
.photo-horizontal-desc a:hover {
	text-decoration: none;
	font-weight: bold;
}
/*----------------------------------------------------------
>> Tables
----------------------------------------------------------*/
#content table.textdata {
	background: #F3F9F8;
	border: 3px solid #CBE1E4;
	width: 720px;
	margin: 15px auto 0px;
	clear: both;
}
#content table.textdata .rangetitletrails {
	background: #DCF6FF url(icons/trailhead.gif) no-repeat 640px center;
	font: 12px/17px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
#content .textdata .rangetitletrails span {
	padding: 10px;
	float: left;
}
#content .textdata .rangetitletrails h4 {
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #4F5B60;
}

#content table.textdata .rangetitlecamp {
	background: #DCF6FF url(icons/campground.gif) no-repeat 600px center;
	font: 12px/17px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
#content .textdata .rangetitlecamp span {
	padding: 10px;
	float: left;
}

#content .textdata .rangetitle h4 {
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #4F5B60;
}
#content table.textdata .rangetitle {
	background: #DCF6FF;
	font: 12px/17px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
#content .textdata .rangetitle span {
	padding: 10px;
	float: left;
}

#content .textdata .rangetitle h4 {
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #4F5B60;
}

#content table.textdata tr.columntitles {
	background: url(interface/table-column_background.gif) repeat-x left top;
	height: 42px;
}
#content .textdata .columntitles strong {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #233343;
	padding: 13px 0px 0px 00px;
	display: block;
	height: 29px;
	margin: 0px;
	text-align: center;
}

#content table.textdata td.leftcol {
	width: 200px;
	font: 12px Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
	display: block;
	margin: 0px;
	padding: 0px 0px 8px 10px;
}
#content table.textdata td.rightcol {
	border-left: 1px solid #CBE1E4;
}
#content table.textdata td.reservecol {
	border-left: 1px solid #CBE1E4;
	width: 150px;
}
#content .textdata td.reservecol p img {
	border-width: 0px;
	border-style: none;
	margin: 5px 20px;
}

#content .textdata td.reservecol p {
	margin: 5px 0px 0px;
	padding: 0px 5px;
	text-align: center;
	font: 12px Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
}

#content table.textdata tr.oddrow td.rightcol {
	background: url(interface/table_grey_border.gif) repeat-x left bottom;
	border-left: 1px solid #CBE1E4;
}
#content table.textdata tr.oddrow {
	background: #E5EEEF;
}
#content table.textdata td.leftcol h5 {
	background: url(interface/table_trailhead_title.gif) repeat-x left top;
	height: 39px;
	font: 13px Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	text-transform: uppercase;
	margin: 5px 0px 0px -10px;
}
#content .textdata tr.oddrow td.leftcol h5 {
	background: url(interface/table_trailhead_title_light.gif) repeat-x left top;
	height: 39px;
	font: 13px Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	text-transform: uppercase;
	margin: 5px 0px 0px -10px;
}
#content .textdata td.leftcol h5 span {
	padding: 10px 0px 0px;
	display: block;
	margin: 0px;
	text-align: center;
	font-weight: bold;
}
#content table.textdata td.leftcol strong {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	clear: both;
	margin: 5px 0px 5px -5px;
	padding: 0px;
	display: block;
}
#content .textdata td.leftcol ol {
	list-style: none;
	font: 12px/17px Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0px 0px 20px 15px;
	padding: 0px;
}
#content .textdata td.leftcol li {
	background: url(interface/bullet_bullet.gif) no-repeat left 5px;
	padding-left: 12px;
}
#content table.textdata a {
	color: #7D1E1C;
	text-decoration: underline;
}
#content table.textdata a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: #7D1E1C;
}
#content table.textdata div.description {
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	padding: 11px 8px 8px 25px;
	background: url(interface/table_light_arrow.gif) no-repeat left 5px;
}
#content table.textdata tr.oddrow div.description {
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	padding: 11px 8px 8px 25px;
	background: #E5EEEF url(interface/table_lighter_arrow.gif) no-repeat left 5px;
	border-width: 0px;
	border-style: none;
}
#content table.textdata div.description p {
	padding: 0px;
	margin: 0px 0px 8px;
}
#content table.textdata div.description img {
}

/*----------------------------------------------------------
>> Site Map
----------------------------------------------------------*/
#content .sitemap {
	float: left;
	width: 325px;
	margin-left: 20px;
}
#content .sitemap ul {
	margin: 2px 0px 4px 8px;
	padding: 0px;
	background: url(none);
}
#content .sitemap li {
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 0px 2px;
	background: url(none);
	font: 12px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
#content .sitemap ul li {
	list-style: circle;
}
#content .sitemap ul li ul li {
	list-style: square;
	margin: 0px 0px 0px 12px;
}
#content .sitemap ul li ul li ul li {
	list-style: disc;
	margin: 0px 0px 0px 12px;
}
#content .sitemap ul li ul li ul li ul li{
	list-style: circle;
	margin: 0px 0px 0px 12px;
}
#content form table {
	background-color: #EEE5D1;
	margin: 15px 0px 25px 25px;
	padding: 0px;
	width: 715px;
	border: 1px solid #9e947f;
}
#content #results {
	clear: both;
}



/*----------------------------------------------------------
>> Video Section
----------------------------------------------------------*/

#content .video {
	padding: 20px 0 20px 90px;
}