@import url(global_v1-1.css);
@import url(KensingtonGCC_css/modules.css);
@import url(KensingtonGCC_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: #5b807d;
	font: 40px "Times New Roman", Times, Georgia, serif;
	/*margin-left:-20px;*/
	/*width:100%;*/

}


h2 {
	
	color: #e7d9ba;
	font: 14px Garamond, "Times New Roman", Times, Georgia, serif;
	/*background: #000 url(../../../Images/crown_icon.jpg) no-repeat center left;*/
}
#pubContent #contentSecondary h2 {
	/*background: #000 url(../../../Images/crown_icon.jpg) no-repeat center left;*/
	background: #000;
	margin:0 auto;
	padding:4px 0;
	width:200px;
}
#pubContent #contentSecondary h2 img {
	margin-left:-12px;
	margin-right:4px;
	vertical-align:baseline;
}
/* ======================================
	WORKS IN MOZILLA CORRECTLY  /  not IE
		allows cented Text with image
		centered to left of text


#testH_2 h2 {
	display:list-item;
	list-style: url(../../../Images/crown_icon.jpg);
	
}
========================================*/


#contentSecondary ul {
	margin:0;
	padding:0;
}


h3 {
	color: #271e06;
	font: bold 12px Garamond, "Times New Roman", Times, Georgia, serif;
}
#pubContent #contentSecondary .inside h3 {
	background: url(../../../Images/ornament.jpg) no-repeat top center;
	margin-top:15px;
	padding-top:30px;
}


h4 {
	
	color: #57481f;
	font: italic 17px/1.3 "Times New Roman", Times, Georgia serif;

}

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

}

h6 {
	
	color: #b3a78c;
	font: bold 10px Arial, "Gill Sans", sans-serif;

}

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

}

table, div {
	
	font: 11px "Lucida Sans Unicode", Verdana, Arial, sans-serif;

}

a,a.small,a.anchor,a.visited {
	
	color: #01483d;
	font: inherit;
	text-decoration: none;
	background:none;

}

a:hover {
	
	color: #01483d;
	font: inherit;
	text-decoration: underline;
	background:none;

}

.page {
	background: #0E0A01 url(../../../Images/bodyBg.jpg) center top;
	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: KensingtonGCC
////////////////////////////////////////////////////////*/

.hideText {
	display: none;
}

.centered {
	margin: 0 auto;
	text-align: center;
	
}

/*  FIXES ALL ../../../Images IN "IE" so there is NO bottom-border accidentally forgotten. */
#privHome #contentMain img, #privHome #contentMainBottom img, #privContent #contentMain img, #privContent #contentMainBottom img {
	vertical-align:bottom;
}




/*FIXES ALL IMAGES that are inside of <a> tag to NOT have BORDER*/
/*		ALSO FIXES:  "Click to Edit Button" */
a img {
	background:none;
	border:none;
	float:none;
	margin:0;
	padding:0;
}


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

.siteWrapper {
	background: #0e0a01 url(../../../Images/siteWrapper_bg_1024.jpg) repeat-y top center;
	width:1024;
	margin:0 auto;
}

#pubHome {


	
}

#pubContent {


	
}


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

/*#branding {
	background: url(../../../Images/pubBanner-1024.jpg) no-repeat bottom left;
	margin:0 auto;
	height:67px;
	width:986px;
}*/

#branding {
	background: url(../../../Images/pubHeader_bg_1024.jpg) no-repeat bottom left;
	margin:0 auto;
	text-align:center;
	height:120px;
	width:986px;
}

#privHome #branding {
	background: url(../../../Images/privHeader_bg_1024.jpg) no-repeat bottom left;
	margin:0 auto;
	text-align:center;
	height:120px;
	width:986px;
}
	#branding #globalNav {
		margin:0 auto;
		padding:0;
		width:970px;
	}
	#branding #globalNav #globalNavLinks {
		width: 400px;
		padding:0;
	}
	#branding #globalNavLinks ul {
		text-align:right;
		list-style:none;
		margin-top:10px;
	}
	#branding #globalNavLinks li {
		margin:0;
		padding:0;
		display:inline;
		
	}
	#branding #globalNavLinks a, #branding #globalNavLinks a.small, #branding #globalNavLinks a.anchor, #branding #globalNavLinks a.visited {
		background:#16120c;
		border: 1px solid #4f4632;
		color: #8a7a5d;
		font: 10px;
		padding:1px 10px;
		text-decoration: none;
		text-transform:uppercase;
	}
	
	#branding #globalNavLinks a:hover {
		background: #8a7a5d;
		color: #16120c;
		font: inherit;
		
	}
	
#branding #globalNavLinks #login {
		background:#16120c;
		border: 1px solid #f9c356;
		color: #f9c356;
		font: 10px;
		padding:1px 10px;
		text-decoration: none;
		text-transform:uppercase;
	}
	
	branding #globalNavLinks #login a:hover {
		background-color: #8a7a5d;
		font: inherit;
	}
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {
	background: #77a29e url(../../../Images/nav_bg.jpg) repeat-y top center;
	border-top:1px solid #5b8581;
	border-bottom:1px solid #5b8581;
	height:38px;
	width:958px;
	margin:0 auto;
	text-align:center;

}

#L-Nav {
	width:200px;
	background:#FFFFFF;
	border:1px solid #c4b698;
	}
	
	#L-Nav .inside {
		width:190px;
		height:168px;
		margin:0 auto;
		text-align:center;
		background:url(../../../Images/LNav-BG.jpg) #fff;
		background-repeat:repeat-x;
		background-position:center bottom;
		margin-top:5px;
		}

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

#contentAreaShadow {
	background: #241e14 url(../../../Images/contentAreaShadow_bg.jpg) repeat-y top center;
	/*padding:2px 0;*/
	width:970px;
}

	/* -------------------------------------------------------------
	= BORDERS  
	------------------------------------------------------------- */
	#borderTop {
		background: url(../../../Images/border_top.jpg) no-repeat bottom left;
		margin:0 auto;
		height:4px;
		width:970px;
		font-size:3px;
	}



#contentArea {
	/*border:1px solid #78612b;*/
	/*border-top:1px solid #78612b;
	border-bottom:1px solid #78612b;*/
	background: #241e14 url(../../../Images/contentArea_bg2.jpg) repeat-y top center;
	padding-bottom:5px;
	
	width:962px;
}
	
	#contentWrapperBorder {
		background:#FFF;
		border: 1px solid #c4b698;
		margin:5px auto 0;
		width:946px
	}
	#contentWrapper {
		background:#FFF url(../../../Images/contentWrapper_bg.jpg) repeat-x bottom left;
		margin:0 5px;
		padding:15px 0;
		width:936px;
		
	}
		#pubHome #contentMain {
			margin:0 auto;
			/*padding:0 50px;*/
			width:820px;
		}
		
			#pubHome #contentMainBottom {
				margin:30px auto;
				padding:0;
				width:820px;
			}
				#bottomThumbs {
					/*background: url(../../../Images/pubHome_thumbnails.jpg) no-repeat top left;*/
					width:656px;
					height:110px;
				}
	
	
				/*========================================
					CSS ROLLOVER
				========================================*/	
				#videoTour_btn a, #videoTour_btn a:hover {
					width:164px;
					height:110px;
					display:block;
				}
					#videoTour_btn a {
						background: url(../../../Images/courseTour_btn.jpg) no-repeat top left;
					}
					#videoTour_btn a:hover {
						background: url(../../../Images/courseTour_btn.jpg) no-repeat top right;
					}
			
		
		#pubContent #contentMain {
			/*background: #FFF url(../../../Images/contentMain_bg.jpg) repeat-x bottom left;*/
			/*margin:0 5px;*/
			/*background:lightblue;*/
			
			/*padding:0 50px;*/
			/*margin:0 50px;*/
			
			margin-right:32px;
			text-align:left;
			width:582px;
		}
			#pubContent #contentMain .inside {
				margin-left:20px;
			}
		

#pubContent #contentMain2 {
	margin-right:32px;
	text-align:left;
	width:870px;
	}
	
	#pubContent #contentMain2 .inside {
		margin-left:20px;
		text-align:left;
		}
		
			#contentSecondary {
				background: #FFF;
				margin-right:52px;
				/*margin-left:50px;*/
				
				width:200px;
			}
				#contentSecondary .inside {
					background:#FFF;
					margin:0 auto;
					padding-top: 20px;
					padding-bottom: 50px;
					/*text-align:center;*/
					width:140px;
				}
					#contentSecondary .inside .border {
						border:1px solid #000;
					}
					#contentSecondary .inside p {
						font-style:italic;
					}
					
					
						
	#privHome #contentWrapperBorder {
		background:#FFF;
		border: 1px solid #c4b698;
		margin:5px auto 0;
		margin-right:7px;
		width:738px;
	}					
	#privHome #contentWrapper {
		background:#FFF url(../../../Images/contentWrapper_bg.jpg) repeat-x bottom left;
		margin:0 5px;
		padding:15px 0;
		width:728px;
		
	}	
	
		#privHome #contentMain {
			width:630px;
			padding:0;
			
		}
		#privHome #contentMain .inside {
			margin:0 auto;
			text-align:left;
			width:600px;
		}
			/*----------------------
				MEDIA WINDOW
			----------------------*/
			#privHome #mediaWindow {
				background: url(../../../Images/privHome_mediaFrame.jpg) no-repeat top center;
				color:#FFFFFF;
				margin:0 auto;
				margin-bottom:30px;
				width:630px;
				height:308px;
			}
				#privHome #mediaWindow .inside {
					/*background:lightblue;*/
					margin:15px 0 0 0px;
					width:414px;
				}
					#privHome #mediaWindow h1 {
						color:#FFFFFF;
						font-size:20px;
						text-transform:uppercase;
					}
					#privHome #mediaWindow blockquote {
						color:#deddba;
						font-size:10px;
						margin:0;
						margin-top:-5px;
						padding:0;
						/*width:220px;*/
						
					}
					#privHome #contentMain #mediaWindow ul {
						/*background:#66CCFF;*/
						list-style:none;
						/*width:100px;*/
						margin:0;
						margin-right:15px;
						padding:0;
						
					}
					#privHome #mediaWindow li {
					}
					#privHome #mediaWindow a, #privHome #mediaWindow a:hover {
						background:none;
						color:#FFF;
						font-size:12px;
						text-decoration:none;
						text-transform:uppercase;
					}
					#privHome #mediaWindow a:hover {
						text-decoration:underline;
					}
						#profileLink {
							list-style:url(../../../Images/icon_myProfile.jpg);
						}
						#rsvpLink {
							list-style:url(../../../Images/icon_rsvp.jpg);
						}
						#eventsLink {
							list-style:url(../../../Images/icon_myEvents.jpg);
						}
						#newsLink {
							list-style:url(../../../Images/icon_myNews.jpg);
						}
				
				#privHome #mediaWindowImg {
					padding-top:13px;
					height:220px;
				}
				#privHome #memberLinks {
					background: url(../../../Images/privHome_mediaWindowBar.jpg) no-repeat top center;
					margin:0 auto;
					width:602px;
					height:63px;
				}
				#privHome #memberLinks mediaWindowTitle {
					background:#6666CC;
					width:200px;
				}
		
			#privHome #contentMainBottom {
				/*border:1px solid #000;*/
			}
			#privHome #contentMainBottom h1 {
				color:#000;
				font: 16px Garamond, "Adobe Garamond Pro", "Times New Roman", Times, Georgia, serif;
				line-height:50px;
				text-transform:uppercase;
			}
			#privHome #contentMainBottom h2 {
				color: #5b807d;
				font: 16px "Times New Roman", Times, Georgia, serif;
				text-transform:uppercase;
			}
			#privHome #contentMainBottom h3 {
				color:#481a09;
				font: 14px Garamond, "Adobe Garamond Pro", "Times New Roman", Times, Georgia, serif;
			}
			#privHome #contentMainBottom a {
				background:none;
				color:#01483d;
				text-decoration:none;
				
			}
			#privHome #contentMainBottom a:hover {
				background:none;
				color:#01483d;
				text-decoration:underline;
			}
			#privHome #contentMainBottom img {
				border:1px solid #000;
				margin:0;
				margin-right:15px;
				/*white-space:nowrap*/;
				float:left;
			}
			
				/*--------- TAKE NOTE ---------*/
				#privHome #contentMainBottom a img {
					background:none;
					border:none;
					float:none;
					margin:0;
					padding:0;
				}
				
			
			#privHome #contentMainBottom p, #privHome #contentMainBottom h2, #privHome #contentMainBottom h3 {
				float:left;
				width:420px;
			}
			#privHome #contentMainBottom br {
				clear:both;
			}
		
		#sidebar {
			/*background:lightblue;*/
			margin-left:2px;
			margin-top:60px;
			width:206px;    /*224px;*/
		}
		#sidebar .inside {
			/*background:#66CCFF;*/
			margin:0 auto;
			text-align:left;
			width:180px;
		}
			#sidebar .inside div {
				padding-bottom:30px;
			}
			
	#privContent #contentWrapperBorder {
		background:#FFF;
		border: 1px solid #c4b698;
		margin:5px auto 0;
		margin-right:7px;
		width:738px
	}					
	#privContent #contentWrapper {
		background:#FFF url(../../../Images/contentWrapper_bg.jpg) repeat-x bottom left;
		margin:0 5px;
		padding:15px 0 40px;
		width:728px;
		
	}	
	
		#privContent #contentMain {
			width:630px;
			padding:0;
			
		}
		#privContent #contentMain .inside {
			margin:0 auto;
			text-align:left;
			width:600px;
		}
		
#liveBG {
	background:url(../../../Images/liveBG.jpg) top center repeat-y;
	margin:5px auto 0;
	margin-right:7px;
	width:738px;
	border-top:#dacaa8 1px solid;
	border-bottom:#dacaa8 1px solid;
	}
	
	#bottomBG {
		background:url(../../../Images/btmLiveBG.jpg);
		}
			/*----------------------
				MEDIA WINDOW
			----------------------*/
			#privContent #mediaWindow {
				background: url(../../../Images/privContent_mediaFrame.jpg) no-repeat top center;
				color:#FFFFFF;
				margin:0 auto;
				margin-bottom:30px;
				width:630px;
				height:246px;
			}
				#privContent #mediaWindowImg {
					padding-top:13px;
					height:220px;
				}
				#privContent #mediaWindow .inside {
					/*background:lightblue;*/
					margin:15px 0 0 0px;
					width:414px;
				}
					#privContent #mediaWindow h1 {
						color:#FFFFFF;
						font-size:20px;
						text-transform:uppercase;
					}
					#privContent #mediaWindow blockquote {
						color:#deddba;
						font-size:10px;
						margin:0;
						margin-top:-5px;
						padding:0;
						/*width:220px;*/
						
					}
					#privContent #contentMain #mediaWindow ul {
						/*background:#66CCFF;*/
						list-style:none;
						/*width:100px;*/
						margin:0;
						margin-right:15px;
						padding:0;
						
					}
					#privContent #mediaWindow li {
					}
					#privContent #mediaWindow a, #privContent #mediaWindow a:hover {
						background:none;
						color:#FFF;
						font-size:12px;
						text-decoration:none;
						text-transform:uppercase;
					}
					#privContent #mediaWindow a:hover {
						text-decoration:underline;
					}
						#profileLink {
							list-style:url(../../../Images/icon_myProfile.jpg);
						}
						#rsvpLink {
							list-style:url(../../../Images/icon_rsvp.jpg);
						}
						#eventsLink {
							list-style:url(../../../Images/icon_myEvents.jpg);
						}
						#newsLink {
							list-style:url(../../../Images/icon_myNews.jpg);
						}
						
				#privContent #memberLinks {
					background: url(../../../Images/privHome_mediaWindowBar.jpg) no-repeat top center;
					margin:0 auto;
					width:602px;
					height:63px;
				}
				#privContent #memberLinks mediaWindowTitle {
					background:#6666CC;
					width:200px;
				}


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

#footer {
	background: url(../../../Images/border_bottom.jpg) no-repeat top center;
	margin:0 auto;
	padding:20px 0 40px;
	width:970px;


}

	#footer .inside {
		background: url(../../../Images/footer_logo.gif) no-repeat top center;
		margin:0px auto;
		padding-top:50px;
		width:480px;
		
	}
	
/*-----------------------------------------------------------------
CUSTOM ADDITIONS
-----------------------------------------------------------------*/

#userIntro {
	background-color:#FFFFFF;}