/* @group General Styles */
* {margin:0;padding:0;} 
/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 150px;}  /* must be same height as the footer */
#wrap{min-width: 1000px;}

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

@font-face {font-family: "Delicious Roman";src: url(../fonts/Delicious-Roman.otf) format("opentype");}

/* @end */

/* @group Background */
#background{background: url(../graphics/background.png) repeat-x;
	overflow: auto;
}
#background_sm{background: url(../graphics/background_sm.png) repeat-x;
	overflow: auto;
}

/* @end */

/* @group Header/Logo */
div#header {padding:1em;background:none;}
div#header p {margin:0;}
div#logo {padding-top: .5em;margin-left: .25em;}
/* @end */

/* @group Navigation Bar */

div#navbar ul{
	list-style: none;
	margin-top:-1em;
	margin-left: 24em;
	width: 675px;
	}
div#navbar li{
	display: inline;
	padding: 1em;
	font: 18px helvetica, arial;
}

div#navbar a:link{color: #fff;text-decoration: none;}
div#navbar a:active{color: #fff;text-decoration: none;}
div#navbar a:visited{color: #fff;text-decoration: none;}
div#navbar a:hover{color: #cfab79;text-decoration: none;}
/* @end */

/* @group Viewport */
#viewport{
	margin-top:1.5em;
	margin-left: 1em;
	padding: 0em;
}
/* @end */

/* @group 3 Divs */
div#boxes{
	margin-top: 3em;
	margin-left: -1.5em;
	width: 1100px;
}

	div#right{
		width: 275px;
		margin-left: 2em;
		float: left;
		}
		div#right h1{
			font: 35px Delicious Roman, arial, sans-serif;
			color: #002e62;
			padding-bottom:.25em;
			text-align: center;
			}
		div#right ul{
			margin-top: -1em;
			}
		div#right li{
			width: 315px;
			font: 17px/130% arial, sans-serif;
			color: #777;
			padding: 0em 1em 0em .5em;
			list-style: square inside;
			padding-top: 1em;
			}
		.bold{
			color: #333;
			}	
	
	div#middle{
		width: 275px;
		float: left;
		}
		div#middle h1{
			font: 35px Delicious Roman, arial, sans-serif;
			color: #002e62;
			padding-bottom:.25em;
			text-align: center;
			margin-left: -1em;
			}
		div#middle p{
			font: 14.5px/130% arial, sans-serif;
			color: #777;
			padding: 0em 0em 0em .5em;
			text-align: left;
			}
		div#middle img{
			margin-left: -.5em;
			}
		.navy{
			color: #002e62;
			}
	div#left{
		width: 275px;
		float: left;
		text-align: center;
		margin-right: 2em;

		}
		div#left h1{
			font: 35px Delicious Roman, arial, sans-serif;
			color: #002e62;
			padding-bottom:.25em;
			}
		div#left p{
			font: 17px/130% arial, sans-serif;
			color: #777;
			padding: 0em 1em 0em .5em;
			}
		div#left a:link{color: #002e62;}
		div#left a:active{color: #002e62;}
		div#left a:visited{color: #002e62;}
		div#left a:hover{color: #cfab79;}

		div#right a:link{color: #002e62;}
		div#right a:active{color: #002e62;}
		div#right a:visited{color: #002e62;}
		div#right a:hover{color: #cfab79;}
/* @end */
div#leftbox{
	float: left;
	width: 400px;
	margin-left: 3em;
	margin-right: -2em;
}
div#leftbox h1{
	font: 30px Delicious Roman, arial, sans-serif;
	color: #002e62;
	padding-bottom:.25em;
}
div#leftbox ul{
	margin-left: 1em;
	font: 16px arial;
	color: #777;
	width: 400px;
}
div#leftbox li{
	list-style-type: square;
	width: 300px;
	line-height: 130%;
}
div#rightbox {
	margin-right: 5em;

}
div#rightbox p{
	font: 20px/130% georgia;
	color: #666;
	}
div#rightbox img{
	float: right;
	padding: 1em;
}

/* @group Pull Quote */
#quote {
	float: left;
	background:url(../graphics/pullquote.png) no-repeat;
	width: 900px;
	height: 100px;
	margin-top: -1em;
	margin-left: 2em;
	}
#quote2 {
	float: left;
	background:url(../graphics/pullquote2.png) no-repeat;
	width: 900px;
	height: 100px;
	margin-top: -1em;
	margin-left: 2em;
	}

#quotesquare{
	float: left;
	background:url(../graphics/pullquote_square.png) no-repeat;
	width: 200px;
	height: 243px;
	margin-top: -18em;
	margin-left: 2em;
	}
/* @end */

/* @group Course */
#course{
	background:url(../graphics/course_bg.png) no-repeat;
	width: 818px;
	height: 177px;
	margin-left: 20em;
	margin-top: 2.5em;
}
	#course h1{
	background:url(../graphics/course_skidmonster.png) no-repeat;
	width: 154px;
	height: 28px;
	margin-left: .5em;
	}
	#course h2{
	margin-left: .5em;
	color: #555;
	font: 22px arial, sans-serif;
}
	#course p{
	width: 510px;
	font: 18px/130% arial;
	color: #666;
	margin: 1em 0 0 1.5em;
	}
	#course img{
	margin-top: -9em;
	margin-left: 33.5em;
	}
/* @end */

/* @group Locations */

#location{
	background:url(../graphics/loc_bg.png) no-repeat;
	width: 818px;
	height: 250px;
	margin-left: 20em;
	margin-top: 2.5em;
}
#location h1{
	margin-left: .5em;
	color: #555;
	font: 22px arial, sans-serif;
}
#location p{
	width: 510px;
	font: 18px/130% arial;
	color: #666;
	margin: 1em 0 0 1.5em;
}
.locationimg {
	margin-top: -9em;
	margin-left: 33.5em;
	}
.download a:link{color: black;text-decoration: none;}
.download a:active{color: black;text-decoration: none;}
.download a:visited{color: black;text-decoration: none;}
.download a:hover{color: #d73834;text-decoration: none;}

/* @end */

/* @group Location Selector */

#location_selector{
	float: left;
	background:url(../graphics/location_selector.png) no-repeat;
	width: 223px;
	height: 410px;
	margin-top: 2.5em;
	margin-left: 2em;
}
#location_selector h1{
	color: #666;
	font: 22px arial, sans-serif;
	margin: .5em;
	border-bottom: 1px #999 dashed;
}
#location_selector h2{
	color: #666;
	font: 18px arial, sans-serif;
	margin-left: 1em;
}
#location_selector ul{
	color: #666;
	margin-left: 3em;
	font: 16px/130% times, sans-serif;
	list-style-type: square;
}
#location_selector a:link{color: #666;text-decoration: none;}
#location_selector a:active{color: #666;text-decoration: none;}
#location_selector a:visited{color: #666;text-decoration: none;}
#location_selector a:hover{color: #d73834;text-decoration: none;font-weight: bold;}

/* @end */
/* @group FAQ Selector */
#faq_selector{
	float: left;
	background:url(../graphics/location_selector.png) no-repeat;
	width: 223px;
	height: 410px;
	margin-top: 2.5em;
	margin-left: 2em;
}
#faq_selector h1{
	color: #666;
	font: 22px arial, sans-serif;
	margin: .5em;
	border-bottom: 1px #999 dashed;
}
#faq_selector h2{
	color: #666;
	font: 18px arial, sans-serif;
	margin-left: 1em;
}
#faq_selector ul{
	color: #666;
	margin-left: 3em;
	font: 16px/130% times, sans-serif;
	list-style-type: square;
}
#faq_selector a:link{color: #666;text-decoration: none;}
#faq_selector a:active{color: #666;text-decoration: none;}
#faq_selector a:visited{color: #666;text-decoration: none;}
#faq_selector a:hover{color: #d73834;text-decoration: none;font-weight: bold;}
/* @end */
/* @group FAQ's */
#faq{
	width: 818px;
	margin-left: 20em;
	margin-top: 2.5em;
}
	#faq h1{
	margin-left: .5em;
	margin-top: 1em;
	color: #666;
	font: 25px/130% arial;
	}
	#faq p{
	font: 18px/130% arial;
	color: #999;
	margin: 1em 0 0 1.5em;
	}
	#faq a:link{color: #555;text-decoration: underline;}
	#faq a:visited{color: #555;text-decoration: underline;}
	#faq a:active{color: #555;text-decoration: underline;}
	#faq a:hover{color: #333;text-decoration: underline;}			

/* @end */
#contactinfo a:link{color: #cfab79;text-decoration: none;}
#contactinfo a:active{color: #cfab79;text-decoration: none;}
#contactinfo a:visited{color: #cfab79;text-decoration: none;}
#contactinfo a:hover{color: #d73834;text-decoration: none;}

#contactinfo table{
	font: 25px/200% arial;
	color: #002e62;
	margin: 1.5em;
	padding-left: 0em;
}

.map a:link {color: #333;text-decoration: none;}
.map a:active{color: #333;text-decoration: none;}
.map a:visited{color: #333;text-decoration: none;}
.map a:hover{color: #d73834;text-decoration: none;}

/* @group Footer */

#footer {
	position: relative;
	margin-top: -132px; /* negative value of footer height */
	height: 132px;
	clear:both;
	background:url(../graphics/footer.png) repeat-x;
} 
	div#footer p{
		text-align: left;	
		font: 13px/130% arial;
		color: #fff;
		padding: 1em;
		margin-left: 2em;
		}

	div#footer a:link{color: #fff;text-decoration: none;}
	div#footer a:visited{color: #fff;text-decoration: none;}
	div#footer a:active{color: #fff;text-decoration: none;}	
	div#footer a:hover{color: #cfab79;text-decoration: none;}	
	
	div#footer img{
	position: absolute;
	right: 2em;
	bottom: 2em;
	border: 1px solid white;
}
	
/* @end */


#myths{
	margin-left: 1em;
	width: 1000px;
}
#myths ul{
	list-style-position: inside;
}
#staff p{
	float: left;
	margin-top: 3em;
	margin-left: 2em;
	font: 18px arial;
	color: #002e62;
}
#staffphoto img{
	margin: 3em;
}