@import url(global_v1-2.css);
@import url(villageclub_css/modules.css);
@import url(villageclub_css/plugins.css);
@import url(adminLogin.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: #363636;
	font: 24px Garamond, "Times New Roman", Times, serif;

}


h2 {
	
	color: #363636;
	font: 30px Helvetica, Arial, Helvetica, sans-serif;

	
}

h3 {
	
	color: #363636;
	font:700 14px Georgia, "Times New Roman", Times, serif;

}

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

}

h5 {
	
	color: #567f98;
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	display: inline;

}

h6 {
	
	color: #363636;
	font:11px Arial, Helvetica, sans-serif;

}

p {
	
	color: #363636;
	font: 12px/1.6 Arial, Helvetica, sans-serif;

}

table, div {
	
	color: #363636;
	font: 12px/1.6 Arial, Helvetica, sans-serif;
	padding:0px;

}

a,a.small,a.anchor,a.visited {
	
	color:#26495e;
	font: inherit;
	text-decoration: underline;

}

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

}

.page {
	
	background:#A7D4EB url(../../../images/bg_site.jpg) repeat-x top center;
	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: villageclub
////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

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

#siteWrapper {

	width:100%;
	text-align:center;
	margin:0 auto;
	
}

#pubHome {

	width:960px;
	margin:0 auto;
	
}

	#pubHome .contentTop {
	
		background:url(../../../images/bg_topContent.jpg) no-repeat top;
		
	}
	
	#pubHome .contentBottomLeft {
	
		background:url(../../../images/bg_contentBotleft.jpg) no-repeat bottom left;
		
	}
	
	#pubHome .contentBottomRight {
	
		background:url(../../../images/bg_contentBotRight.jpg) no-repeat bottom;
		
	}

/* ----------------
= Branding CLASSES 
------------------*/

#brandingWrapper {

	width:100%;
	background:url(../../../images/bg_header.jpg) no-repeat top center;
	height:102px;
	text-align:center;
	margin:0 auto;
	
}

	#branding {
		
		width:960px;
		margin:0 auto;
		height:102px;
		text-align:left;
		
	}
	
		#branding .inside {
		
			padding-top:30px;
			
		}
		
/* ----------------
= NAV CLASSES 
------------------*/

#navWrapper {

	width:100%;
	background:url(../../../images/bg_nav.gif) repeat-x;
	height:28px;
	text-align:center;
	margin:0 auto;

}

	#nav {
	
		width:960px;
		margin:0 auto;
		
	}
	
		#nav .inside {
		
			float:left;
			width:740px;
			padding-top:1px;
			
		}
		
		#nav .headerLink {
	
			float:right;
			padding:4px 40px 0px 0px;
			
		}
		
			#nav .headerLink img {
			
				display:block;
				
			}
		

/* -------------------------------------------------------------
= CONTENT  
------------------------------------------------------------- */
#flash {

	padding-bottom:20px;
	
}

#contentArea {
	
	width:960px;
	margin:0 auto;
	background:url(../../../images/bg_repeatingContent.jpg) repeat-y;
	
}

#contentSept {

	height:10px;
	
}

	#contentArea .contentTop {
	
		background:url(../../../images/bg_topContent.jpg) no-repeat top;
		
	}
	
	#contentArea .contentBottomLeft {
	
		background:url(../../../images/bg_contentBotleft.jpg) no-repeat bottom left;
		
	}
	
	#contentArea .contentBottomRight {
	
		background:url(../../../images/bg_contentBotRight.jpg) no-repeat bottom center;
		
	}
	
#contentWrapper {

	padding:50px 30px 10px;
	float:right;
	min-height:650px;
	text-align:left;
	
}

	#contentWrapper .inside {
	
	}

#contentWrapperHm {

	padding:0px 40px 10px;
	float:right;
	
}

#contentWrapperPriv {

	padding:25px 30px;
	
}

	#contentMain {
	
		width:480px;
		float:left;
		
	}
	
	#contentSecondary {
	
		width:190px;
		float:right;
		
	}
	
		#contentSecondary .inside {
		
			padding:40px 0px 0px 15px;
		
		}

#sideBar {

	width:210px;
	float:left;
	
}

	#sideBar .inside {
	
		padding:100px 0px 0px;
		
	}
	
	#sideBar .insidePriv {
	
		padding:40px 0px 0px;
		
	}
	
	#sideBar .bottom {
	
		padding:400px 15px 0px;
		
	}	

#pgHeader {

	width:690px;
	
}

#privCalendar {

	width:690px;
	
}

#contentLower {

	width:690px;
	padding-top:25px;
	
}

#moduleWrapper {

	width:960px;
	margin:0 auto;
	background:url(../../../images/bg_moduleTop.jpg) no-repeat top center;

}

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

#footerWrapper {

	width:100%;
	height:37px;
	background:url(../../../images/bg_footerRepeat.jpg) repeat-x;
	text-align:center;
	margin:0 auto;

}

	#footer {
	
		width:960px;
		margin:0 auto;
		height:37px;
		background:url(../../../images/bg_footer.jpg) no-repeat;
		
	}
	
		#footer .inside {
		
			padding:40px 20px;
			text-align:left;
			
		}