/*--- CSS for Boyne Mountain Layout ---*/

* {font-family:Arial, Helvetica, sans-serif;}

body {
	margin:0px;
	padding:0px;
	text-align:center;
	background-color:#021734;
	background-image:url("images/background.jpg");
	background-repeat:repeat-x;
}

#container {
	width:817px;
	margin:0px auto;
	padding:0px 0px 10px;
	background-image:url("images/container-bg.jpg");
	background-repeat:repeat-y;
}

#header {
	position:relative;
	margin:0px 0px 0px -33px;
	width:883px;
	padding:0px;
	background-image:url("images/header-wood.png");
	background-repeat:no-repeat;
	height:100px;
	text-align:left;
}

#content-column {
	float:right;
	width:554px;
	margin:0px 20px 10px 0px;
	text-align:left;
}

#content-flash {
	float:right;
}

#content {
	background-color:#FFFFFF;
	padding:10px;
	margin:10px 0px;
}

#content img {
	float:right;
	margin:0px 0px 10px 10px;
}

#nav-column {
	float:left;
	width:213px;
	text-align:center;
	margin-left:15px;
	position:relative;
}

.clear {
	height:0px;
	clear:both;
}

/*--- Header Section ---*/

#logo {
	display:block;
	cursor:pointer;
	background-image:url("images/logo.png");
	width:217px;
	height:28px;
	position:absolute;
	overflow:hidden;
	left:30px;
	top:10px;
}

#logo span {
	display:block;
	width:217px;
	height:28px;
}

#conditions-container {
	position:absolute;
	width:445px;
	height:95px;
	background-image:url("images/conditions-bg.png");
	top:0px;
	left:280px;
	z-index:3;
}

#conditions-container a.logo {
	position:absolute;
	display:block;
	cursor:pointer;
	background-image:url("images/conditions-logo.png");
	width:46px;
	height:30px;
	top:3px;
	left:8px;
	overflow:hidden;
}

#conditions-container a.logo span {
	display:block;
	height:30px;
	width:46px;
}

#conditions-container table {
	margin:15px 0px 0px 90px;
	width:340px;
}

#conditions-container table td, #conditions-container table th {
	font-size:11px;
}

#conditions-container table th {
	text-align:right;	
}

#header-links {
	position:absolute;
	z-index:2;
	top:0px;
	left:715px;	
}

#header-links a {
	display:none;
	overflow:hidden;
	background-repeat:no-repeat;
	cursor:pointer;
	margin:0px;
}

#header-links a span {
	display:block;
}

#summer {
	height:28px;
	width:107px;
	background-image:url("images/summer-banner.png");
	display:none;
}

#summer span {
	height:28px;
}

#winter {
	height:28px;
	width:108px;
	background-image:url("images/winter-banner.png");
	display:none;
}

#winter span {
	height:39px;
}

#emailSignup {
	width:93px;
	height:27px;
	background-image:url("images/emailSignup.png");
	display:none;
}

#emailSignup span {height:39px;}

/*--- Nav ---*/

#nav-logo {
	display:block;
	cursor:pointer;
	background-image:url("images/nav-bm-logo.png");
	background-repeat:no-repeat;
	height:159px;
	width:203px;
	overflow:hidden;
	z-index:1;
	position:relative;
}

#nav-logo span {
	height:159px;
	display:block;
}

#nav-top {
	height:46px;
	background-image:url("images/nav-top.png");
	background-repeat:no-repeat;
	margin-top:-30px;
	z-index:-1;
}

#nav {
	background-image:url("images/nav-bg.png");
	background-repeat:repeat-y;
	margin:0px;
	padding:0px;
}

#nav ul {
	padding:0px;
	margin:0px;
	list-style:none;
}

#nav-bottom {
	background-image:url("images/nav-bottom.png");
	height:25px;
}

#nav li {
	color:#FFFFFF;
	font-size:18px;
}

#nav li.selected {

}

.nav-break {
	width:100px;
	background-color:#eb2a2e;
	height:1px;
	overflow:hidden;
	margin:10px auto;
}

#nav li a {
	color:#FFFFFF;
}

#nav-banners {
	text-align:center;	
}

#nav-banners a {
	margin:10px auto;	
}

#nav-banners img {
	border:none;	
}

/*--- Content Styles ---*/
h1 {
	font-size:2em;
}

h2, h4 {
	font-size:1.5em;
}

/*--- Footer ---*/

#footer {
	clear:both;
	margin:0px auto;
	padding:30px 0px 10px 0px;
	width:700px;
	color:#FFFFFF;
	font-size:11px;
	text-align:left;
	position:relative;
}

#footer div.column {
	width:33%;
	float:left;
	position:relative;
}

#footer div.resortLogo {
	width:90px;
	float:left;
	height:50px;
}

#footer a {
	color:#FFFFFF;
	font-weight:bold;
}

#footer div.resortLogo a {
	display:block;
	width:80px;
	overflow:hidden;
	cursor:pointer;
}

#footer div.resortLogo a span {
	display:block;
	width:80px;
	height:50px;
}

#footerLogo_boyne {
	background-image:url("../rideBOYNE/images/footer-boyneLogo.png");
	height:25px;
}

#footerLogo_highlands {
	background-image:url("../rideBOYNE/images/footer-highlandsLogo.png");
	height:50px;
}

#footerLogo_mountain {
	background-image:url("../rideBOYNE/images/footer-mountainLogo.png");
	height:44px;
}