/* CSS Document */

/* level the playing field removes extra padding and margin on browsers */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding:0;
border: 0; }

h1 {line-height:normal; }


/* Items that make the main css work -- don't change any of these */

html,body{margin:0 auto;padding:0}
body{font: 12px arial,sans-serif; background:#ECE9D8; color: #663300;}
div#container {background:#ECE9D8;}
div#topnav {width:100%; background:#ECE9D8;color:#000; z-index:1000; padding:0; margin:0;}	
/* -------------------- for new vacationplanner box font size and weight */
div#navcontainer {width:100%;  background:#ece9d8 ; color:#006600; text-align:left; font-size:12px; padding:0; margin:0; font-weight:bold;}
/*--------------------- ends new vacationplanner box font stuff */

div#submenu {background:#ECE9D8; width:95%;  z-index:2; z-index:5; color:#990000;}
div#catnav {
	width:560px; 
	z-index:3;
	color:#993300;
	font-size:10px;
	position:absolute;
	left:189px;
}

div#catnav a:link, div#catnav a:visited {color:#993300; }
div#catnav a:hover, div#catnav a:active {color:#003366; text-decoration:underline;}
.floatpic2 a:link, .floatpic2 a:visited {color:#993300; text-decoration:none;}
.floatpic2 a:hover, .floatpic2 a:active {color:#003366; text-decoration:underline;}
div#navigation{background:#fff; padding-right:2px; margin-right:8px; height:250px;}

/* ------------- div tag for searchbox positioned on left side of page */
.search_padding {
	padding: 3px 0 0 7px;
	}
/* ------------- container box for the inntopia widget */
#inntopia_box {
	background:#993300;
	border:2px solid #625a2f;
	padding:5px;
	float:right;
	margin:5px;
	color:#FFFFFF;
	font-size:9px;
	}
/* ------------- container box for the inntopia widget on the vacation planner page */
.inntopia_eg {
	background:#993300;
	border:2px solid #625a2f;
	padding:5px;

	margin:5px;

	color:#FFFFFF;
	font-size:9px;
	}

div#navigation a:link, div#navigation a:visited {color:#993300; font-size:10px; }
div#navigation a:hover, div#navigation a:active {color:#003366;text-decoration:underline;}
div#extra{background:#E3E5DA}
div#footer{background:#DADAB6;color:#024F3F}
div#footer p{margin-left:3px;padding:5px 5px}
div#container {text-align:left;}
div#wrapper{background:#ECE9D8; display:inline-block;}
#wrapper #navigation{ 
			float:left;
		width:161px;
		background:#ECE9D8;
		z-index:99;
		color:#663333;
		
				}

div#footer{clear:both;width:100%; color:#663333; font-size:10px; color:#000;}
div#footer a:link, a:visited {color:#993300; text-decoration:underline;}
div#footer a:hover, a:active {color:#006699;}
.footertag {font-size:10px; color:#000;}

/* Headers:  Each region, category, and city have their own as defined below */
div#header {color: #e9ece0;
	background: transparent url(images/14erlogo2006.jpg) no-repeat center;
	width:100%; height:130px;}
	div#edwards {color: #e9ece0;
	background: transparent url(../images/edwardsheader.jpg) no-repeat left;
	width:100%; height:130px;}
	div#golden {color: #e9ece0;
	background: transparent url(../images/goldenheader.jpg) no-repeat left;
	width:100%; height:130px;}
	div#avon {color: #e9ece0;
	background: transparent url(../images/avonheader.jpg) no-repeat left;
	width:100%; height:130px;}
	div#eagle {color: #e9ece0;
	background: transparent url(../images/eagleheader.jpg) no-repeat left;
	width:100%; height:130px;}
	div#boulder {color: #e9ece0;
	background: transparent url(../images/boulderheader.jpg) no-repeat left;
	width:100%; height:130px;}
	div#denvermetroarea {color: #e9ece0;
	background: transparent url(../images/denver-metro-header.jpg) no-repeat left;
	width:100%; height:130px;}
	div#denverarea {color: #e9ece0;
	background: transparent url(../images/denver-header.jpg) no-repeat left;
	width:100%; height:130px;}
	div#resortarea {color: #e9ece0;
	background: transparent url(../images/aspensnowmassheader.jpg) no-repeat left;
	width:100%; height:130px;}
	div#centralco {color: #e9ece0;
	background: transparent url(../images/centralcoloradoheader.jpg) no-repeat left;
	width:100%; height:130px;}
	div#southwest {color: #e9ece0;
	background: transparent url(../images/southwestheader.jpg) no-repeat left;
	width:100%; height:130px;}
	div#winterheader{color: #e9ece0;
	background: transparent url(../images/14ernetwinter.jpg) no-repeat left;
	width:100%; height:130px;}
	div#lodgeheader {color: #e9ece0;
	background: transparent url(../images/lodging.jpg) no-repeat left;
	width:100%; height:130px;}
	div#contractors {color: #e9ece0;
	background: transparent url(../images/contractor.jpg) no-repeat left;
	width:100%; height:130px;}	
	div#cabinsheader {color: #e9ece0;
	background: transparent url(../images/cabins_vacrentals.jpg) no-repeat left;
	width:100%; height:130px; }	
	div#condosheader {color: #e9ece0;
	background: transparent url(../images/condos.jpg) no-repeat left;
	width:100%; height:130px;}	
	div#campheader {color: #e9ece0;
	background: transparent url(../images/condos.jpg) no-repeat left;
	width:100%; height:130px;}
	div#golf{color: #e9ece0;
	background: transparent url(../images/golf.jpg) no-repeat left;
	width:100%; height:130px;}			
	div#raft{color: #e9ece0;
	background: transparent url(../images/raft.jpg) no-repeat left;
	width:100%; height:130px;}
	div#horses{color: #e9ece0;
	background: transparent url(../images/horses.jpg) no-repeat left;
	width:100%; height:130px;}	
	div#summer2{color: #e9ece0;
	background: transparent url(../images/summer2.jpg) no-repeat left;
	width:100%; height:130px;}	
	div#summerheader{color: #e9ece0;
	background: transparent url(../images/summerrecreationheader.jpg) no-repeat left;
	width:100%; height:130px;}			
	div#biking{color: #e9ece0;
	background: transparent url(../images/biking.jpg) no-repeat left; width:100%; height:130px;}		
	div#ranchheader {color: #e9ece0;
	background: transparent url(../images/duderanches.jpg) no-repeat left;
	width:100%; height:130px;}			
	div#plannerheader {color: #e9ece0;
	background: transparent url(../images/vacplanner.jpg) no-repeat left;
	width:100%; height:130px;}
	div#realestate {color: #e9ece0;
	background: transparent url(../images/realestateheader.jpg) no-repeat left;
	width:100%; height:130px;}
	div#albumheader {color: #e9ece0;
	background: transparent url(../images/albumheader.jpg) no-repeat left;
	width:100%; height:130px;}	
	div#taylorpark {color: #e9ece0;
	background: transparent url(../images/taylorparkheader.jpg) no-repeat left;
	width:100%; height:130px;}	
		div#estespark {color: #e9ece0;
	background: transparent url(../images/estespark.jpg) no-repeat left;
	width:100%; height:130px;}	
		div#stelmo {color: #e9ece0;
	background: transparent url(../images/stelmos.jpg) no-repeat left;
	width:100%; height:130px;}	
		div#royalgorge {color: #e9ece0;
	background: transparent url(../images/royalgorge.jpg) no-repeat left;
	width:100%; height:130px;}			
		
	div#cripplecreek {color: #e9ece0;
	background: transparent url(../images/cripplecreekheader.jpg) no-repeat left;
	width:100%; height:130px;}		
	div#shopheader {color: #e9ece0;
	background: transparent url(../images/shoppingheader.jpg) no-repeat left;
	width:100%; height:130px;}
	div#artheader {color: #e9ece0;
	background: transparent url(../images/artheader.jpg) no-repeat left;
	width:100%; height:130px;}
	div#diningheader {color: #e9ece0;
	background: transparent url(../images/diningheader.jpg) no-repeat left;
	width:100%; height:130px;}
	div#businessheader {color: #e9ece0;
	background: transparent url(../images/businessheader.jpg) no-repeat left;
	width:100%; height:130px;}
	div#winterrecheader {color: #e9ece0;
	background: transparent url(../images/winterrecreationheader.jpg) no-repeat left;
	width:100%; height:130px;}
	div#alamosaheader {color: #e9ece0;
	background: transparent url(../images/alamosaheader.jpg) no-repeat left;
	width:100%; height:130px;}
	div#cotopaxi {color: #e9ece0;
	background: transparent url(../images/cotopaxi.jpg) no-repeat left;
	width:100%; height:130px;}
	div#crestone {color: #e9ece0;
	background: transparent url(../images/crestone.jpg) no-repeat left;
	width:100%; height:130px;}	
	div#delnorte {color: #e9ece0;
	background: transparent url(../images/delnorte.jpg) no-repeat left;
	width:100%; height:130px;}
	div#granite {color: #e9ece0;
	background: transparent url(../images/granite.jpg) no-repeat left;
	width:100%; height:130px;}	
	
	div#hartsel {color: #e9ece0;
	background: transparent url(../images/hartsel.jpg) no-repeat left;
	width:100%; height:130px;}
	div#idahosprings {color: #e9ece0;
	background: transparent url(../images/idahosprings.jpg) no-repeat left;
	width:100%; height:130px;}	
	div#snowmass {color: #e9ece0;
	background: transparent url(../images/snowmass.jpg) no-repeat left;
	width:100%; height:130px;}	
	div#steamboat {color: #e9ece0;
	background: transparent url(../images/steamboat.jpg) no-repeat left;
	width:100%; height:130px;}		
	div#recreationheader {color: #e9ece0;
	background: transparent url(../images/generalrecheader.jpg) no-repeat left;
	width:100%; height:130px;}
	div#entertainmentheader {color: #e9ece0;
	background: transparent url(../images/entertainmentheader.jpg) no-repeat left;
	width:100%; height:130px;}
	div#historyheader {color: #e9ece0;
	background: transparent url(../images/historyheader.jpg) no-repeat left;
	width:100%; height:130px;}
	div#alpine {color: #e9ece0;
	background: transparent url(../images/alpine.gif) no-repeat left;
	width:100%; height:130px;}	
	div#calheader {color: #e9ece0;
	background: transparent url(../images/calendar.jpg) no-repeat left;
	width:100%; height:130px;}
	div#leadville {color: #e9ece0;
	background: transparent url(../images/leadville.jpg) no-repeat left;
	width:100%; height:130px;}
	div#salida {color: #e9ece0;
	background: transparent url(../images/salida.jpg) no-repeat left;
	width:100%; height:130px;}	
	div#friscoheader {color: #e9ece0;
	background: transparent url(../images/frisco2.jpg) no-repeat left;
	width:100%; height:130px;}		
	div#panchasprings {color: #e9ece0;
	background: transparent url(../images/panchasprings.jpg) no-repeat left;
	width:100%; height:130px;}
	div#fairplay {color: #e9ece0;
	background: transparent url(../images/fairplay.gif) no-repeat left;
	width:100%; height:130px;}
	div#southpark {color: #e9ece0;
	background: transparent url(../images/southpark.jpg) no-repeat left;
	width:100%; height:130px;}	
	div#gunnison {color: #e9ece0;
	background: transparent url(../images/gunnison.jpg) no-repeat left;
	width:100%; height:130px;}	
	div#crestedbutte {color: #e9ece0;
	background: transparent url(../images/crestedbutte.jpg) no-repeat left;
	width:100%; height:130px;}	
	div#creede {color: #e9ece0;
	background: transparent url(../images/creede.jpg) no-repeat left;
	width:100%; height:130px;}		
	div#canoncity {color: #e9ece0;
	background: transparent url(../images/canoncity.jpg) no-repeat left;
	width:100%; height:130px;}	
	div#manitousprings {color: #e9ece0;
	background: transparent url(../images/manitouspringsheader.jpg) no-repeat left;
	width:100%; height:130px;}	
	div#woodlandpark {color: #e9ece0;
	background: transparent url(../images/woodlandpark.jpg) no-repeat left;
	width:100%; height:130px;}	
	div#lakegeorge {color: #e9ece0;
	background: transparent url(../images/lakegeorgeheader.jpg) no-repeat left;
	width:100%; height:130px;}	
	div#florrisant {color: #e9ece0;
	background: transparent url(../images/florissantheader.jpg) no-repeat left;
	width:100%; height:130px;}	
	div#twinlakes {color:#e9ece0; background: transparent url(../images/twinlakesheader.jpg) no-repeat left; width:100%; height:130px;}
	div#nathrop {color: #e9ece0;
	background: transparent url(../images/nathrop.jpg) no-repeat left;
	width:100%; height:130px;}
	div#southfork {color: #e9ece0;
	background: transparent url(../images/southfork.jpg) no-repeat left;
	width:100%; height:130px;}	
	div#coppermtn {color: #e9ece0;
	background: transparent url(../images/coppermtn.jpg) no-repeat left;
	width:100%; height:130px;}	
	div#keystone {color: #e9ece0;
	background: transparent url(../images/keystone.jpg) no-repeat left;
	width:100%; height:130px;}
	div#frisco {color: #e9ece0;
	background: transparent url(../images/frisco.jpg) no-repeat left;
	width:100%; height:130px;}				
	div#breck {color: #e9ece0;
	background: transparent url(../images/breckenridge.jpg) no-repeat left;
	width:100%; height:130px;}	
	
	div#ridgway {color: #e9ece0;
	background: transparent url(../images/ridgway.jpg) no-repeat left;
	width:100%; height:130px;}	
	div#ouray {color: #e9ece0;
	background: transparent url(../images/OURAY.jpg) no-repeat left;
	width:100%; height:130px;}	
	div#telluride {color: #e9ece0;
	background: transparent url(../images/telluride.jpg) no-repeat left;
	width:100%; height:130px;}	
	div#cortez {color: #e9ece0;
	background: transparent url(../images/cortez.jpg) no-repeat left;
	width:100%; height:130px;}	
	div#silverton {color: #e9ece0;
	background: transparent url(../images/silverton.jpg) no-repeat left;
	width:100%; height:130px;}	
	div#durango {color: #e9ece0;
	background: transparent url(../images/durango.jpg) no-repeat left;
	width:100%; height:130px;}	
	div#pagosasprings {color: #e9ece0;
	background: transparent url(../images/pagosasprings.jpg) no-repeat left;
	width:100%; height:130px;}	

	div#aspensnowmass {color: #e9ece0;
	background: transparent url(../images/aspensnowmassheader.jpg) no-repeat left;
	width:100%; height:130px;}
	div#beavercreekheader {color: #e9ece0;
	background: transparent url(../images/beavercreekheader.jpg) no-repeat left;
	width:100%; height:130px;}	
	div#vailheader {color: #e9ece0;
	background: transparent url(../images/vailheader.jpg) no-repeat left;
	width:100%; height:130px;}	
	div#glenwoodsringsheader {color: #e9ece0;
	background: transparent url(../images/glenwoodspringsheader.jpg) no-repeat left;
	width:100%; height:130px;}
	div#summitcountyheader {color: #e9ece0;
	background: transparent url(../images/summitcountyheader.jpg) no-repeat left;
	width:100%; height:130px;}
	div#coloradosprings {color: #e9ece0;
	background: transparent url(../images/coloradosprings.jpg) no-repeat left;
	width:100%; height:130px;}
	div#blackhawkheader {color: #e9ece0;
	background: transparent url(../images/blackhawkheader.jpg) no-repeat left;
	width:100%; height:130px;}
	div#centralcityheader {color: #e9ece0;
	background: transparent url(../images/centralcityheader.jpg) no-repeat left;
	width:100%; height:130px;}	
		div#lakecity {color: #e9ece0;
	background: transparent url(../images/lakecity.jpg) no-repeat left;
	width:100%; height:130px;}						
div#bnbheader {color:#000; background:#c2cd95 url(../images/lgbar.jpg) repeat-y; 
width:100%; height:130px; border-bottom:1px solid #444;}	
div#bvheader {color:#000;  width:100%; height:130px; padding:0; margin:0; 
	background: transparent url(../buenavista/images/buenavistaheader.jpg) no-repeat;
	width:100%; height:130px;}
	
/* details... */	
	.fineprint {font-size:10px;}
	.standout1 {color:#003366; font-weight:bold;}
	.headertag  {color:#003366; font-size:20px; font-weight:bold;}
	.headertag {text-align:left;}
	.headersubtag {color:#003366; font-size:14px; font-weight:bold;}
	.standout {color:#993300;}
	.categoryparagraph {color:#663333; font-size:14px; padding:10px; margin:10px;}
	.breadcrumbs {color:#993300; font-size:10px;}
	.breadcrumbssub {color:#993300; font-size:12px;}
	.breadcrumbs3 {color:#993300; font-size:12px; border:1px dashed #003366; padding:3px; background:#E4E4CB}
	.breadcrumbscity {color:#993300; font-size:12px; border:1px solid #56562C; padding:3px; background:#cccc99}
	.breadcrumbscity a:link, .breadcrumbscity a:visited {color:#993300;}
	.breadcrumbscity a:hover, .breadcrumbscity a:active {color:#0066699;}
	.city {color:#003366; font-size:12px;}
	.city a:link, .city a:visited {color:#006699}
	.city a:hover, .city a:active {color:#993300}

.featurebox {color:#663333; padding-top:8px; margin-top:8px;}
	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;color:#c00}
	.featurebox p {border:none;  margin-bottom:2px; padding-bottom:2px; color:#663300; padding-top:5px; }
	.featurebox a:link, .featurebox a:visited {
 color:#CC6600; text-decoration:underline; 
}
.featurebox a:hover, .featurebox a:active {
 color:#003366; }
 
.floatpic {float:left; padding:2px; margin:5px;}
.floathead {float:left;}
.floatsubhead {float:left; padding:3px;}
.floatpic2 {float:right; display:inline;}
.floatmap {float:right; padding:10px;}
.floatplanner {float:right; display:inline; }
.planner a:link, .planner a:visited {color:#993300; }
.planner a:hover, .planner a:active {color:#003366; text-decoration:underline;}
.planner {background:#ebe7cf url(../images/08-vac-planner.jpg) no-repeat; width:160px; height:50px;  float:right;text-align:center; top:0; padding-top:6px;}	
.floatheadimage {
float:right; 
border-top:1px solid #666;
border-left:1px solid #666; 
border-bottom:1px solid #444;
border-right:1px solid #444;
}

/* this is the very top left menu */	
#navlist ul
{
margin-left: 0;
padding-left: 0;

}

#navlist li
{
display: inline;
list-style-type: none;
}
#navlist a:link, #navlist a:visited {
 color:#CC6600; text-decoration:underline;
}
#navlist a:hover, #navlist a:active {
 color:#003366;
}

/* city (bv ) special code */
 .schools {
	width: 80%;
	padding:10px;
	background-color:#cfd6aa;
	text-align: left;
	border: 1px solid #777;
	float: left;
	margin: 0 0 10px 0;
  } 

 .school-in{ 
	width: 200px;
	padding:10px;
	text-align: left;
	border: 1px solid #B17730;
	float: right;
	}

	#flashcontent {
	color:#663333; border:1px solid #000; width:162px; text-align:center;
	}
		#flashcontentmap {
	color:#663333;
	}
	
	.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 340px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

#Talledega {display: none;}

.indent {
	margin-left:200px;
	list-style-type:disc;
	}