/* CSS Document */

body { font-family:Arial, Helvetica, sans-serif; color:#000033; font-size:100%;  padding:0px; behavior:url(css/csshover.htc);  margin:0px; text-align:center; background-color:#E8E8E8; }
* {margin:0; padding:0;} 

#container{ position:relative; min-width:980px; max-width:1000px; margin-left:auto; margin-right:auto; text-align:left; background-color:#FFFFFF; margin-top:3%; }


div#banner{margin-top:0px;  padding-left:10px;  background-color:#7999A8; background-image:url(../images/logo.jpg); background-repeat:no-repeat;padding-bottom:0.8%; height:35px;}
	div#navbar { width:inherit; margin-left:auto; margin-right:inherit;
	border-top:1px solid #FFFFFF;	/* draws line on top edge of div */
	border-bottom:2px solid #FFFFFF;	 /* draws line on bottom edge of div */
	height:30px; background-color:#A4C2C2; margin-top:1px;}

div#imgbox{ float:right;  padding-top:2%; background-color:#A4C2C2; margin-left:0px; text-align:center; width:48%; }
/*code for recipe page*/
div#imgbox2{ float:left; width:50%; padding-top:7%; padding-bottom:7%; background-color:#A4C2C2; margin-left:0px; text-align:center;}
div#phototxt{ margin-right:auto; margin-left:auto;  margin-top:3%; margin-bottom:2%; width:50%; letter-spacing:0.1em;   font-size:0.8em; text-align:left;}
div#content{ float:left; width:50%; margin-left:0px; padding-right:2%;   }
div#menucontent{float:left; width:50%; margin-left:0px; text-align:center;}
div#wedcontent{float:left; width:50%; margin-left:0px;}
div#flashbox{ float:right; width:49%; padding-top:5%; padding-bottom:5%; background-color:#A4C2C2; text-align:center;}
div#flashbox2{ float:right; width:49%; padding-top:5%; padding-bottom:2%; background-color:#A4C2C2; text-align:center;}
div#head{ margin-top:2%; text-align:center; font-size:1.1em; font-weight:bold; letter-spacing:0.4em; color:#CC3300;}
div#head1{padding-top:10px; padding-left:20px; text-align:center; font-size:14px; font-weight:bold;  color:#CC3300;}
div#text{margin-top:4%; font-size:0.8em;  padding-left:3%; line-height:22px; text-align:justify;}
div#text:first-letter{ margin-left:inherit;font-size:400%; float:left; line-height:36px; font-family:"Century Schoolbook"}
div#recipe{ float:right;font-size:0.8em;margin-top:1%; padding-left:5%; line-height:22px; text-align:justify;}
div#footer{ clear:both; color:#FFFFFF; border-top:1px solid #FFFFFF;background-color:#7999A8; font-size:11px; font-weight:bold; text-align:center; letter-spacing:0.2em; padding-top:10px; padding-bottom:10px;}
div#footer a{color:#FFFFFF; text-decoration:none;}
/*code for rate page*/
div#text1{margin-top:1%; font-size:0.8em;  padding-left:3%; line-height:22px; text-align:justify;}
div#text1:first-letter{ margin-left:inherit;font-size:400%; float:left; line-height:36px; font-family:"Century Schoolbook"}
table#rates{font-size:0.9em; padding:5px;  }
.label{color:#FF0000;}
.price{text-align:center;}
/* code for reservation request form*/
div#table{ border:solid 2px #000000; padding:3px; background-color:#7999A8; font-size:11px;}
div#resblurb{text-align:center; color:#FFFFFF; font-style:italic; font-weight:bold; line-height:15px; padding-bottom:5px;}
label{font-size:11px; font-weight:bold;}
/*Positions labels in input div, to look like a table*/
label.left{float:left; width:100px;}
/*Creates space on input form between input lines*/
div.entry{margin-bottom:5px;}
/*Styles notes on input form*/
span.notes{font-size:12px; font-weight:bold; color:#FF0000; text-align:center;}
/*Positions submit button*/
div#submit{ text-align:center; margin:10px}
/*Styles navigation buttons*/
button{width:100px; margin-left:5px;}
/*Adds break lines to input form*/
div.line{border-bottom:solid 1px #666666; padding-bottom:5px; margin-bottom:5px;}
div#menu{margin-top:10%; padding:5px; margin-left:10%; width:80%; height:80%; line-height:22px; text-align:center; font-size:12px; border:solid 1px #7999A8; background-image:url(../images/texture.jpg);}
div#button{ text-align:center;}
div#button a{text-align:center; font-size:14px; color:#FF0000; text-decoration:none}
.ing{color:#FF0000; font-style:italic;}
.comment{color:#006633; font-style:italic}

div#weather{padding-top:5%; font-size:0.8em;  padding-left:7%; line-height:22px; text-align:justify;}

/*code for menu page*/
.frame{ margin-left:auto; margin-right:auto; padding-left:2%;  }

/* directions page*/
div#rand{text-align:center;margin-left:auto; margin-right:auto; margin-top:2% }
#direction{text-align:center;margin-left:auto; margin-right:auto; background-color:#CCCCCC;}
/*text for ski center*/
div#text2{margin-top:1%; font-size:0.8em;  padding-left:3%; line-height:22px; text-align:justify;}
div#text2:first-letter{ margin-left:inherit;font-size:400%; float:left; line-height:36px; font-family:"Century Schoolbook"}
div#date{text-align:center; margin-left:auto; margin-right:auto; width:50%; font-size:1.3em; margin-bottom:10%;}
/*newsletter*/
.box{text-align:center; width:50%; margin-left:auto; margin-right:auto; background-color:#999999; border:solid 1px black;}
/*skirates*/
#skirates{text-align:center; background-color:#CCCCCC;}
#closed{font-size:0.7em;}
.skirates2{text-align:center; background-color:#CCCCCC; font-size:0.8em;}
.skirates2 td{border-bottom:solid 2px #FFFFFF;}
.skirates2 th{border-bottom:solid 2px #FFFFFF;}
.space{border:none;}
#left{float:left;}
#right{float:right;}
.foot{ float:none; width:100%;}
/*click for larger image*/
#click{font-style:italic; font-size:0.7em; color:#000000;}
/*skinews*/
#skinews{font-size:0.7em; margin-top:5%; margin-left:auto; margin-right:auto; width:70%;}

/*skireport*/

#report table{ margin-top:4px; border:solid 1px black; width:90%; text-align:center; margin-left:auto; margin-right:auto; font-size:0.9em; }
#report table th{ padding-left:4px; padding-top:3px; text-align:left; border:solid 1px black; background-color:#99CCFF; vertical-align:top;}
#report table td{padding-left:4px; padding-top:3px; text-align:left;border:solid 1px black; }

/*links*/

#link a img{border:none;}

#poster{margin-left:auto; margin-right:auto; text-align:center; background-image: url(../images/crack.jpg); background-repeat:repeat;}
#poster img{border:solid 2px #666666;}

/*Specials rules*/
#rules{font-size:0.75em;}

/*Survey*/
.survey{font-size:1.2em; font-weight:bold; color:#990000;}
.table3{ border:solid 2px #000000; padding:3px; background-color:#CCCCCC; font-size:14px;}
#surtop{margin-top:20px; margin-bottom:20px; font-size:1.2em;}

/*reservation request banner*/
#ban{text-align:center; margin-left:auto; margin-right:auto; width:55%;}
#res{border:solid 1px #0066FF; background-color:#CCFFFF; font-size:0.8em;}

/*GG pictures page*/
div#button1{ text-align:center; background-color:#A4C2C2;}
div#button1 a{text-align:center; font-size:14px; color:#FF0000; text-decoration:none}
/*New front page*/

#slide{background-image:url(../images/innbg.jpg); background-repeat: no-repeat;height:608px;}
#containern{ position:relative; width:980px;  margin-left:auto; margin-right:auto; text-align:left; background-color:#FFFFFF;}
#blurb{
	position:absolute;
	margin-top:400px;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	left: 93px;
	top: 73px;
}
#quote{ padding-top:20px;font-style:italic; font-weight:bold; text-align:center; margin-left:auto; margin-right:auto; width:70%}
#bottom{padding-top:60px; width:100%; text-align:left;}
#bottom table{width:100%;}
/*code for trails page*/
div#textt{margin-top:4%; font-size:0.7em;  padding-left:3%; line-height:22px; text-align:justify;}
/*help trails banner*/
#help{width:57%; text-align:center; margin-left:auto; margin-right:auto; F; margin-top:8px;}
#help img{ border:none;}
/*specials table*/
.table4{ border:solid 1px #000000; padding:4px; background-color:#CCCCCC; font-size:0.8em;}
.table4 th{ border:solid 1px #000000; padding:4px;}
.table4 td{ border:solid 1px #000000; padding:4px;}
div#text3{margin-top:1%; font-size:0.8em;  padding-left:3%; line-height:19px; text-align:justify;}
.ul{text-decoration:underline; font-size:0.8em; font-weight:bold;}
/* specials imagebox*/
div#imgboxa{ float:right;  padding-top:12%; background-color:#A4C2C2; margin-left:0px; text-align:center; width:48%; margin-top:auto; margin-bottom:auto;}

/*B & B rate box*/
#bb{margin-top:2%; border:solid thin #999999; background-color:#CCCCCC; color:#FF0000; padding:2px;}

div#textrates{margin-top:4%; font-size:0.8em;  padding-left:3%; line-height:22px; text-align:justify;}
#textrates ul{margin-left:5%;}
#textrates table{width:80%; margin-left:auto; margin-right:auto; text-align:left;}
#rates th{text-align:left;}
#textrates a{text-decoration:none; color:#003399;}
#textrates a:hover{ color:#009966;}
#textrates a:active{color:#FF0000;}
#policy{font-size:0.8em;}
div#headrates{ margin-top:2%; text-align:center; font-size:1.1em; font-weight:bold;  color:#CC3300; letter-spacing:0.2em;}
/*wintrate*/

#wint{font-size:0.8em; text-align:left;}
#rates{font-size:0.8em;}
.rates{text-align:left; font-size:0.9em; padding-left:5%; line-height:140%; padding-top:1%;}
#bold{ font-weight:bold; text-decoration:underline;}
/* New nav bar */
.ddsmoothmenu{
font: bold 12px Verdana;
background-color:#A4C2C2; /*background of menu bar (default state)*/
width: 70%; margin-left:auto; margin-right:auto;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none; margin-left:auto; margin-right:auto;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background-color:#A4C2C2; /*background of menu items (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
font-weight:bold;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: black; 
color: white;
}

.ddsmoothmenu ul li a:hover{
background: black; /*background of menu items during onmouseover (hover state)*/
color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}