@charset "utf-8";

* { margin: 0; padding:0;}
img { border:none;}

h1{}
h2{}
h3{ font-size: 14px; padding-bottom: 12px; color: #18688d;}

p{ padding-bottom: 12px; line-height: 18px;}

a{ text-decoration: underline; color: #18688d;}
a:hover{ text-decoration: none;}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body {
	background-image: url(../images/backdrop.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color: #c4d4df;
	}


/*---------------------framework-------------------------*/
#container-outer { width: 100%;
	background-image:url(../images/bannerdrop.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	}
#container {
	width: 910px;
	margin: 0 auto;
	}
#header{}
	h1#logo {
		background-image:url(../images/logo.jpg);
		background-repeat:no-repeat;
		height: 95px;
		width: 456px;
		text-indent: -3000px;
		}
	h1#logo a { display: block; width: 456px; height: 95px;}	
#nav {}
	#nav ul { list-style: none;}
	#nav li { float:left;}
	#nav a { display: block; text-decoration: none; text-indent: -3000px; height: 39px;}
	#nav-home { background-image:url(../images/nav-home.gif); width:81px;}
	#nav-contact { background-image:url(../images/nav-contact.gif); width:95px;}
	#nav-rates { background-image:url(../images/nav-rates.gif); width: 84px;}
	#nav-terms { background-image: url(../images/nav-terms.gif); width: 171px;}
	#nav-clubhouse { background-image:url(../images/nav-clubhouse.gif); width:118px;}
	#nav-links { background-image:url(../images/nav-links.gif); width: 79px;}
	#nav-gallery { background-image:url(../images/nav-gallery.gif); width:131px;}
	#nav-dates { background-image:url(../images/nav-dates.gif); width:151px;}

#banner { padding-top: 10px;}

	#flashdrop {
		height: 327px;
		width: 590px;
		padding: 7px 0 0 7px;
		background-image:url(../images/flashdrop.gif);
		background-repeat:no-repeat;
		}
	#banright {
		width: 313px;
		}
		#banright ul { list-style: none; line-height: 24px; padding: 0 0 0 20px;}
		#banright li { color: #245d7a;}
		#banright a {}
				
		#h-whychoose {	
			background-image:url(../images/h-whychoose.jpg);
			width: 313px;
			height: 48px;
			text-indent: -3000px;
			}

#wrapper{ padding: 30px 0 20px 0;}
	#leftcol{
		width: 597px;
		}
		#leftcol p, #leftcol h3 { padding: 0 20px 12px 20px; }
		#leftcol ul { padding: 0 20px 12px 40px; line-height: 18px;}
		#leftcol h2 { height: 43px; width: 597px; background-repeat:no-repeat; text-indent: -3000px;}
		#h-contact{ background-image:url(../images/h-contactus.jpg); }
		#h-home { background-image:url(../images/h-welcome.jpg);}
		#h-clubhouse { background-image:url(../images/h-clubhouse.jpg);}
		#h-dates { background-image:url(../images/h-dates.jpg);}
		#h-gallery { background-image:url(../images/h-gallery.jpg);}
		#h-links { background-image:url(../images/h-links.jpg);}
		#h-terms { background-image:url(../images/h-terms.jpg);}
		#h-rates {  background-image:url(../images/h-rates.jpg);}
		
		.content {
			background-color: #dfeaf4;
			padding-bottom: 20px;
			}	
			
	#rightcol{
		width: 313px;
		}
		#rightcol ul.areas { padding: 0 0 0 35px; color: #18688d; font-size: 15px; font-weight: bold; line-height: 24px;}
		#rightcol h2 {}
		h2#h-skiareas {
			background-image:url(../images/h-skiareas.jpg); height: 43px; width: 313px; text-indent: -3000px;
			background-repeat:no-repeat;
			}
		h2#h-googlemaps {
			background-image:url(../images/h-map.jpg); height: 43px; width: 313px; text-indent: -3000px;
			background-repeat:no-repeat;
			}	
		ul.areas {
			background-image:url(../images/img-mountaindrop.jpg);
			background-repeat: no-repeat;
			background-position:right;
			}	

#footer{
	color: #18688d;
	font-size: 11px;
	text-align: right;
	}
	#footer a{ text-decoration: none;} 
	#footer a:hover { text-decoration: underline;} 


.input-contact { border: none; padding: 2px 5px; width: 170px;}
table.table-col td { padding:4px;}
table.table-single { padding: 0 20px 12px 20px; }
table.table-single td { padding: 2px; }

.gallery-table { padding: 0 20px;}
.gallery-table td { padding: 10px 1px;}
/*---------------------universal classes-------------------------*/

.img-left { padding: 0 10px 10px 20px; float:left;}
.img-right { padding: 0 20px 10px 10px; float:right;}

.small {}
.normal {}
.large {}
.xlarge {}

.right { float:right;}
.left { float:left;}
.clear { clear:both;}

.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 */