@import url(global.css);
@import url(MaidstoneC_css/modules.css);
@import url(MaidstoneC_css/plugins.css);
@import url(adminLogin.css);
@import url(admin.css);


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

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


h1 {
	
	color: #000;
	font: 24px "Times New Roman", Times, serif;
	text-transform: uppercase;
    padding-bottom: .2em;
	
}

h2 {
	
background:transparent url(../../../Images/divider_main.gif) repeat-x scroll left bottom;
color:#000;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:18px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding-bottom:0.2em;
text-transform:uppercase;
}


h3 {
	
	color: #84520F;
	font: italic 12px "Lucida Sans Unicode", Arial, sans-serif;

}

h4 {
	
	color: #000;
	font: 11px "Lucida Sans Unicode", Arial, sans-serif;
	font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding-bottom:0.3em;

}

h5 {
	
	color: #454035;
font-family:Garamond,"Times New Roman",Times,serif;
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding-bottom:0.3em;
}
	

h6 {
	
	color: #FFF;
	font: 20px bold	"Times New Roman", Times, serif;	
	text-transform: uppercase;
	text-decoration: underline;

}
/* ::TODO:: look into the best solution for this */

p {
	
	color: #696969;
	font: 11px "Lucida Sans Unicode", Arial, sans-serif;
	margin: 0;

}


table td {

	vertical-align: top;

}



a,a.small,a.anchor,a.visited {
	
	color: #454035;
    font: 12px "Times New Roman", Times, serif;	
	text-decoration: none;

}

a:hover {
	
	color: #454035;
    font: 12px "Times New Roman", Times, serif;	
	text-decoration: underline;

}

.page {
	
		background:url(../../../Images/main_background.gif);
     width: 100%;
	 align: 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 "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 "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 "Lucida Sans Unicode", Arial, sans-serif;

}

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

}

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

}

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

}

.rowHover {
	
	background: #FFF;
	color: #000;
	font: 400 11px "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 "Lucida Sans Unicode", Arial, sans-serif;
	padding: 2px;
	text-decoration: none;

}

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

}

/*/////////////////////////////////////////////////////
Layout and Custom Selectors For: TPC Valencia - Private
/////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////
= GLOBALLY USED CLASSES
////////////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

.houdini {

	visiblity: hidden;

}

/*primarily For images, removes extra bottom white space
IE creates For sourced images inside oF containers without
deFined heights*/

.blockLevel {

	display: block;

}

.justifiedCopy {

	text-align: justify;

}

.centered {

	margin: 0 auto;
	text-align: center;

}

.logoFix {

	text-indent: -100000px;

}

.arrowLink {

	background: url(../../../Images/arrow.gif) no-repeat left center;
	padding-left: 10px;
	font: 11px "Lucida Sans Unicode", Arial, sans-serif; 
	text-decoration: none;
	margin-left: 6px;
	color: #AA9049;

}

.arrowLink:hover {

	text-decoration: none;
	color: #9A8E6E;

}

.borderedThumb {

	border: 1px solid #686868;
	display: block;

}

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

.siteWrapper {

	width: 900px;
	min-height: 100%;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 0px;
				background:url(../../../Images/bodybg.jpg);


}

.siteWrapper table td {
 
	vertical-align: top;

}


.siteContainer {

	width: 754px;
	background:url(../../../Images/top_content_bg.jpg) top no-repeat;


}

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

#branding {
	

	height: 142px;

}

	#loggedInWrapper {

		height: 84px;
		margin-top: 34px;
		padding: 20px 30px 0 0;
		border-right: 1px solid #D3CBA5;
		text-align: right;

	}
	
		#loggedInWrapper h5 {
		
			color: #000;
			display: block;
			font-size: 16px;
			text-transform: uppercase;
			padding-bottom: 4px;
		
		}
		
		#loggedInWrapper .signedIn {
		
			color: #555;
			font-size: 10px;
			border-bottom: 1px dotted #B2B2B2;
		
		}
		
			#loggedInWrapper .logoutLinks {
		
				color: #Cf8A15;
				font-size: 10px;
		
			}
			
				#loggedInWrapper .logoutLinks a {
			
					color: #Cf8A15;
			
				}
				
				#loggedInWrapper .logoutLinks a:hover {
			
					color: #936C29;
					text-decoration: none;
			
				}

	
	#minnavWrapper {
	width: 215px;
	float: right;
	margin: 0 16px 0 0;
	}


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

#nav {

	text-align: center;
	width: 734px;
	padding-top:10px;
}

	#nav .inside {
	
		width: 734px;
		height: 33px;
		text-align: center;
	
	}
	

/*color-theme specific nav background colors*/

#blueTheme #nav {
	
	background: #A3B5AB;
	
}

#lightBrownTheme #nav {
	
	background: #C4B79B;
	
}

#darkBrownTheme #nav {
	
	background: #A6987C;
	
}

#greenTheme #nav {
	
	background: #B9BC9A;
	
}

#tanTheme #nav {
	
	background: #C1B68E;
	
}

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

/*home page*/

	#contentArea {
	
		width: 754px;
		text-align: center;
		background:url(../../../A_Master/library/background_header.jpg)	}
	
		#contentWrapper {
		
			width: 754px;
			background:url(../../../Images/bottom_content_bg.jpg) bottom no-repeat;
		
		}
		
			
				#iconLinks,
				#iconLinks li { 
				
					margin: 0;
					padding: 0;
					list-style: none;
				
				}
				
				#iconLinks { 
				
					padding: 26px 0;
				
				}
				
					#iconLinks a { 
					
						width: 40px;
						height: 20px;
						display: block;
					
					}
					
					#iconLinks a:hover { 
					
						background: #FFF;
					
					}
				
						#iconLinks img {
						
							display: block;
							padding-top: 2px;
						}

			
			#contentMain {
		
				width: 454px;
				background: #e4dfcb;
				text-align: left;
				background-position:bottom;
			  background: #e3deca;
				background:no-repeat;
				
		
			}
			
				#mainImageWrapper {
		               width:454px;
					   margin-top:10px;

				}
				
				.insideImage{
				background:#FFFFFF;
			margin: 0px 10px 10px 10px;
			padding: 4px 4px 4px 4px
				
				}
				
				#lowerContentWrapper {
		
					width: 434px;
			margin: 20px 10px 10px 10px;		
				}
				
					.lowerContent {
					
						width: 434px;
											
					}
					
						.lowerContent_left {
						
							width: 270px;
							height:195px;
							padding:8px;
						
						}
					
						.lowerContent_leftbottom {
						
							width: 270px;
							padding:8px;
						
						}
							.lowerContent_left .borderedThumb {
						
								margin-right: 6px;
						
							}
						
						.lowerContent_right {
						
								height:175px;
								padding:5px;
						
						}
							.lowerContent_rightbottom {
						
				width: 135px;
							padding:8px;
						
						}
						
							.lowerContent_callout {
									padding-top:10px;
								width: 140px;
						
				
							}
						
							.lowerContent_callout .inside {
									background: #F2F0E5;
									padding:5px;
							
							}
						
			
				#mainImageWrapper, #upcomingEventsWrapper {
		
					height: 275px;
		
				}
			
			#contentSecondary {
				width: 300px;
				text-align: left;
		
			}
			
				#contentSecondary .inside {
		
					width: 290px;
					background: #988f6f;
					margin-top:10px;
		
				}
				
				#contentSecTable {
				
					margin: 0;
					padding: 0;
					
				}
				
					#contentSecTable td {
	
						padding:5px 5px 0px 5px;
					}
					
					#adBanner {
					
						height: 276px;
						
					
					}
					
					#bluearea {
					padding-bottom: 10px;
					width: 280px;
					
					}
					
					#conentSec_bottomCallout {
		
						background: #FFF;
				
					
					}
					
						#conentSec_bottomCalloutDiv {
					
							width: 260px;
							height:100%;

						}
					
					#quickLinks,
					#quickLinks li {
					
						margin: 4px 0 0 4px;
						list-style: none;
						font: 11px Georgia, "Times New Roman", Times, serif;
						color: #333;
						padding: 0;
					
					}
			
						#quickLinks li {
						
							margin: 6px 0 0;
						
						}
						
							#quickLinks li a {
							
								text-decoration: underline;
								color: #333;
							
							}
							
							#quickLinks li a:hover {
							
								text-decoration: none;
							
							}
				
					#upcomingEventsWrapper .inside {
		
						width: 100px;
						margin: 0 20px;
						padding: 0;

					}
					


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

#footer {
background:url(../../../Images/footerhome.jpg);
height:146px;

}

	#footer .inside {
	
		margin-top: 24px;
		margin-left: 240px;
		width: 400px;
		height: 55px;
		padding: 10px 0;
	}
	
	
	
	/*////////////////////////////////////////////////////////////
login
*/	

.pageContainer#priv-login {
padding: 0 68px;

}
	.pageContainer#priv-login .topSection {
		background: url(../../../Images/login_top.jpg) left top no-repeat;
		height: 50px;
		width: 900px;
		height: 458px;
	
	}
	
	.pageContainer#priv-login .mainSection {
		background: url(../../../Images/login_footer.jpg) left top no-repeat;
		width: 900px;
		height: 342px;
		vertical-align: top;
	
		}
			#priv-login .mainSection .inside {
				padding: 35px 0 0 320px;
			
			}


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

/*content pages*/

.siteWrapperpages {

	width: 900px;
	min-height: 100%;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 0px;
				background:url(../../../Images/bodybg.jpg);


}

.siteWrapper table td {
 
	vertical-align: top;

}



	#contentAreapages {
	
		width: 754px;
		text-align: center;
		background:url(../../../A_Master/library/background_header.jpg)	}
	
		#contentWrapperpages {
		
			width: 754px;
		
		}
		

		#sidebar {
		width: 214px;
		margin:10px;
				height:100%;
		background: #002C60;
		
		}
		
		#sidebarcontent {
		text-align:left;
		padding:10px;

		
		}
		
		#maincontentpages {
		width: 520px;
	
		}
		
		#maincontentpagesinside {
	  background: #DAD5C1;
			margin: 10px 10px 0 0;
		
		}
		
		#maincontentpagesinsidecontent {
			text-align:left;
			padding: 50px 30px 30px 30px;
		
		}
			
				#iconLinks,
				#iconLinks li { 
				
					margin: 0;
					padding: 0;
					list-style: none;
				
				}
				
				#iconLinks { 
				
					padding: 26px 0;
				
				}
				
					#iconLinks a { 
					
						width: 40px;
						height: 20px;
						display: block;
					
					}
					
					#iconLinks a:hover { 
					
						background: #FFF;
					
					}
				
						#iconLinks img {
						
							display: block;
							padding-top: 2px;
						}

			
			#contentMainpages {
		
				width: 454px;
				background: #e4dfcb;
				text-align: left;
				background-position:bottom;
			  background: #e3deca;
				background:no-repeat;
				
		
			}
			
				#mainImageWrapper {
		               width:454px;
					   margin-top:10px;

				}
				
				.insideImage{
				background:#FFFFFF;
			margin: 0px 10px 10px 10px;
			padding: 4px 4px 4px 4px
				
				}
				
				#lowerContentWrapper {
		
					width: 434px;
			margin: 20px 10px 10px 10px;		
				}
				
					.lowerContent {
					
						width: 434px;
											
					}
					
						.lowerContent_left {
						
							width: 250px;
							height:195px;
							padding:8px;
						
						}
					
						.lowerContent_leftbottom {
						
							width: 250px;
							padding:8px;
						
						}
							.lowerContent_left .borderedThumb {
						
								margin-right: 6px;
						
							}
						
						.lowerContent_right {
						
							
								height:195px;
								padding:5px;
						
						}
							.lowerContent_rightbottom {
						
				width: 155px;
							padding:8px;
						
						}
						
							.lowerContent_callout {
									padding-top:10px;
								width: 160px;
						
				
							}
						
							.lowerContent_callout .inside {
									background: #F2F0E5;
									padding:5px;
							
							}
						
			
				#mainImageWrapper, #upcomingEventsWrapper {
		
					height: 275px;
		
				}
							
				
					
					#quickLinks,
					#quickLinks li {
					
						margin: 4px 0 0 4px;
						list-style: none;
						font: 11px Georgia, "Times New Roman", Times, serif;
						color: #333;
						padding: 0;
					
					}
			
						#quickLinks li {
						
							margin: 6px 0 0;
						
						}
						
							#quickLinks li a {
							
								text-decoration: underline;
								color: #333;
							
							}
							
							#quickLinks li a:hover {
							
								text-decoration: none;
							
								}
					
						#upcomingEventsWrapper .inside {
			
							width: 100px;
							margin: 0 20px;
							padding: 0;
							}
							
	#footercontent {
	
		background:url(../../../Images/footer_content.jpg);
		height:146px;
	margin-top:10px;
		}	
		
		
		
/*new login page additions 2/3/2009 | WH */	

#loginPage {

	width: 754px;
	background:url(../../../Images/bottom_content_bg.jpg) bottom no-repeat;
	padding-bottom: 46px;
	/*background:url(../../../Images/top_content_bg_loginPage.jpg) top no-repeat;*/

}

	#loginPage #mediaWindow {
	
		width: 734px;
		margin: 10px auto;
		text-align: center;
		background: #FFF;
		padding: 3px 0;
	
	}
	
		#loginPage #mediaWindow .inside {
		
			width: 728px;
			margin: 0 3px;
			
		}
		
			#loginPage #mediaWindow .inside img,
			#loginPage #contentWrapper #contentMain img {
		
				display: block;
			
			}

	#loginPage #contentWrapper {
	
		background: none;
	
	}
	
		#loginPage #contentWrapper td {
	
			padding: 0;
	
		}
	
		#loginPage #contentWrapper #contentMain {
		
			font: 14px Garamond, "Times New Roman", Times, serif;
			padding-bottom: 50px;
		
		}
		
			#loginPage #contentSecondary .inside {
	
				width: 290px;
				padding: 5px 0;
				background: #948A6A;
	
			}
	
				#loginPage #loginPlgWrapper {
				
					width: 280px;
					margin: 0 5px;
					height: 168px;
					background: url(../../../Images/home_loginBg.jpg) no-repeat center top;
				
				}
				
					#loginPage #loginPlgWrapper #loginHeader {
				
						width: 100%;
						height: 34px;
						background: url(../../../Images/home_loginHeader.gif) no-repeat left top;
				
					}
					
						#loginPage #loginPlgWrapper #loginTable {
					
							width: 230px;
							margin: 18px 10px 0 26px;
							font: 9px Arial, Helvetica, sans-serif;
					
						}
						
							#loginPage #loginPlgWrapper #loginTable .advLogUsername,
							#loginPage #loginPlgWrapper #loginTable .advLogPassword {
					
								width: 152px;
								border: 1px solid #474747;
					
							}
							
							#loginPage #loginPlgWrapper #loginTable a,
							#loginPage #loginPlgWrapper #loginTable a:hover {
					
								font: 9px Arial, Helvetica, sans-serif;
								color: #000;
					
							}