@import url(global_v1-2.css);
@import url(superstitionMC_css/modules.css);
@import url(superstitionMC_css/plugins.css);
@import url(adminLogin.css);
@import url(admin.css);


/*
I. GLOBAL:  Global classes, header styles, link styles and .page (body tag) class
II. BUTTONS
III. MISC CLASSES 
IV. CUSTOM SITE SELECTORS

/////////////////////////////////////////////////////*/

body {
	
	background:  #FFF;
	color: #000;
}

h1 {
	
	color: #000;
	font: 34px Georgia, "Times New Roman", Times, serif;
	margin-bottom: .4em;
	letter-spacing: 1px;

}

h2 {
	
	color: #000;
	font: bold 14px Georgia, "Times New Roman", Times, serif;
	margin-bottom: .4em;
	
}

h3 {
	
	color: #666666;
	font: 14px/1.6 Georgia, "Times New Roman", Times, serif;

}

h4 {
	
	color: #65A0A8;
	font: 14px/1.3 Georgia, "Times New Roman", Times, serif;

}

h5 {
	
	color: #FFF;
	font: 24px Georgia, "Times New Roman", Times, serif;
	/*display: inline;*/

}

h5 span {

	color: #F8D54E;

}

h6 {
	
	color: #9A9683;
	font: bold 10px Georgia, "Times New Roman", Times, serif;

}

p {
	
	color: #666666;
	font: 12px/1.6 Georgia, "Times New Roman", Times, serif;

}

table, div {
	
	font: 11px "Lucida Sans Unicode", Verdana, Arial, sans-serif;

}

a,a.small,a.anchor,a.visited {
	
	color: #8B7E5F;
	font: inherit;
	text-decoration: none;

}

a:hover {
	
	color: #848D74;
	font: inherit;
	text-decoration: underline;

}

.page {
	
	background: #4B4231;
	text-align: center;
	
}

.CEMenu {
	
	margin: 0;
	padding: 0;

}

/* important edit global text boxes - deFault --------- */
.txtbox {
	
	background: #FFF;
	border-style: inset;
	border-width: 2px;
	color: #000;
	font: 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	margin: 2px 0;

}

/****** END GLOBAL ------------------
/////////////////////////////////////
II. BUTTONS
/////////////////////////////////////
= directory -> edit roster options -> cancel & next button --------- */
.but {
	
	background: #eee;
	border: 1px outset buttonhighlight;
	color: #333;
	cursor: pointer;
	font: 13px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

/*= directory -> edit roster options -> close button --------- */
.membut {
	
	background: #eee;
	border: 1px solid buttonFace;
	color: #333;
	cursor: pointer;
	font: 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

/*= ADMIN BUTTON AND BAR ------ */
.abut {
	
	background: #eee;
	border-style: outset;
	border-width: 2px;
	color: #333;
	font: 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	margin-bottom: 2px;
	margin-top: 2px;

}

.adminbar {
	
	background: #eee;
	color: #333;
	font: 400 12px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

/*////////////////////////////////////
III. MISC CLASSES 
//////////////////////////////////////
 --------- general row hover classes --------- */
.rowNormal {
	
	background: #eee;
	color: #000;
	font: 400 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

.rowHover {
	
	background: #FFF;
	color: #000;
	font: 400 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

.rowAlternate {
	
	background: #eee;
	color: #000;
	font-weight: 400;

}

.rowHeader {
	
	background: #555;
	border: 1px solid #000;
	color: #FFF;
	font-weight: 700;

}

.cookieTrail {
	
	background: #FFF;
	border-bottom: 1px solid #FFF;
	color: #000;
	display: none;
	font: 400 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	padding: 2px;
	text-decoration: none;

}

a.cookieTrail,a.cookieTrail:hover {
	
	color: #333;
	font: 400 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	text-decoration: none;

}

/*//////////////////////////////////////////////////////////
Layout and Custom Selectors For: Superstition Mountain Club
//////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

#mediaWindow img {

	display: block;

}

/*////////////////////////////////////////////////////////////////
= MASTER PAGE SPECIFIC CLASSES 
////////////////////////////////////////////////////////////////*/

#bodyWrapper {

	width: 100%;
	height: 100%;
	background: url(../../../Images/headerBg.jpg) no-repeat center top;

}

	.siteWrapper {
	
		width: 960px;
		margin: 0 auto;
		text-align: center;
		
	}
	
	#homePage {
		
	}
	
		#contentContainer {
		
			width: 100%;
			background: url(../../../Images/footerBg.gif) no-repeat center bottom #FFF;
			padding: 3px 0 73px;
		
		}
		
		#contentPageOne #contentContainer,
		#contentPageTwo #contentContainer {
		
			padding: 0 0 30px;
		
		}
		
			#contentBox {
		
				width: 954px;
				margin: 0;
				margin-top:3px;
				text-align: left;
		
			}




/* -------------------------------------------------------------
= HEADER CLASSES 
------------------------------------------------------------- */

#branding {

	width: 100%;
	height: 295px; /* was 195*/
	
}

	#branding #logo {

		width: 196px;
	
	}
	
	#branding .floatRight {

		width: 278px;
		height: 100%;
	
	}
	
		#branding .floatRight #weatherWrapper {
	
			width: 100%;
			height: 263px; /* was 163*/
		
		}
		
		#branding .floatRight a#loginTab {
	
			display: block;
			width: 100%;
			height: 32px;
			background: url(../../../Images/loginTab_doors.gif) no-repeat left;
		
		}
		
		#branding .floatRight a#loginTab:hover {
	
			background: url(../../../Images/loginTab_doors.gif) no-repeat right;
		
		}
	
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {

	width: 100%;
	height: 36px;
	background: #000;

}

#homePage #nav {

	margin-bottom: 20px;

}
#contentPageOne #nav,
#contentPageTwo #nav {

	margin-bottom: 20px;

}

/* -------------------------------------------------------------
= CONTENT  
------------------------------------------------------------- */

#mediaWindow {

	width: 100%;

}

#contentArea {
	
	width: 830px;
	margin-left: 62px;
	
}

#contentPageOne #contentArea,
#contentPageTwo #contentArea {

	width: 900px;
	margin-left: 40px;
	

}

	#homePage #contentMain {
	
		width: 540px;
	
	}
	
	#homePage #contentSecondary {
	
		width: 230px;
	
	}
	
		#homePage #contentSecondary strong {
		
			display: block;
			background: url(../../../Images/doubleBorder.gif) repeat-x center bottom;
			padding-bottom: 12px;
		
		}
		
		
	/*#contentPageOne #contentMain {
	
		width: 576px;
	
	}
	
	#contentPageOne #contentSecondary {
	
		width: 194px;
	
	}*/
	
	#contentPageOne #contentMain,
	#contentPageTwo #contentMain {
	
		width: 646px;
		margin-right: 20px;
	
	}
	
		#contentPageTwo #mediaWindow {
	
			height: 144px;
			margin-bottom: 30px;
	
		}
		
			#contentPageTwo #mediaWindow .floatLeft {
	
				width: 416px;
				background: #83A3C2;
				height: 100%;
	
			}
			
				#contentPageTwo #mediaWindow .floatLeft .inside {
		
					width: 356px;
					margin: 40px 0 0 30px;
					text-align: center;
		
				}
				
					#contentPageTwo #mediaWindow .floatLeft .inside h5 {
		
						background: url(../../../Images/content2_ornament.gif) no-repeat center bottom;
						padding-bottom: 34px;
		
					}
		
			#contentPageTwo #mediaWindow .floatRight {
	
				width: 230px;
	
			}
	#contentPageOne #contentSecondary,
	#contentPageTwo #contentSecondary {
	
		width: 178px;
	
	}

/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */

#footer {

	width: 100%;
	padding: 0 0 44px;
	background: url(../../../Images/footerLogo.gif) no-repeat center;

}

	#footer h6 {

		/*padding: 18px 140px;*/
		padding-top: 18px;
		padding-right: 140px;
		padding-left: 140px;
		padding-bottom: 18px;
	
	}
	
	#footer h6 span {

		margin: 0 10px;
	
	}