@import url(global_v1-2.css);
@import url(ccVirginiaNew_css/modules.css);
@import url(ccVirginiaNew_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: #3b1e04;
	font: 24px Georgia, "Times New Roman", Times, serif;
	padding-bottom: 10px;

}


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

h3 {
	
	color: #2e1501;
	font: 14px 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: #423317;
	font: bold 11px Georgia, "Times New Roman", Times, serif;

}

p {
	
	font: 16px/1.3 garamond, "times new roman", sans-serif;
	color: #000000;

}

table, div {
	
	font: 14px Garamond, 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: #000000;
	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;

}



/* overwrite Global Login Divs & Generated Styles by using !important */
#login_error font {
	color: #e78b1e !important;
	font-weight:bold;
	
}







/****** 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;

}

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

#siteWrapper {
	width: 940px;
	margin: 0 auto;
}

/* -------------------------------------------------------------
= Login Fields 
------------------------------------------------------------- */


/* -------------------------------------------------------------
= HEADER CLASSES 
------------------------------------------------------------- */
#HeaderPubHome {
	width: 940px;
	/*height: 194px;*/
	background: url(../../../images/header_public.jpg) top center no-repeat;
	margin: 0 auto;
	
	/* DJC added 02/002/10:  Fixes Navigation in FF from bumping right off-screen when Login Error Message expands to 2 lines */
	min-height:202px;	
	height:auto;
}

#Header {
	width: 940px;
	/*height: 194px;*/
	background: url(../../../images/header.jpg) top center no-repeat;
	margin: 0 auto;
	
	/* DJC added 02/002/10:  Fixes Navigation in FF from bumping right off-screen when Login Error Message expands to 2 lines */
	min-height:202px;	
	height:auto;
}

#Memberlogin {
	width: 323px;
	margin-top: 134px;
}

#GlobalLinks {
	width: 300px;
	text-align: right;
	margin-top: 170px;
	color: #9b8349;
	font: 9px arial, sans-serif;
	line-height: 24px;
}

#GlobalLinksPrivate {
	width: 300px;
	text-align: right;
	margin-top: 6px;
	color: #9b8349;
	font: 9px arial, sans-serif;
	line-height: 24px;
}
	
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */
#NavPublic {
	width: 940px;
	height: 28px;
	color: #cca74e;
	font: 11px Georgia, sans-serif;
	text-transorm: uppercase;
	margin-top: 10px;
}

#NavPrivate {
	width: 940px;
	height: 14px;
	color: #cca74e;
	font: 11px Georgia, sans-serif;
	text-transorm: uppercase;
}


/* -------------------------------------------------------------
= CONTENT  
------------------------------------------------------------- */
#Flash {
	width: 940px;
	height: 504px;
}

#ContentArea {
	width: 940px;
	background: url(../../../images/contentarea.jpg) top center repeat-y;
}

#ContentAreaBottom {
	width: 940px;
	background: url(../../../images/contentbg.jpg) bottom center no-repeat;
	min-height: 224px;
	height: auto !important;
	height: 224px;
}

#ContentAreaNewUser {
	width: 940px;
	background: url(../../../images/contentarea.jpg) top center repeat-y;
}

#ContentTopWrapper {
	width: 940px;
}

#contentImage {
	width: 680px;
	height: 286px;
}

	#contentImage img {
	display: block;
	}


#ContentGallery {
	width: 260px;
	height: 286px;
	background: url(../../../images/contentcornerbg.jpg) top center no-repeat;
}

#ContentGalleryFull {
	width: 940px;
	height: 286px;
	background: url(../../../images/gallerybg.jpg) top center no-repeat;
	text-align: left;
}

#contentGalleryFull img {
	display: block;
}

#FullImage {
	width: 940px;
	text-align: left;
}

#FullImage img {
	display: block;
}

#VNav {
	width: 180px;
	margin-left: 30px;
	margin-top: 26px;
}

#ContentRight {
	width: 630px;
	margin-right: 30px;
	margin-top: 26px;
	text-align: left;
	font: 16px/1.3 garamond, "times new roman", sans-serif;
	color: #000000;
}

#ContentRight table {
	font: 16px/1.3 garamond, "times new roman", sans-serif;
	color: #000000;
}

#ContentRight div {
	font: 16px/1.3 garamond, "times new roman", sans-serif;
	color: #000000;
}

/* -------------------------------------------------------------
= Private homepage
------------------------------------------------------------- */
#quicklinks {
	width: 258px;
	height: 278px;
	background: url(../../../images/quicklinksbg.jpg) top center no-repeat;
	text-align: left;
}

#quicklinks .inside {
	padding-top: 10px;
	width: 180px;
	margin-left: 30px;
}

#PrivateHomeImage {
	width: 682px;
	height: 278px;
}

#privatehomeimage img{
	display: block;
}

#PrivatelowerWrapper {
	width: 940px;
	padding-top: 26px;
}

#PrivateContentWrapper {
	border-left: 1px solid #917a4b;
	width: 702px;
}

#PrivateContentLeft {
	width: 416px;
	text-align: left;
	padding-left: 24px;
	font: 16px/1.3 garamond, sans-serif;
	color: #2e1501;
}

#PrivateContentRight {
	width: 214px;
	margin-right: 30px;
}

#Calendar {
	width: 180px;
	margin-left: 30px;
}


#Calendar a {
	color: #000000;
}


#Calendar2 {
}


#Calendar2 a {
	color: #000000;
}

#Weather {
	margin-top: 140px;
	width: 300px;
	color: #9a8761;
	font: 12px "times new roman", sans-serif;
	text-align: right;
}

#WeatherPrivate {
	margin-top: 112px;
	width: 300px;
	color: #9a8761;
	font: 12px "times new roman", sans-serif;
	text-align: right;
}

#News {
}

#News a{
	color: #000000;
}

#List {
}

#List a{
	color: #000000;
}

#List a.tNavTabOff:hover,
#List a.tNavTabOff,
#List a.tNavTabOff:visited {
	color: #FFFFFF;
}

#List .tNavTabOff:hover,
#List .tNavTabOff,
#List .tNavTabOff:visited {
	color: #FFFFFF;
}

#List a.rosterLetterOff:hover,
#List a.rosterLetterOff:visited,
#List a.rosterLetterOff,
#List .rosterLetterOff {
	color: #FFFFFF;
}
 
#PhotoPlugin {
	font: 16px garamond, sans-serif;
	color: #2e1501;
	line-height: 18px;
} 
 
/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */

#footer {
	width: 940px;
	text-align: center;
	color: #6c5735;
	font: 10px "Times New Roman", arial, sans-serif;
	text-transform: uppercase;
	padding-bottom: 10px;
}

#footer table{
	color: #6c5735;
	font: 10px "Times New Roman", arial, sans-serif;
	text-transform: uppercase;
	text-align:
}

#footerContent {
	width: 940px;
	height: 53px;
	background: url(../../../images/footer.jpg) top center no-repeat;
	text-align: center;
	color: #6c5735;
	font: 10px "Times New Roman", arial, sans-serif;
	text-transform: uppercase;
	padding-top: 53px;
	padding-bottom: 10px;
}

#footerContent table{
	color: #6c5735;
	font: 10px "Times New Roman", arial, sans-serif;
	text-transform: uppercase;
	text-align:
}

/*Aquatics Center Renovation additiona*/



.blockLevel {

	display: block;

}

/*.clearBoth, .hideText {

	height: 0;

}*/

#aquaSiteWrapper {

	margin: 0 auto;
	text-align: center;
	width: 814px;
	height: 704px;
	background: url(../../../Images/aqua_bodyBg.jpg) no-repeat;
	font-family: Arial, "Lucida Sans Unicode", Verdana, sans-serif;

}

	#aquaSiteWrapper h1 {
			
		font-size: 14px;
		font-weight: bold;
		padding-bottom: .6em;
		color: #A4BAC8;

	}
					
	#aquaSiteWrapper p {

		font-size: 10px;
		margin: 0;
		line-height: 1.8em;
		color: #003366;

	}

	#aquaSiteWrapper #branding {

		width: 100%;
		height: 94px;
		background: url(../../../Images/aqua_headerLogo.gif) no-repeat left top;

	}
	
		#logoFix {

			text-indent: -1000000px;

		}
		
	#aquaSiteWrapper #contentAreaAqua {
	
		width: 100%;
		height: 572px;
		text-align: left;
		background: #FFF;
	
	}
		
		#aquaSiteWrapper #nav {
	
			width: 244px;
	
		}
		
			.aquaLink {
	
				width: 100%;
				height: 94px;
				display: block;
	
			}
			
				#al_general {
	
					background: url(../../../Images/aqua_nav_general.gif) no-repeat left;
	
				}
				
				#al_general:hover {
	
					background: url(../../../Images/aqua_nav_general.gif) no-repeat right;
	
				}
				
				#al_faq {
	
					background: url(../../../Images/aqua_nav_faq.gif) no-repeat left;
	
				}
				
				#al_faq:hover {
	
					background: url(../../../Images/aqua_nav_faq.gif) no-repeat right;
	
				}
				
				#al_photos {
	
					background: url(../../../Images/aqua_nav_photos.gif) no-repeat left;
	
				}
				
				#al_photos:hover {
	
					background: url(../../../Images/aqua_nav_photos.gif) no-repeat right;
	
				}
				
				#al_camera {
	
					background: url(../../../Images/aqua_nav_camera.gif) no-repeat left;
	
				}
				
				#al_camera:hover {
	
					background: url(../../../Images/aqua_nav_camera.gif) no-repeat right;
	
				}
				
				#al_updates {
	
					background: url(../../../Images/aqua_nav_updates.jpg) no-repeat left;
	
				}
				
				#al_updates:hover {
	
					background: url(../../../Images/aqua_nav_updates.jpg) no-repeat right;
	
				}
		
		#aquaSiteWrapper #contentWrapper {
		
			width: 570px;
		
		}
		
			#aquaSiteWrapper #contentMain {
		
				width: 330px;
		
			}
			
			#aquaSiteWrapper #contentSecondary {
		
				width: 240px;
				padding: 40px 0;
		
			}
			
				#aquaSiteWrapper #contentSecondary .inside {
		
					width: 202px;
					margin: 0 14px;
					padding-right: 10px;
					/*height: 390px;*/
		
				}
					
			#timeLineWrapper {
		
				width: 100%;
				height: 94px;
				padding: 4px 0;
		
			}
			
		#contentMain_oneCol {
	
			width: 100%;
			padding: 20px 0;
	
		}
		
		#contentMain_oneCol .inside {

			width: 520px;
			margin: 0 20px;
			padding-right: 10px;
			/*height: 430px;*/

		}