@import url(global_v1-1.css);
@import url(CharlotteCC_css/modules.css);
@import url(CharlotteCC_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: #004424;
	font: 24px "Times New Roman", Georgia, Times, serif;
	margin-bottom: 10px;

}

#private h1 {
	
	color: #3E1C01;
	margin-bottom: 0;

}

h2 {
	
	color: #482B1D;
	font: 13px "Times New Roman", Georgia, Times, serif;
	text-transform: uppercase;
	
}

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

}

h4 {
	
	color: #482B1D;
	font: 14px "Times New Roman", Georgia, Times, serif;
	margin-bottom: 10px;

}

h5 {
	
	color: #000;
	font: 12px "Times New Roman", Georgia, Times, serif;
	display: inline;

}

h6 {
	
	color: #FFF;
	font: 9px Arial, Verdana, sans-serif;
	text-transform: uppercase;

}

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

}

table, div {
	
	color: #1A1816;
	font: 14px/1.6 "Times New Roman", Georgia, Times, serif;

}

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

}

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

}

.page {
	
	background: url(../../../Images/bodyBg.jpg) no-repeat center top #D9C485;
	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: siteName
////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

.centered {

	margin: 0 auto;
	text-align: center;

}

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

.siteWrapper {

	width: 958px;
	margin: 0 auto;
	text-align: center;
	border: 1px solid #FFEAA7;
	background: #ECC552;
	
}

#pubHome {


	
}

#content {


	
}


	#siteContainer {
	
		width: 950px;
		
	}
	
	#private #siteContainer {
	
		background: url(../../../Images/priv_contentTop.gif) repeat-y left top;
	
	}
	
		#contentArea {
		
			width: 100%;
			background: #FFF;
		
		}
	
		#pubHome #contentArea {
		
			background: url(../../../Images/contentBg_home.jpg) no-repeat left bottom #FEFEFC;
		
		}
		
		#content #contentArea {
		
			background: url(../../../Images/contentBg.jpg) no-repeat left bottom #FEFEFC;
			padding-bottom: 270px;
		
		}
		
		#private #contentArea {
		
			background: url(../../../Images/priv_contentBgBottom.jpg) no-repeat left bottom;
			padding-bottom: 270px;
		
		}


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

#branding {

	width: 960px;
	height: 108px;
	background: url(../../../Images/headerLogo.gif) no-repeat left top;
	text-transform: uppercase;
	text-align: right; 
	
}

	#branding .inside {

		font: bold 10px "Times New Roman", Georgia, Times, serif;
		padding-top: 20px;
	
	}
	
#Publicbranding {

	width: 960px;
	height: 88px;
	background: url(../../../Images/headerLogo_public.gif) no-repeat left top;
	text-transform: uppercase;
	text-align: right; 
	
}

	#Publicbranding .inside {

		font: bold 10px "Times New Roman", Georgia, Times, serif;
		padding-top: 20px;
	
	}

	.headerLink {
	
		color: #8C7953;
		background: #E1C884;
		padding: 4px 22px;
		margin-left: 10px;
	
	}
	
	.headerLink:hover {
	
		color: #8C7953;
		background: #FEE295;
		text-decoration: none;
	
	}
	
	#MemberLogin {
		
		color: #291008;
		font: 10px Arial, serif;
		margin-left:50px;
		margin-top:55px;
		float: left;

}
	
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {

	margin-top: 4px;

}

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

#contentWrapper {

	width: 870px;
	text-align: left;
	margin: 0 auto;
	
}

#private #contentWrapper {

	width: 950px;
	text-align: left;
	margin: 0 auto;
	
}

#mediaWindow {

	width: 100%;
	border-bottom: 6px solid #ECC552;

}

	#mediaWindow img {
	
		display: block;
	
	}
	
	
#NewmediaWindow {

	width: 100%;

}
	
	#pubHome #contentMain {
	
		width: 578px;
		padding: 20px 0;
	
	}
	
	#pubHome #contentSecondary,
	#private #contentSecondary {
	
		width: 236px;
		padding: 40px 0;
	
	}
		
		#private #contentSecondary .inside {
		
			width: 188px;
			margin-left: 24px;
			
		}
		
			#private #contentSecondary .inside ul {
		
				margin: 0;
				padding: 0;
				list-style: none;
		
			}
			
			#private #contentSecondary .inside li{
			
				margin: 0;
				padding: 0;
				line-height: 2;
			
			}
			
			#private #contentSecondary .inside li a,
			#private #contentSecondary .inside li a:hover {
				
				color: #84520F;
				font: italic 12px Arial, Verdana, sans-serif;
				text-decoration: none;
				padding-left: 12px;
			
			}
			
			#private #contentSecondary .inside li a:hover {
				
				background: url(../../../Images/sidebar_arrow.gif) no-repeat left center;
			
			}
	
	#content #contentMain {
	
		width: 100%;
		padding: 40px 0;
	
	}
	
	#private #contentMain {
	
		width: 714px;
		padding: 40px 0;
		
	
	}
	
		#private #contentMain .inside {
	
			width: 620px;
			margin-left: 56px;
	
		}
		
		#private #contentMain .inside h5 {
	
			display: block;
			margin-bottom: 20px;
	
		}
		
			#private #contentMain .inside h5 #balAmount {
		
				color: #8C3F03;
		
			}
		
			#featuredEventsWrapper {
			
				width: 100%;
				font: 11px Arial, Verdana, sans-serif;
			
			}
			
				#featuredEventsWrapper p {
			
					font: 11px Arial, Verdana, sans-serif;
					color: #696969;
					line-height: 2;
			
				}
				
				#featuredEventsWrapper a, #featuredEventsWrapper a:hover {
			
					color: #004823;
			
				}
				
				#featuredEventsWrapper h4 {
				
					margin: 6px 0 10px;
					color: #84520F;
					font: italic 12px Arial, Verdana, sans-serif;
					
				}
				
				#featuredEventsWrapper h1 img {
				
					float: none;
					
				}
				
				#featuredEventsWrapper img {
				
					float: left;
					margin-right: 14px;
				}
				
				#featuredEventsWrapper br {
				
					clear: both;
					
				}
				
				#featuredEventsWrapper div a img {
				
					float: none;
					margin: 0;
				
				}

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

#footer, #nav {

	width: 950px;
	background: #004823;
	height: 32px;
	margin-bottom: 4px;

}

#footer h6 {

	text-align: left;
	line-height: 32px;
	margin-left: 10px;

}