/* CSS Document */
/* Chestnut Mountain Resort */

@import url(navigation.css);
@import url(dropdown.css);




#container
{
	width: 966px;
	margin: 0px auto 0px auto;
	text-align: left;
}



/*************************************************************
THESE SEASONAL SYTLES ARE IN SEPARATE STYLESHEETS
************************************************************

body, #header, .widget

************************************************************/



#leftcol /*holds navigation and widgets*/
{
	width: 213px;
	float: left;
}

#midcol /* this holds the .midphoto and #content - the main right column */
{
	width: 753px;
	float: left;
}


#midcolsunset /* this holds the .midphoto and #content - the main right column */
{
	width: 753px;
	float: left;
	position:relative;
	border:0px solid #ff0000;
}


#contentsunset /* content below the big pic - holds the gray gradient background w/ scallops */
{
	width: 753px;
	float: left;
	margin:0px;
	padding-bottom: 20px;
	background: #ffffff url("../images/bg_sunset.jpg") repeat-x;
	position: relative;
	font-size: 12px;
	line-height: 18px;
	border:0px solid #ff0000;
}

#content /* content below the big pic - holds the gray gradient background w/ scallops */
{
	width: 753px;
	float: left;
	padding-bottom: 20px;
	background: #ffffff url("../images/back_content.jpg") no-repeat;
	position: relative;
	font-size: 12px;
	line-height: 18px;
}

#content p, td 
{
	font-size: 12px;
	line-height: 17px;
	
}

#content ul
{
	list-style-type: image;
	list-style: url(../images/bullet.gif);
	margin-left: 12px;
}


#bottom
{
	font-size:10px;
	color: #c8c0bb;
	width: 966px;
	text-align: right;
	float: left;
}

.printinfo {
	display:none;

}

#snowreportprint {display:none;}
#snowreportscreen {display:inline;}
.towsscreen {display:inline;}
.towsprint {display:none;}

/*************************************************************
UNIVERSAL STYLES - LINKS, UNORDERED LISTS
************************************************************/




a:link, a:active, a:visited  {color: #72462a; text-decoration:underline;font-weight:normal;}
a:hover {color: #341806; text-decoration:underline;}

a.light:link, a.light:active, a.light:visited  {color: #cfc8b3; text-decoration:none;font-weight:normal;}
a.light:hover {color: #fff; text-decoration:none;}

a.lightb:link, a.lightb:active, a.lightb:visited  {color: #f6e3aa; text-decoration:none;font-weight:normal;}
a.lightb:hover {color: #fff; text-decoration:none;}

a:focus { outline: none;}

INPUT, textarea, select, checkbox, option	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;  color: #333333; border:1px solid #aaa; background-color:#e7e5de; }
.submit {background-color:#6e892b; color: #dded94; font-weight:bold; text-transform:uppercase;border:0;}

ul /*cancels out auto margins browsers put in*/
{
	margin: 0px;
	padding: 0px;
}



a:link, a:active, a:visited  {color: #72462a; text-decoration:underline;font-weight:normal;}
a:hover {color: #341806; text-decoration:underline;}

/*************************************************************
MISC. CLASSES
************************************************************/


.logo {position:relative; top:15px; left:15px;}
.logohires {display:none;}

.midphoto {position:relative; z-index:200; cursor: crosshair;border:0px;} /* big photo */

/*.smaller {font-size: 11px; line-height:16px;}*/
.small {font-size:10px; line-height:14px;}

.btmborder td { border-bottom: 1px solid #ccc; }

table.btmborder3 { border-bottom: 1px solid #ccc; }

.btmborder2 { border-bottom: 1px solid #ccc; }/*for tables */

.tblhead {background: #DDDDDD;font-weight: bold;text-transform: uppercase; } /*for divs*/ 

.tbldark { background: #d1cec3; }

.margintwenty { margin-left: 20px; }

.specialnote {background: #e4e1d7; padding:7px 15px; border:1px solid #ccc;}
.special { font-size: 11px; line-height: 14px; color:#3d1a03;}

.uppercase {font: bold 10px/15px Arial, Helvetica, sans-serif;
		text-transform:uppercase;}
		
.tempurature {font-size:18px;font-weight:bold; color:#fff;}
.weathericon {margin:-5px 0 0 0}


.reporttable {line-height:7px; padding:0px; width:340px;}

.reservewidget  {padding: 0px; margin:-5px 0px 0px 0px;}
.reservewidget td {padding: 2px 0px 2px 0px; margin:0px 0px 0px 0px;}


a.menu:link, 
a.menu:active, 
a.menu:visited  
{
		text-decoration: none;
		color: /*#83a13c;*/#ffffff;
		font: bold 10px Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		padding:0px;
		margin:5px 0 7px 0;
}
		
a.menu:hover {color: /*#3e5701;*/#4a260e;}


#menu {float:left;position:relative;z-index:20;border:0px solid ##ff00ff;margin: 0 0px 0 -160px !important; margin: 0 0px 0 5px;width:130px;}


/*************************************************************
CONTENT COLUMNS
************************************************************/

#colfull /*used when no second column is needed in content area*/
{
	width: 660px;
	float:left;
	margin: 0 20px 10px 40px !important;
	margin: 0 20px 10px 20px;
	
}

#colone /*used in a two-column scenario - left column*/
{
	width: 430px !important;
	width: 430px; /*was 420px*/
	float:left;
	position:relative;
	display:inline;
	margin: 0 30px 10px 40px !important;
	margin: 0 20px 10px 20px;
}



#coltwo /*used in a two-column scenario - right column*/
{
	width: 203px !important; 
	width: 220px;
	float:left;
	position:relative;
	display:inline;
	margin: 20px 0 0 0px !important;
	margin: 30px 0 0 0px;
	padding: 0 0 0 17px; /*was 20px */
	border-left:2px dotted #dad9d4;
	line-height:15px;
	font-size: 11px;
}

#coltwo p
{
	font-size: 11px;
	line-height:15px;
}

#colone ul { margin-left:50px;}

#colone ul.norm { margin-left:0px; list-style-type: none;
	list-style: none;}


#colone ul a:link, 
#colone ul a:active, 
#colone ul a:visited,
#colfull ul a:link, 
#colfull ul a:active, 
#colfull ul a:visited,
a.videolink:link, 
a.videolink:active, 
a.videolink:visited 
{font-weight:bold; text-decoration:none;color: #719b0e;}

#colone ul a:hover,
#colfull ul a:hover,
a.videolink:hover

{font-weight:bold; text-decoration:none;color: #3e5701; text-align: left;}

.colthrees {width:210px; float:left; margin:0 10px 0 0;} /*for narrow columns floated next to each other within content*/



/*************************************************************
Float Clear Fix
************************************************************/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/****/
/*************************************************************
Float Clear Fix
************************************************************/

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/*************************************************************
HOT SPECIAL
************************************************************/


/*.hotspecial { 

		width:520px;
		height:15px;
		font:11px Arial, Helvetica, sans-serif;
		line-height:14px;
		position:relative; 
		top:-1px !important;
		top:-6px;
		left:280px; 
		padding: 0px 5px 2px 130px !important;
		padding: 0px 5px 2px 130px;
		overflow: hidden;
		float:left;
		}*/
		
.hotspecial3 { 

		width:340px;
		height:15px;
		font:11px Arial, Helvetica, sans-serif;
		line-height:14px;
		position:relative;
		top:-1px !important;
		top:-6px;
		left:280px; 
		padding: 0px 5px 2px 130px !important;
		padding: 0px 5px 2px 130px;
		overflow: hidden;
	
		}

 a.hotspecial2:link, a.hotspecial2:active, a.hotspecial2:visited  {color: #FFFFFF; text-decoration:none; font-weight:bold;}
 a.hotspecial2:hover {color: #ffcc00; text-decoration:none; font-weight:bold;}

/*************************************************************
HOME STYLES
************************************************************/

/*seasonal*/
	
/*************************************************************
BOOK A PACKAGE BTN
************************************************************/	

a.bookpkg:link, 
a.bookpkg:active, 
a.bookpkg:visited  
{
		text-decoration: none;
		color: /*#83a13c;*/#f69600;
		font: bold 10px Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		padding:6px;
		margin:5px 0 7px 0;
}
		
a.bookpkg:hover {color: /*#3e5701;*/#f86200}

		
		
a.bookpkghm:link, 
a.bookpkghm:active, 
a.bookpkghm:visited  
{
		text-decoration: none;
		color: #b8d1eb; 
		font: bold 10px Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		padding:0 6px;
		margin-bottom:7px;
}
		
a.bookpkghm:hover {color: #fff; }


	
/******** SEARCH ***********/
.search  { float:right; display:inline; margin:-8px 0 0px 0; padding-right:0px;  }
.search2  { position:absolute; top:50px; left:840px; border:0px solid #ff0000; width:92px; }
.box { font-size: 11px; width:65px; height: 17px; color: #333333; border:1px solid #666; background-color:#e7e5de; }
.submitsm { border:0;}
.submitsm2 { border:0; background-color:#301502;/*background-color:#0f1c22;*/padding-left:3px;}

/******** POP-UP CALENDAR ***********/ 

.calendar  th {background:#d1cec3; font-size: 11px; color: #341909;}
.calendar  td {background:#fff; border:1px solid #666; font-size: 11px; line-height:13px; padding:4px;}

/******** ROOM HOVERS ***********/ 
.thumbnail{ position: relative; z-index: 0; }

.thumbnail:hover{ background-color: transparent; z-index: 50; }

.thumbnail span
{
	/*CSS for enlarged image*/
	position: absolute;
	background-color: #dbd8ce;
	padding: 3px;
	margin: -140px 0 0 -300px;
	display: none;
}

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

.thumbnail:hover span
{
	/*CSS for enlarged image on hover*/
	display: block;
	top: 0;
	left: 60px;
	/*position where enlarged image should offset horizontally */
}


/*************************************************************
VIDEO SECTION
************************************************************/

.videos  {width: 428px; border-bottom:1px solid #dad9d4; }
.video {width: 200px;float:left; text-align:right; padding:4px; margin:0 12px 0 0;}
.videodesc {width: 180px; float:left; padding:4px; text-align:left;}


.empapp td {border-bottom:1px solid #ddd;}


#colone ul.links
{
	margin: 5px 0 8px 5px;
	padding: 0px 0 0 3px;
	list-style-type: none;
	display: block;	
}


#colone ul.links li/* basic lists in content area */
{ 
	background: none;
	padding-left: 3px;
	position:relative;
}



#colone ul.links a:link, 
#colone ul.links a:active, 
#colone ul.links a:visited

{font-weight:normal; text-decoration:underline; color: #72462a;}

#colone ul.links a:hover

{font-weight:normal; text-decoration:underline;color: #341806;}


/* THIS POSITIONS THE TRANSPARENT FLASH OBJECT ON THE SCREEN */

/*.flobj {
height: auto;
width: auto;
}

.flobjAD {
z-index: auto;
height: auto;
width: auto;
left: 100px;
top: 0px;
}*/


.flobjAD {
position: relative;
z-index: auto;
height: auto;
width: auto;
left: 80px;
top: 0px;
}