@import url(global_v1-2.css);
@import url(waialae_css/modules.css);
@import url(waialae_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: #09402d;
	font:24px/2.0 Georgia, "Times New Roman", Times, serif;

}


h2 {
	
	color: #847D54;
	font:16px Georgia, "Times New Roman", Times, serif;
	
}

h3 {
	
	color: #1f1e1c;
	font:700 20px Georgia, "Times New Roman", Times, serif;

}

h4 {
	
	color: #AF7A1F;
	font: italic 16px/1.3 Georgia, "Times New Roman", Times, serif;

}

h5 {
	
	color: #2b3B24;
	font: 11px Georgia, "Times New Roman", Times, serif;
	display: inline;

}

h6 {
	
	color: #4b4d4c;
	font: 700 12px/1.8 Arial, Helvetica, sans-serif;	

}

p {
	
	color: #4b4d4c;
	font: 11px/1.8 Arial, Helvetica, sans-serif;

}

ul {
	
	color: #4b4d4c;
	font: 11px/1.8 Arial, Helvetica, sans-serif;

}


table, div {
	
	color: #4b4d4c;
	font: 11px/1.8 Arial, Helvetica, sans-serif;

}

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

}

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

}

.page {
	
	background: #06251a;
	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: waialae
////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

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

#siteWrapper {
	text-align:center;
	margin:0 auto;
	width:982px;
	
}

#contentWrapper {
	background:url(../../../images/content_bg.gif) repeat-y;
	width:982px;
	
}


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

#branding {
	width:938px;
	text-align:center;

}

#branding .logo {
	float:left;
	text-align:left;
	width:382px;

}

	#SlogoHeader {
	float:left;
	text-align:left;
	height:71px;
	width:382px;
	
	}
	
	a#SlogoHeader {
		height: 71px;
		width: 382px;
		background:url(../../../Images/logo_new.gif);
		background-position:top left;
}
		a#SlogoHeader:hover {
			background-position: left bottom;
		}
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {
	background:url(../../../images/navbg.gif) no-repeat;
	text-align:center;
	width:982px;
	height:40px;

}

	#nav .inside {
		float:right;
		width:960px;
		height:40px;
	
	}
	

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

#contentArea {
	width:938px;
	margin:0 auto;
	background:url(../../../images/contentArea_bg.gif) repeat-y;
	
}

#privatebg {
	background:url(../../../images/privateBG.gif) top repeat-y;
	width:938px;
	margin:0 auto;

}

#privatebgModule {
	background:#fff;
	width:938px;
	margin:0 auto;

}

#contentAreaPriv {
	width:938px;
	margin:0 auto;
	background:url(../../../images/contentbg.jpg) no-repeat bottom;
	
}

#contentAreaModule {
	width:938px;
	margin:0 auto;
	background:url(../../../images/contentbgModule.jpg) no-repeat bottom;
	
}

#contentMain {
	float:right;
	text-align:left;
	width:680px;
	height:auto;

}

	#contentMain img {
		display:block;

	}
	
	#contentMain .inside {
		padding:50px 40px 75px 40px;
	
	}

#pubHome {
	float:right;
	text-align:left;
	width:700px;
	height:auto;

}
	
#privHeader {
	width:938px;
	height:215px;

}
	#privHeader img {
		display:block;
	
	}

#sideBar {
	float:left;
	text-align:left;
	background:#F0EDDA;
	width:238px;
	height:auto;

}

#sideBar .inside {
	padding:30px 15px 30px 15px;

}

#secondary {
	float:left;
	text-align:left;
	background:none;
	width:241px;
	height:auto;

}

	#secondary .inside {
		padding:30px 15px 50px 15px;

	}
	
#secondaryWrapper {
	width:680px;
	height:auto;
	padding-bottom:100px;

}

#privateContentArea {
	width:680px;
	height:auto;

}
	#privateContentArea .inside {
		padding:50px 40px 40px 40px;
	
	}

#contentPrimary {
	width:680px;
	height:auto;

}
	#contentPrimary .inside {
		padding:50px 40px 10px 40px;
	
	}
	
#contentSecondary {
	float:left;
	width:360px;
	height:auto;

}
	#contentSecondary .inside {
		padding:10px;
	
	}

#quickLinks {
	float:right;
	width:240px;
	height:auto;

}
	#quickLinks .inside{
		padding:10px;
	
	}
	
	#quickLinks p {
		font:700 11px Arial, Helvetica, sans-serif;
		color:#09402d;
	
	}
	
	#quickLinks h5 {
		font:700 13px/1.8 Georgia, "Times New Roman", Times, serif;
		color:#4B4D4C;
	
	}
	
#splash {
	background:url(../../../images/splashImage.jpg) no-repeat;
	width:960px;
	height:778px;
	margin-top:60px;

}

#Slogo {
	float:left;
	height:30px;
	width:170px;
	}
	
	a#Slogo {
		height: 30px;
		width: 170px;
		background:url(../../../images/guestbutton1.gif);
		background-position:top left;
		margin-left:300px;
		margin-top:394px;
}
		a#Slogo:hover {
			background-position: left bottom;
		}

#Slogo2 {
	float:right;
	height:30px;
	width:180px;
	}
	
	a#Slogo2 {
		height: 30px;
		width: 180px;
		background:url(../../../images/memberbutton1.gif);
		background-position:top left;
		margin-right:285px;
		margin-top:395px;
}
		a#Slogo2:hover {
			background-position: left bottom;
		}

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

#footer {
	background:url(../../../images/footer.gif) no-repeat;
	text-align:center;
	width:982px;
	
}

	#footer p {
		font:400 10px Arial, Helvetica, sans-serif;
		color:#FFFFFF;
	
	}

	/*#footer .inside {
		background:url(../../../images/footer_img.gif) no-repeat bottom;
		height:175px;
		width:982px;
	
	}*/
	
	#footer .footerContainer {
		width:580px;
		float:right;
		height:175px;
		
	
	}
	
		.floatRight {
			float:right;
			text-align:left;
			margin-top:70px;
			margin-right:75px;
			width:325px;
	
		}
	
		.floatLeftA {
			float:left;
			width:160px;
			height:175px;
			margin-top:15px;
	
		}
	
	#footer .floatLeft {
		float:left;
		text-align:right;
		margin-top:70px;
		margin-left:75px;
		width:325px;
	
	}