/*********************************************************************************************************************************
  MAIN TEMPLATE STYLES
*********************************************************************************************************************************/
body {
	margin: 0px;
	background-color: #3B7BCF;
	background-image: url(../images/sitebackground.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
	}

.left {
	float: left;
	}

.right {
	float: right;
	}
#groupbox {
	background-color: #eee;
	padding: 20px 40px 40px 40px;
}
.message {
	border:1px solid #CdCdCd;
	background-color: #FFFFCC;
	padding:5px 10px 5px 10px;
	width:471px;
	font-size:12px;
	margin-top:10px;
	margin-bottom:10px;
	color:#666;
	}
#wrapper {
	width: 949px;
	margin-left: auto;
	margin-right: auto;
	}
	
	#header {
		width: 100%;
		float: left;
		background-image: url(../images/shadow.png);
		background-position: bottom center;
		background-repeat: no-repeat;
		}
		
		#logo { 			/* TOTAL WIDTH = 249px */
			width: 194px;
			float: left;
			padding: 5px 20px 10px 35px;
			}
			
		#headerAdvertisement {
			width: 300px;
			float: left;
			}
			
		#weather {
			width: 400px;
			float: left;
			padding: 25px 0px 0px 0px;
			}
			
			.weather1 {
				width: 123px;
				float: left;
				padding: 0px 10px 0px 0px;
				text-align:right;
				}
			
			.weather2 {
				width: 109px;
				float: left;
				padding: 0px 10px 0px 10px;
				border-left: 2px solid #000000;
				border-right: 2px solid #000000;
				text-align: center;
				min-height:50px;
				}
			
			.weather3 {
				width: 123px;
				float: left;
				padding: 0px 0px 0px 10px;
				}
	
	#navigation {
		width: 100%;
		float: left;
		}
		
		.navItem {
			float: left;
			}
			
			.menu {
				visibility: hidden; 
				position:absolute; 
				z-index: 100;
				width: 150px;
				background-color: #D8D6D7;
				border-left: 5px solid #FFFFFF;
				border-right: 5px solid #FFFFFF;
				border-bottom: 5px solid #FFFFFF;
				border-top: 0px;
				margin: 0px;
				padding: 0px;
				left: 0px;
				top: 0px;
				}

			.dropdownNavItem {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				padding: 8px 10px 8px 10px;
				border-bottom: 1px solid #FFFFFF;
				color: #222B32;
				}
				
				.dropdownNavItem a {
					color: #222B32;
					text-decoration: none;
					}
				
				.dropdownNavItem a:hover {
					color: #31231A;
					}			
	
	#flash {
		width: 100%;
		float: left;
		background-color: #06182B;
		}
		
	#featureSet {
		width: 100%;
		float: left;
		background-color: #06182B;
		padding: 0px 0px 15px 0px;
		}
		
		#featureSet1 {
			width: 304px;
			float: left;
			padding-left: 25px;
			}
			
			.featureSetTop {
				width: 280px;
				height: 55px;
				padding: 10px 10px 0px 10px;
				border-left: 2px solid #4D5864;
				border-right: 2px solid #4D5864;
				background-color: #06182B;
				}
				
				.featureImage {
					margin-right: 5px;
					margin-bottom: 8px;
					float: left;
					}

			.featureSetBottom {
				width: 280px;
				height: 56px;
				padding: 10px 10px 5px 10px;
				border-left: 2px solid #4D5864;
				border-right: 2px solid #4D5864;
				background-color: #243445;
				}
				
				.featureSetForm {
					width: 100%;
					float: left;
					}
					
				.featureSetField1 {
					width: 40px;
					float: left;
					padding-right: 5px;
					}
					
					.inputFeatureSet1 {
						width: 35px;
						padding: 1px;
						border: 1px solid #FFFFFF;
						font-size: 10px;
						}
		
				.featureSetButton {
					width: 48px;
					float: left;
					}
					
		#featureSet2 {
			width: 304px;
			float: left;
			padding-left: 13px;
			}

			.featureSetField2 {
				width: 40px;
				float: left;
				padding-right: 5px;
				}
					
				.inputFeatureSet2 {
					width: 35px;
					padding: 1px;
					border: 1px solid #FFFFFF;
					font-size: 10px;
					}	
		
		#featureSet3 {
			width: 264px;
			float: left;
			padding-left: 13px;
			}

			.featureSetField3 {
				width: 80px;
				float: left;
				padding-right: 10px;
				}

				.inputFeatureSet3 {
					width: 80px;
					padding: 1px;
					border: 1px solid #FFFFFF;
					font-size: 10px;
					}
		
	#spacer {
		width: 100%;
		float: left;
		}
		
	#content {
		width: 100%;
		float: left;
		background-color: #FFFFFF;
		}
		
		#interiorSpacer {
			width: 100%;
			padding: 15px 0px 15px 0px;
			float: left;
			}
		
		#interiorWrapper {
			width: 949px;
			float: left;
			background:#fff;
			/*
			background-image: url(../images/mtspokane_interior_background.gif);
			background-position: left;
			background-repeat: repeat-y;
			*/
			}
			
			#leftColumn {
				width: 205px;
				float: left;
				}
				
				.subnavItem2 {
					width: 165px;
					padding: 5px 20px 5px 20px;
					float: left;
					}

				.subnavItem2On {
					width: 165px;
					padding: 5px 20px 5px 20px;
					float: left;
					background-color: #ADCCED;
					}
			
				.subnavItem3 {
					width: 145px;
					padding: 5px 20px 5px 40px;
					float: left;
					background-color: #E4EEF9;
					}

				.subnavItem3On {
					width: 145px;
					padding: 5px 20px 5px 40px;
					float: left;
					background-color: #E4EEF9;
					}
			
			#rightColumn {
				width: 700px;
				float: left;
				padding: 0px 20px 40px 20px;
				border-left:2px solid #acc2d8;
				}
			
		#indexWrapper {
			width: 899px;
			float: left;
			padding: 20px 25px 20px 25px;
			}
			
			#indexBox1 {
				width: 303px;
				float: left;
				}
				
				#indexBox1Title {
					width: 283px;
					float: left;
					padding: 0px 10px 0px 10px;
					}
				
				#indexBox1Content {
					width: 283px;
					min-height: 51px;
					padding: 18px 10px 10px 10px;
					float: left;
					background-image: url(../images/gallery_background.jpg);
					background-position: top left;
					background-repeat: no-repeat;
					}
					
					.indexGalleryPhoto {
						border: 1px solid #000000;
						width: 59px;
						height: 59px;
						margin-left: 8px;
						margin-bottom: 8px;
						display: inline;
						float: left;
						background: #990000;
						}
				
			#indexBox2 {
				width: 280px;
				min-height: 71px;
				float: left;
				padding-left: 17px;
				}

				#indexBox2Title {
					width: 260px;
					float: left;
					padding: 0px 10px 0px 10px;
					}
				
				#indexBox2Content {
					width: 258px;
					min-height: 51px;
					float: left;
					padding: 15px 11px 15px 11px;
					background-image: url(../images/other_background.jpg);
					background-position: top left;
					background-repeat: no-repeat;
					}

			#indexBox3 {
				width: 280px;
				min-height: 71px;
				float: left;
				padding-left: 17px;
				}

				#indexBox3Title {
					width: 260px;
					float: left;
					padding: 0px 10px 0px 10px;
					}
				
				#indexBox3Content {
					width: 258px;
					min-height: 51px;
					float: left;
					padding: 15px 11px 15px 11px;
					background-image: url(../images/other_background.jpg);
					background-position: top left;
					background-repeat: no-repeat;
					}
		
	#footerTransition {
		width: 100%;
		float: left;
		}
	
	#footer {
		width: 100%;
		min-height: 285px;
		float: left;
		background-image: url(../images/footerbackground.jpg);
		background-position: top left;
		background-repeat: repeat-x;
		}

#rightColumn table tbody tr td {
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #999;
}
		
/******************************************************************************************************************************
   GALLERY STYLES
******************************************************************************************************************************/

	#galleryWrapper {
		width: 624px;
		float: left;
		}
						
	.galleryItem {
		width: 175px;
		border: 5px solid #FFFFFF;
		float: left;
		margin-right: 23px;
		margin-bottom: 20px;
		}
							
		.tool-tip {
			float: left;
			background: #FFFFFF;
			height: auto;
			}
						
			.tool-title {
				float: left;
				display: none;
				margin: 0px;
				padding: 0px;
				border: none;
				height: 0px;
				}
	
			.tool-text {
				float: left;
				margin: 0px;
				padding: 0px;
				border: none;
				border: 1px solid #5F6C7C;
				}
						
			.tool-tip img,
			.tool-title img,
			.tool-text img {
				float: left;
				margin: 0px;
				padding: 0px;
				border: 10px solid #06182B;
				}

				.galleryRow {
					width: 600px;
					float: left;
					padding-bottom: 20px;
					}
							
					.galleryImage {
						width: 175px;
						float: left;
						border: 5px solid #FFFFFF;
						background-color: #FFFFFF;
						}

					.galleryContent {
						width: 415px;
						float: left;
						}
								
					.galleryHeader {
						width: 400px;
						float: left;
						padding: 0px 0px 0px 15px;
						}
								
					.galleryText {
						width: 400px;
						float: left;
						padding: 0px 0px 0px 15px;
						}

/******************************************************************************************************************************
   MISC
******************************************************************************************************************************/

.season_pass_questions {
	margin:0 25px;
	}

#season_pass_form label {
	display:block;
	margin:5px 0 0 0;
	}
	
/******************************************************************************************************************************
	Snow Report
******************************************************************************************************************************/
.snowMainTitle {
	color:#3B7BCF;
	letter-spacing:2px;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	background-color:#E1E1E1;
	background-image:url("/images/snowreport_bg.jpg");
	background-repeat:repeat-x;
	padding:8px;
	}
.snowTitle {
	color:#555;
	letter-spacing:0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	background-color:#F6F6F6;
	padding:5px;
	vertical-align:top;
	width:180px;
	}
.snowContent {
	color:#555;
	letter-spacing:0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	background-color:#F6F6F6;
	padding:5px;
	vertical-align:top;
	}
.lastUpdate {
	font-size:10px;
	color:#002A5C;
	}
/********************************************************************************************************************************
	FOOTER
********************************************************************************************************************************/
#footerRow1 {
	width: 100%;
	float: left;
	}

#footerRow2 {
	width: 919px;
	float: left;
	margin-left: 15px;
	margin-right: 15px;
	border-top: 1px dotted #88ACDA;
	padding: 10px 0px 20px 0px;
	display: inline;	
}

.footerVisitUs {
	float:left;
	width:165px;
	border-right:0px dotted #88acda;
	padding:0px 10px 20px 10px;
	}
.footerQuickLinks {
	float:left;
	width:453px;
	border-left:1px dotted #88acda;
	border-right:1px dotted #88acda;
	padding:0px 10px 20px 10px;
	}
.footerNotesFromTheTop {
	float:left;
	width:255px;
	padding:0px 10px 20px 10px;
	}
.socialLinks {
	width:auto;
	text-align:center;
	}
.footerQuickLinksBlock {
	width:140px;
	float:left;
	margin-left:10px;
}
.footerQuickLinksBlock a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
	color:#88acda;
	}
.footerQuickLinksBlock a:hover {
	color:#C8CDD1;
	}
.footerNotesBox {
	width: 255px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#C7CACF;
	}
	.footerNotesBox a {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		text-decoration:none;
		font-weight:normal;
		color:#88acda;
		}
			.footerNotesBox a:hover {
				color:#C8CDD1;
				}