@charset "UTF-8";
/*---------------------------------------------------
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: #333333 url(interface/black_interface/site_background.gif) fixed;
	margin: 0px 0px 15px;
	padding: 0px;
}
#titlebar {
	background: url(interface/black_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: #000000;
	text-decoration: none;
	background: url(interface/black_interface/tabs.gif) no-repeat left top;
}
#utilitylinks ul li a span {
	padding: 3px 0px 0px;
	display: block;
}
#utilitylinks ul li a:hover {
	color: #000000;
	text-decoration: underline;
	background: url(interface/black_interface/tabs.gif) no-repeat left -20px;
}
/*----------------------------------------------------------
>> Lodges List CSS
----------------------------------------------------------*/
#content .lodge {
	background: #DFF0FF;
	border-top: 1px solid #C5D3E1;
	display: block;
	clear: both;
	height: 103px;
	margin: 15px 10px 0px;
	padding: 0px;
}
#content .lodge .desc {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 75px;
	width: 490px;
	overflow: hidden;
}
#content .lodge .lodgethumb {
	float: left;
	margin: 0px 8px 3px 3px;
	padding: 0px;
	border: none;
}
#content .lodge .lodgethumb img{
    border: none;
}
#content .lodge .moreinfo {
	float: right;
	margin: 20px 8px 3px 13px;
	padding: 0px;
	border-style: none;
}
#content .lodge .moreinfo a {
	background: url(admin_images/interface/more_info.png) no-repeat left top;
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 127px;
}
#content .lodge .moreinfo a:hover {
	background: url(admin_images/interface/more_info.png) no-repeat left -30px;
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 127px;
}
#content .lodge .title {
	display: block;
	border-bottom: 1px solid #B9C6D3;
	margin: 0px 0px 3px;
	padding: 0px;
	clear: both;
	width: 100%;
	float: left;
}
#content .lodge .title h2 {
	float: left;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 1px 3px 0px 5px;
	height: 20px;
	display: block;
}
#content .lodge .title span {
	float: right;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	display: block;
        color: #333333;
        line-height: 20px;
}
#content .lodge p {
	padding: 0px 0px 3px;
	margin: 0px;
	color: #333333;
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
}
/*----------------------------------------------------------
>> Show Lodge
----------------------------------------------------------*/
#content #lodgedetails {
	margin: 10px;
}
#content #lodgedetails h2 {
	margin: 0px 10px;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	border-bottom: 1px solid #A4BFCB;
	border-top: 1px solid #A4BFCB;
	background: #CEF0FF;
	padding: 3px 3px 3px 8px;
}
#content #lodgedetails blockquote {
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    border: none;
}
#content #lodgedetails blockquote a {
    color: #7D1E1C;
}
/* Lodge Description Column
===========================*/
#content #lodgedetails #lodgedesc {
	float: left;
	width: 485px;
	border-right: 1px solid #CCCCCC;
}
#content #lodgedetails #lodgedesc strong {
	display: block;
	margin: 0px;
	padding: 10px 0px 0px;
}
/* Lodge Images Column
===========================*/
#content #lodgedetails #lodgeimgs {
	float: right;
	width: 271px;
}
#content #lodgedetails #lodgeimgs .imgobj {
	margin: 10px 0px 0px 12px;
	padding: 0px;
	float: left;
	text-align: center;
}
#content #lodgedetails #lodgeimgs p {
	margin: 10px;
	padding-top: 10px;
	display: block;
	clear: both;
}
#content #lodgedetails #lodgeimgs img {
	border-style: none;
}

/*----------------------------------------------------------
>> 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/black_interface/contentBackground.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/black_interface/content_bottom.gif) no-repeat left top;
	margin: 0px;
	padding: 0px;
	display: block;
	height: 14px;
}

/*----------------------------------------------------------
>> 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;
}
#pageTitle {
	background: #545454 url(interface/black_interface/subTitleBackground.gif) no-repeat left top;
	width: 779px;
	height: 32px;
}
#pageTitle h1 {
	padding: 8px 8px 0px 15px;
	margin: 0px;
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#content #flashGallery {
	margin: 0px;
	padding: 0px;
	height: 475px;
	width: 779px;
}

/*----------------------------------------------------------
>> 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 #results {
	clear: both;
}

/*----------------------------------------------------------
>> Gallery CSS
----------------------------------------------------------*/
#content #gallery {
	display: block;
	margin: 10px 4px 15px;
	padding: 0px;
	background: #EEEEEE;
}
#content #gallery .awrapper {
	margin: 0px;
	float: left;
	padding: 20px 0px 0px 20px;
	font: 12px Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
}
#content #gallery .album {
	background: url(interface/gallery/album_bubble.gif) no-repeat left top;
	margin: 0px;
	padding: 0px;
	height: 205px;
	width: 230px;
	overflow: hidden;
}
#content #gallery .album a {
	color: #003366;
	text-decoration: underline;
}
#content #gallery .album a:hover {
	background: none;
	text-decoration: none;
}
#content #gallery .awrapper .album .desc {
	margin: 0px;
	padding: 0px 11px;
	display: block;
	height: 66px;
	overflow: hidden;
}
#content #gallery .awrapper .album img {
	margin: 11px 0px 6px 11px;
	padding: 0px;
	border-style: none;
}
#content #gallery .awrapper .album strong {
	display: block;
	margin: 0px;
	padding: 0px;
}
#content #gallery .awrapper .album em {
	display: block;
	text-align: right;
	padding: 0px 8px 0px 0px;
	color: #999999;
}
#content #gallery #pages {
	background: url(interface/gallery/footer_paginate.gif) no-repeat left bottom;
	display: block;
	margin: 0px;
	padding: 20px 10px 0px 0px;
	clear: both;
	height: 24px;
	text-align: right;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
}
#content #gallery .thumb {
	margin: 14px 0px 0px 14px;
	float: left;
	font: 12px Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
}
#content #gallery .thumb strong {
	display: block;
	width: 108px;
	padding: 2px;
	overflow: hidden;
	height: 35px;
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 12px;
}
#content #gallery .thumb img {
	display: block;
	border: 6px solid #999999;
}
#content #gallery .thumb img:hover {
	border: 6px solid #666666;
}

/*----------------------------------------------------------
>> Gallery Menu CSS
----------------------------------------------------------*/
#content #gallery #gmenu {
	font: bold 11px/1.5em Verdana;
	background: #FFFFFF url(interface/gallery/menu/bottom.gif) repeat-x left bottom;
	line-height: normal;
	height: 32px;
	margin: 0px;
	padding: 0px;
	color: #666666;
	text-transform: uppercase;
	text-decoration: none;
}
#content #gallery #gmenu ol {
	padding:0px;
	list-style:none;
	text-align: left;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#content #gallery #gmenu li {
	margin:0;
	padding:0;
	display: inline;
}
#content #gallery #gmenu a {
	float:left;
	background:url(interface/gallery/menu/button_left.gif) no-repeat left top;
	margin:0px 5px 0px 0px;
	padding:0px;
	text-decoration:none;
	height: 32px;
}
#content #gallery #gmenu a span {
	display:block;
	background:url(interface/gallery/menu/button_right.gif) no-repeat right top;
	color:#666666;
	margin: 0px;
	float: left;
	padding: 5px 15px 14px;
}
#content #gallery #gmenu a:hover span {
	color:#333333;
	text-decoration: underline;
}
#content #gallery #gmenu a:hover {
    background-position:0% -32px;
}
#content #gallery #gmenu a:hover span {
    background-position:100% -32px;
}
#content #gallery #gmenu #currenttab a {
	background: url(interface/gallery/menu/current_left.gif) no-repeat left top;
}
#content #gallery #gmenu #currenttab a span {
	color:#333;
	background: url(interface/gallery/menu/current_right.gif) no-repeat right top;
}