/*
Welcome to the !
Authored by the Tombras Group, www.tombras.com */

 /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 ERROR CHECKING
 This is to determine if deprecated elements are used.
 If so, they should be replaced:
 1a. <font> and
 1b. <font color="xxx"></font>: Shouldn't be used.
 CSS should dictate font attributes.
 2. <center>: Shouldn't be used. CSS should dictate
 horizontal alignment.
 3a. <div align="xxx"></div>
 3b. <p align="xxx"></p>
 3c. <table align="xxx"></table>: Shouldn't be used.
 CSS should dictate horizontal alignment.
 4. link checking
 5. image checking
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 

 font, center, div[align], p[align], table[align], font[color] {
   color : #cd0000;
   font-weight : bold;
   background : #eecc11 url(images/warning.gif) repeat 0 0;
   margin : 10px;
   padding : 10px;
   border : 2px dashed #cd0000;
   font-size : 2em;
}

a[href="#"] {background: lime;}
a[href=""] {background: fuchsia;}

img {outline: 5px solid red;}
img[alt][title] {outline-width: 0;}
img[alt] {outline-color: fuchsia;}
img[alt], img[title] {outline-style: double;}
img[alt=""][title], img[alt][title=""] {outline-width: 3px;}
img[alt=""][title=""] {outline-style: dotted;}
*/

/*
----------------------------------------------------------------------------- 
ESSENTIAL
-----------------------------------------------------------------------------*/

html { 
height: 100%; margin-bottom: 1px; 
	background: #FFF url(/_images/page-bg.jpg);
}
body {
	margin: 0;
	padding: 0 0 0 0;
	font: 12px/20px "Lucida Grande", Verdana, Arial, sans-serif;
	color: #000;
	background: transparent url(/_images/page-shadow.png) repeat-y center top;
	}

body * {margin: 0;padding: 0;}

p,h1,h2,h3,h4,h5,h6,li,td,dt,dd { font-size: 12px;  }
p,h1,h2,h3,h4,ul,ol,dl,blockquote,pre { margin-bottom: 15px; }

a {color: #b23a0a;text-decoration: none; font-weight: bold; border-bottom: 1px dotted;}
a:visited {color: #20348B;}
a:hover {color: #710101; border-bottom: 1px solid;}

a.external{
background: url(/_images/external.gif) no-repeat right center;
padding-right: 12px;
}

ul,ol,dl{list-style-type: none;}

img { border: none; }

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

a.print-me{
background: url(/_images/printer-icon.gif) no-repeat right center;
padding-right: 20px;
}

a.pdf{
background: url(/_images/pdf-icon.gif) no-repeat right center;
padding-right: 20px;
}

.flt-right{
float: right;
}

.flt-left{
float: left;
}

.swfir{
visibility: visible;
}

.swfir-left{
float:left;
}

.swfir-right{
float:right;
}

/* Secondary Content
---------------------------------------------------- */

/*
----------------------------------------------------------------------------- 
Wrapper
-----------------------------------------------------------------------------*/

div#wrapper{
width: 960px;
margin: 0 auto;
position: relative;
border-left: 1px solid #DDD;
border-right: 1px solid #DDD;
border-top: 1px solid transparent;
background: #640A01 url(/_images/header-bg-generic.jpg) left top no-repeat;
}

body.subpage div#wrapper{
background-position: 0 -130px;
}

body.winter div#wrapper{
background: #193855 url(/_images/header-bg-winter.jpg) no-repeat top left;
}

body.fall div#wrapper{
background: #A41A00 url(/_images/header-bg-fall.jpg) no-repeat top left;
}

body.summer div#wrapper{
background: #192F01 url(/_images/header-bg-summer.jpg) no-repeat top left;
}

body.golf div#wrapper{
background: #192F01 url(/_images/header-bg-golf.jpg) no-repeat top left;
}
/*
----------------------------------------------------------------------------- 
Header
-----------------------------------------------------------------------------*/

div#header{
position: relative;
}

div#header img#logo{
position: absolute;
top: 0;
left: 30px;
}

/* subpage header */
div#header h2#tagline{
position: absolute;
text-indent: -10000px;
visibility: visible;
width: 360px;
height: 130px;
background: url(/_images/alpha-winter-sub.png) left top;
left: 167px;
top: 50px;
}

/* summer alpha */
body#index.summer div#header h2#tagline{
top: 80px;
left: 400px;
width: 528px;
height: 216px;
background: url(/_images/alpha-summer.png) no-repeat left top;
}

/* winter alpha */
body#index.winter div#header h2#tagline{
top: 102px;
left: 380px;
width: 497px;
height: 233px;
background: url(/_images/alpha-winter.png) no-repeat left top;
}

/* generic alpha */
body#index div#header h2#tagline{
top: 40px;
right: 80px;
left: 400px;
width: 442px;
height: 224px;
background: url(/_images/alpha-generic.png) no-repeat left top;
}


/* Primary Nav
---------------------------------------------------- */

div#header ul#primary-nav{
background: url(/_images/primary-nav-bg.png) no-repeat left top;
position: absolute;
top: -1px;
left: 12px;
width: 932px;
height: 33px;
text-align: right;
padding-top: 6px;
}

div#header ul#primary-nav li{
display: inline;
}

div#header ul#primary-nav li.last-li{
margin-right: 15px;
}

div#header ul#primary-nav li#skiptocontent{
display: none;
}

div#header ul#primary-nav li a{
padding: 4px 6px 8px 6px;
color: #000;
border-top: 4px solid transparent;
border-bottom: none;
}

div#header ul#primary-nav li.active a{
border-top-color: #640A01;
}

div#header ul#primary-nav li a:hover{
text-decoration: none;
border-top-color: #000;
}

div#header ul#primary-nav li.active a:hover{
border-top-color: #740f0f;
}

/* Secondary Nav
---------------------------------------------------- */

div#header ul#secondary-nav{
position: absolute;
top: 60px;
right: 0;
}

body#index div#header ul#secondary-nav{
top: 270px;
left: 45px;
}

div#header ul#secondary-nav li{
float:left;
margin-right: 10px;
}

div#header ul#secondary-nav li a{
width: 100px;
height: 35px;
display: block;
border: none;
text-indent: -2000px;
background-repeat: no-repeat;
background-position: 0 0;
}

div#header ul#secondary-nav li a:hover{
background-position: 0 -35px;
}

div#header ul#secondary-nav li a.active{
background-position: 0 -70px;
}

div#header ul#secondary-nav li#li1 a{
background-image: url(/_images/subnav-bg1.png);
}

div#header ul#secondary-nav li#li2 a{
background-image: url(/_images/subnav-bg2.png);
}

div#header ul#secondary-nav li#li3 a{
background-image: url(/_images/subnav-bg3.png);
}

/*
----------------------------------------------------------------------------- 
Content
-----------------------------------------------------------------------------*/


/* hack for mm conribute */
div#content{
height: 1%;
width: 869px;
float:left;
display: inline;
}

div#content{
background: #FFF url(/_images/content-area-header.png) no-repeat left top;
margin: 217px 16px 0 15px;
padding: 30px;
font: 14px/24px "Georgia", "Times New Roman", Times, serif;
color: #333;
}

body#index div#content{
margin-top: 350px;
}

body#activities-home div#content{
background-image: url(/_images/content-bg-alpha-activities.jpg);
}

body#activities-home span.bg-clear{
margin: 0 0 30px 50px;
}

body#lodging div#content{
background-image: url(/_images/content-bg-alpha-lodging.jpg);
}

body#skiing div#content{
background-image: url(/_images/content-bg-alpha-skiing.jpg);
}

body#vg div#content{
background-image: url(/_images/content-bg-alpha-vg.jpg);
}

div#content p{
font: 14px/20px "Georgia", "Times New Roman", Times, serif;
}


div#content:after{
content: ".";
display: block;
clear: both;
visibility: hidden;
}

/* Main Content
---------------------------------------------------- */

div#main-content{
float:left;
width: 660px;
padding: 0 20px 0 0;
min-height: 500px;
}

body.subpage div#main-content{
margin-left: 50px;
}

body.content-nav div#main-content{
float: right;
width: 520px;
margin: 0 100px 0 0;
}

body#index div#main-content{
background: url(/_images/column-divider.gif) repeat-y right top;
}


body#vg div#main-content{
width: 400px;
margin-left: 200px;
}

body#lodging div#main-content{
width: 420px;
}

body#skiing div#main-content{
}

body#skiing div#main-content h1{
margin-bottom: 150px;
}


div#main-content.content-heavy h2{
margin: 50px 0 10px 0;
}

body#fullcontact div#main-content{
float:none;
margin: 0;
padding: 0;
width: auto;
}

body#index.golf div#main-content{
	float:None; margin:0; padding:0; width:auto; background:none;}

div#main-content span.flt-left{
margin-right: 10px;
}

div#main-content ul li{
font-size: 14px;
margin: 0 0 10px 20px;
line-height: 18px;
list-style-type: square;
}

body.events div#main-content h2,
body.events div#main-content h3,
body.events div#main-content ul,
body.events div#main-content li{
clear: both;
}

body.events div#main-content h3{
margin-bottom: 5px;
}

body.events div#main-content ul{
margin-bottom: 25px;
}

body.events div#main-content ul li{
background: url(/_images/calendar-icon.jpg) no-repeat 0 4px;
padding: 0 0 0 17px;
list-style-type: none;
}

body.events div#main-content ul li ul{
}

body.events div#main-content h2{
margin-top: 50px;
}


div#main-content h3{
margin: 0;
font-size: 16px;
color: #b23a0a;
font-weight: bold;
}

div#main-content div.leader p{
font-size: 14px;
font-weight: bold;
line-height: 20px;
}

div#main-content div.content-column.alpha{
width: 420px;
float:left;
padding-right: 20px;
background: url(/_images/column-divider.gif) repeat-y right top;
}

div#main-content div.content-column.beta{
float:right;
width: 200px;
}

div#main-content em{
/*display: block;
font-size: 12px;*/
}

div#main-content img.flt-left-flush{
float:left;
position: relative;
left: -30px;
margin-bottom: 60px;
}

a#vg-download{
position: absolute;
left: 39px;
top: 261px;
border: none;
width: 148px;
height: 77px;
text-indent: -3000px;
}

a#vg-download:hover{
background: url(/_images/vg-download-hover.png) no-repeat left top;
}
 
a#beech-video{
display: block;
margin: 10px 0 40px 0;
border: none;
}

a#beech-video img{
display: block;
margin: 0 auto;
}



/* Gallery Styles
---------------------------------------------------- */

body.content-nav div#main-content.gallery{
margin-right: 0;
width: 600px;
}

table.gallery{float:left; margin:0px;}
table.gallery td{vertical-align:bottom; padding:0px 20px 10px 0px; text-align:center; font-size:10px; line-height:1.2;}
table.gallery a{color:#999; border:none;}


div#main-content ul#gallery{
float:left;
margin-top: 20px;
}

div#main-content ul#gallery li{
float:left;
list-style-type: none;
margin: 0;
display:block;
height:125px;
background:#f0f0f0;
margin:0 15px 15px 0;
padding:10px;
border:solid 1px #DDD;
font-size:12px;
text-align:center;
}

div#main-content ul#gallery li a{
/*display: block;
height: 125px;
background: #F0F0F0;
margin: 0 15px 15px 0;
padding: 10px;
border: 1px solid #DDD;*/
}


/* Secondary Content
---------------------------------------------------- */

div#secondary-content{}

div#secondary-content{
float: right;
width: 170px;
}

body.content-nav div#secondary-content ul{
margin: 0;
padding: 0;
}

body.content-nav div#secondary-content ul li{
margin: 0;
padding: 0 0 0 10px;
background: url(/_images/nav-arrow.gif) no-repeat left center;
}

body.content-nav div#secondary-content ul a{
margin: 0;
padding: 0;
display: block;
text-transform: uppercase;
font: 10px/normal Verdana, "Lucida Grande", Arial,sans;
color: #000;
padding: 1px 3px;
}

body.content-nav div#secondary-content ul a:hover{
background: #333;
color: #FFF;
}

body.content-nav div#secondary-content ul li.active a{
background: #000;
color: #FFF;
background-position: right center;
}

body.content-nav div#secondary-content ul li.active a:hover{
background: #333;
}

body.content-nav div#secondary-content{
float: left;
}

body.content-nav div#secondary-content h2{
font: bold 10px/normal "Lucida Grande", Arial, Verdana, sans ;
text-transform: uppercase;
margin-bottom: 5px;
color: #b23a0a;
visibility: visible;
letter-spacing: 0;
}

div#secondary-content.home-content ul{
margin: 25px 0 0 0;
}

div#secondary-content.home-content ul.emphasis{
background: url(/_images/blue-stripe.gif);
padding-top: 15px;
padding-bottom: 15px;
}

div#secondary-content.home-content ul.emphasis li{
color: #5A1C03;
}

div#secondary-content.home-content ul.emphasis li ul{
background: none;
margin: 5px 0 5px 0;
}

div#secondary-content.home-content ul.emphasis li ul li{
list-style-type: disc;
font-weight: bold;
}

div#secondary-content.home-content ul li ul li,
div#secondary-content.home-content ul li ul li p{
line-height: 16px;
}

div#secondary-content.home-content ul li ul{
background: url(/_images/calendar-icon.jpg) no-repeat 0 4px;
margin: 0 0 15px 0;
padding: 0 0 0 15px;
}

div#secondary-content.home-content ul li ul li h3{
margin: 0;
color: #B23A0A;
font: bold 16px/20px "Georiga", Times, Times New Roman, serif;
}

div#secondary-content.home-content ul li ul li em{
margin: 0;
font-weight: bold;
}

div#weather-box{
margin-bottom: 30px;
text-align: center;
}

div#weather-box img{
/*display: block;
margin: 0 auto;*/
}

div#specials{
margin-bottom: 30px;
}

div#specials h2{
margin-bottom: 0;

}

div#specials .more{
font: bold 12px/normal "Georgia","Times New Roman",Times,serif;
color: #b23a0a;
}


/*
----------------------------------------------------------------------------- 
Footer
-----------------------------------------------------------------------------*/

div#footer{
background: #640A01 url(/_images/content-area-footer.png) no-repeat left top;
margin: 0 16px 0 15px;
padding: 30px 15px 10px 15px;
color: #999;
clear: both;
text-align: center;
}

body.winter div#footer{
background-color: #193855;
}

body.fall div#footer{
background-color: #A41A00 ;
color: #F0F0F0;
}

body.summer div#footer{
background-color: #192F01 ;
color: #DDD;
}


div#footer address{
}

/*
----------------------------------------------------------------------------- 
Form Styles
-----------------------------------------------------------------------------*/

form fieldset{
border: 1px solid #DDD;
margin: 30px auto 30px auto;
padding: 15px 50px 40px 50px;
background: #FFF;
display: block;
width: 70%;
}

form legend{
padding: 0 10px;
text-transform: uppercase;
font-size: 10px;
}

form p{
margin-bottom: 10px;
clear: both;
}

form label{
display: block;
font-size: 12px;
text-transform: uppercase;
color: #696055;
line-height: 16px;
}

form textarea{
height: 300px;
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}

form p input,
form textarea{
width: 100%;
border-top: 2px solid #999;
border-left: 2px solid #999;
border-right: 1px solid #DDD;
border-bottom: 1px solid #DDD;
font-size: 18px;
background: #FFFFE6;
}

form p.short input{
width: 155px;
}

form p.checkbox input{
width: auto;
}

form p.submit input{
width: auto;
background: #333;
color: #FFF;
padding: 3px 9px;
display: block;
margin: 0 auto;
}

form address{
font-style: normal;
font-size: 14px;
line-height: 17px;
margin-bottom: 10px;
}


div.success{

}

div.failure{
}

div#content div.success h1{
font-size: 24px;
visibility: visible;
height: auto;
}

div#content div.failure h1{
font-size: 24px;
visibility: visible;
height: auto;
}

div#main-content form em{
color: #8F3023;
display: inline;
margin-left: 3px;
}

form select option{
margin-right: 5px;
}

/*
----------------------------------------------------------------------------- 
Table Styles
-----------------------------------------------------------------------------*/

table{
width: 100%;
clear: both;
padding: 5px;
border-bottom: 1px dotted #333;
margin-bottom: 15px;
}

thead{
text-align: left;
}

thead tr th{
padding: 3px 10px;
font-size: 16px;
border-top: 1px dotted #999;
border-bottom: 1px dotted #999;
}

tbody tr td{
padding: 1px 8px;
}

tbody tr.odd td{
background: #F0F0F0;
}

tbody tr td.indent{
padding-left: 30px;
}

col#data{
background: #F0F0F0;
}

table tfoot tr td{
border-top: 1px dotted #999;
text-align: center;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 1px;
font-weight: bold;
}

/* hide form element for css based captcha */
.company{
display: none;
}

/*
----------------------------------------------------------------------------- 
EOD
-----------------------------------------------------------------------------*/