/************* GENERAL STYLES ***/
* { margin: 0; padding: 0; }

html, body {
	text-align: center;
	font-size: 12px;
	font-family: "Lucida Grande", verdana, arial, sans-serif;
	color: #444;
	background: url(../images/bg2.jpg) top left repeat-x #222; }


	/*** FONT STYLES ***/	
	h1 {
		margin: 10px 0;
		font-family: "Georgia"; 
		font-size: 260%; 
		font-weight: normal; 
		color: #0f63ab; }
		
	h2 {
		margin: 10px 0;
		font-family: "Georgia"; 
		font-size: 260%; 
		font-weight: normal; 
		color: #0f63ab;
		text-align: left; }
	
	a:link, a:visited { color: #333; }
	a img { border: none; }
	
	p { margin-bottom: 16px; }


/************* STRUCTURE STYLES ***/
#wrapper { 
	width: 919px; 
	margin: 0 auto; }

	
	/*** TOPBAR STYLES ***/
	#topbar {
		width: 907px; 
		height: 58px;
		margin: 0 auto; 
		padding: 14px 0; }
		
		
		/*** LOGO STYLES ***/
		a#logo {
			float: left;
			display: block; 
			width: 164px; 
			height: 41px;
			margin: 8px 0 0 14px;
			background: url(../images/logo.jpg) no-repeat; }
		
		
		/*** AD STYLES ***/
		a#ad { 
			float: right;
			margin: 0 14px 0 0;
			background: #fff; }
		
			a#ad img { 
				padding: 1px; 
				border: 1px solid #ccc; }
		
	
	/*** NAV STYLES ***/
	#nav {
		width: 907px; 
		height: 37px;
		float: left;
		margin: 34px 0 7px 6px; 
		list-style: none;
		z-index: 999; }
	
		#nav li { 
			float: left; 
			height: 37px;
			position: relative;
			z-index: 999; }
			
		#nav li.last { margin: 0; }	
		
			#nav li a:link,
			#nav li a:visited { 
				display: block; 
				height: 37px;
				outline: none; }
			
			#nav li a.home { width: 180px; background: url(../images/nav_01_home.jpg) no-repeat; }
			#nav li a.events { width: 169px; background: url(../images/nav_02_events.jpg) no-repeat; }
			#nav li a.coaching { width: 181px; background: url(../images/nav_03_coaching.jpg) no-repeat; }
			#nav li a.officials { width: 179px; background: url(../images/nav_04_officials.jpg) no-repeat; }
			#nav li a.programs { width: 198px; background: url(../images/nav_05_programs.jpg) no-repeat; }
			
			#nav li.active a,
			#nav li a:hover { background-position: bottom left; }
			
			/*** SECOND LEVEL ***/
			ul#nav li ul {
				position : absolute;
				left: -999em;
				width: 198px;
				padding: 0;
				list-style: none;
				font-size: 10px;
				font-weight: normal;
				text-align: left;
				background: #fff;
				border-top: 1px solid #4684a5;
				border-bottom: 4px solid #4684a5;
				z-index: 999; }
				
			#nav li:hover ul ul, 
			#nav li.sfhover ul ul {
				left: -999em; }
		
			#nav li:hover ul, 
			#nav li li:hover ul, 
			#nav li.sfhover ul, 
			#nav li li.sfhover ul {
				top: 37px;
				left: 0px;
				margin-left: 0; }
		
				ul#nav li li {
					width: 198px;
					height: auto;
					margin: 0;
					padding: 0;
					line-height: normal;
					text-transform: none;
					border-top: none;			
					border-bottom: 1px solid #4684a5;
					z-index: 999; }
					
					ul#nav li ul li a:link, 
					ul#nav li ul li a:visited {
						width: 168px;
						height: auto;
						margin: 0;
						padding: 5px 15px 5px 15px;
						text-decoration: none; }
						
					ul#nav li ul li a:hover { background: #98d1ef; }
			
	
	/*** HEADER STYLES ***/
	#header {  
		width: 919px; 
		height: 216px;
		float: left; }
		
	/*** SUB NAV ***/
	ul#subNav {
		width: 907px;
		height: 36px;
		float: left;
		margin: 0 0 0 6px;
		list-style: none; }
		
		ul#subNav li a {
			height: 36px;
			float: left;
			display: block; }
			
			#subNav li a.aboutalpine { width: 181px; background: url(../images/subNav_01_aboutalpine.jpg) no-repeat; }
			#subNav li a.photogallery { width: 189px; background: url(../images/subNav_02_photogallery.jpg) no-repeat; }
			#subNav li a.news { width: 141px; background: url(../images/subNav_03_news.jpg) no-repeat; }
			#subNav li a.facebook { width: 231px; background: url(../images/subNav_04_findusonfacebook.jpg) no-repeat; }
			#subNav li a.contactus { width: 165px; background: url(../images/subNav_05_contactus.jpg) no-repeat; }
			
			#subNav li a:hover { background-position: bottom left; }
	
	
	/*** CONTENTWRAPPER STYLES ***/
	#contentWrapper { 
		width: 877px; 
		min-height: 270px; 
		float: left;
		padding: 15px;
		margin: 0 0 0 6px;
		background: url(../images/contentWrapperTop_bg.jpg) top left no-repeat #fff; }

		
		/*** SIDEBAR STYLES ***/
		#contentWrapper #sidebar { 
			float: left;
			width: 216px; 
			margin: 0 20px 0 0; }
			
			#contentWrapper #sidebar a#featuredSkier { 
				width: 216px; 
				height: 229px;
				float: left;
				padding: 15px 0; 
				background: url(../images/featuredSkier_bg.jpg) no-repeat; }
				
				#contentWrapper #sidebar a#featuredSkier img { border: 2px solid #fff; }
				
		/*** FLICKR ***/
		#flickrImages {
			width: 216px;
			float: left; }
			
			#flickrImages a {
				width: 90px;
				height: 90px;
				float: left;
				margin: 0 8px 10px 0;
				border: 5px solid #ddd;
				overflow: hidden; }
				
				#flickrImages a:hover { border-color: #ccc; }
			
			#flickrImages img {
				width: 150px;
				float: left; }
				
				#sidebar h2 img { 
					float: left;
					margin: 2px 5px 0 0; }
			
		
		/*** CONTENT STYLES ***/
		#contentWrapper #content { 
			float: left; 
			width: 640px; 
			min-height: 100px; 
			text-align: left; }
			
			#event span.eventTitle {
				color: #0f63ab;
				font-size: 14px; }
			
			#event span.eventInfo {
				font-size: 9px;
				text-align: justify; }



/*** FOOTER STYLES ***/
#footer { 
	width: 887px; 
	margin: 12px 0 0 18px;
	float: left;
	font-size: 70%;
	text-align: left;
	line-height: 12px;
	color: #fff; }

	#footer a:link,
	#footer a:visited { color: #fff; }

	#footer p.poweredby { 
		float: right; 
		text-align: right; }
	
		#footer p.poweredby a { margin: 0 0 0 10px; }




/*** CLEARFIX ***/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; } /* SAFARI FIX */

* html .clearfix { height: 1%; } /* IE6 FIX */