@import url(global_v1-2.css);
@import url(CTCC_css/modules.css);
@import url(CTCC_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: #393f44;
	font: 21px "Times New Roman", Times, serif;
	text-transform:uppercase;
	padding-bottom:20px;
}


h2 {
	
	color: #373737;
	font: 15px/1.3 "Times New Roman", Times, serif;
	border-bottom:#cdcdcd 1px solid;
	padding-bottom:15px;
}

h3 {
	
	color: #380102;
	font: italic 15px "Times New Roman", Times, serif;

}

h4 {
	
	color: #006bb6;
	font: italic 17px/1.3 "Times New Roman", Times, serif;

}

h5 {
	
	color: #006bb6;
	font: 13px "Times New Roman", Times, serif;
	text-transform:uppercase;

}

h6 {
	
	color: #423317;
	font: bold 11px Georgia, "Times New Roman", Times, serif;

}

p {
	
	color: #373737;
	font:12px/1.8 Georgia, "Times New Roman", Times, serif;

}

table, div {
	
	color: #373737;
	font:12px/1.8 Georgia, "Times New Roman", Times, serif;

}

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

}

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

}

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

}

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

.siteWrapper {
	width:960px;
	margin:0 auto;
}




/* -------------------------------------------------------------
= HEADER CLASSES 
------------------------------------------------------------- */
#header {
	height:108px;
	}


#branding {
	float:left;
	width: 607px;
	height:81px;
	margin-top:10px;
	margin-left:14px;
	}
	
	a#branding {
		height: 81px;
		width: 607px;
		background:url(../../../Images/publicLogo.jpg) top center no-repeat;
		background-position:top left;
		/*---display:block; - if inside table – FF ---*/
}
		a#branding:hover {
			background-position: left bottom;
		}
		
#privateHeader {
	background:url(../../../Images/privateLogoBG.jpg) top center no-repeat;
	width:940px;
	height:120px;
	margin:0 auto;
	}
	
#brandingPvt {
	float:left;
	width: 639px;
	height:120px;
	}
	
	a#brandingPvt {
		height: 120px;
		width: 639px;
		background:url(../../../Images/privateLogo.jpg) top center no-repeat;
		background-position:top left;
		/*---display:block; - if inside table – FF ---*/
}
		a#brandingPvt:hover {
			background-position: left bottom;
		}

#bannerLinks {
	float:right;
	padding-top:2px;
	padding-right:50px;}
	
	#bannerLinks a {
		font:bold 10px Arial, Helvetica, sans-serif;
		color:#6c6c6c;
		padding-left:18px;
		text-transform:uppercase;
		}
		
		a#contact {
			background:url(../../../Images/contactIcon.jpg) 0 50% no-repeat;
		}

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

#nav {
	width:940px;
	height:29px;
	background:url(../../../Images/publicNavBG.jpg) top center repeat-x;
	margin:0 auto;
	display:block;
}

	#nav table {
		diaply:block;}

#navLeft {
	width:835px;
	float:left;

	}
	
#navRight {
	width:60px;
	float:left;
	padding-top:5px;
	}

#login {
	width: 60px;
	height:18px;
	}
	
	a#login {
		height: 18px;
		width: 101px;
		background:url(../../../Images/login.jpg) top center no-repeat;
		display:block;
}
		a#login:hover {
			background-position: left bottom;
		}

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

#flash {
	width:940px;
	height:500px;
	display:block;
	margin:0 auto;
	border:#866b69 1px solid;
	}
	
	#flash img {
		display:block;
			margin:0 auto;
		}

#contentHome {
	background:url(../../../Images/publicHomeRepeat.jpg) top center repeat-y;
}

#contentHomeBotm {
	background:url(../../../Images/pubHomeBotm.jpg) bottom center no-repeat;
	/*-height:22px;-*/
	}
	
#contentHomeTop {
	background:url(../../../Images/pubHomeTop.jpg) top center no-repeat;
	/*-height:30px;-*/
	}
	
#homeBanner {
	background:url(../../../Images/pubHomeBanner.jpg) bottom center no-repeat;
	width:960px;
	height:96px;
	}
	
#contentAreaHome {
	width:858px;
	margin:0 auto;

	}
	
#homeLeft {
	float:left;
	width:620px;
	padding-top:10px;	
	padding-bottom:33px;
	text-align:left;
	}
	
#homeRight {
	float:right;
	width:199px;
	background-color:#d6dfe4;
	}
	
	.advLogPassword, .advLogUsername {
		width:160px;}
		
#username, #password {
	font: italic 13px "Times New Roman", Times, serif;
	color:#380102;
	}
	
span.advLogRemoveChk {
	font: italic 13px "Times New Roman", Times, serif;
	color:#380102;
	}
	
#cornerRepeat {
	background:url(../../../Images/contentRepeat.jpg) top center repeat-y;
	}
	
#cornerBottom {
	background:url(../../../Images/cornerBotm.jpg) bottom center no-repeat;
	}
	
#cornerTop {
	background:url(../../../Images/cornerTop.jpg) top center no-repeat;
	}
	
.contentWrapperTop {
	width:900px;
	margin:0 auto;
	padding-top:25px;
	padding-bottom:none;
	}
	
.contentPubNoAlbum {
	width:900px;
	margin:0 auto;
	padding-bottom:none;
	padding-top:18px;

	}
	
.contentWrapperBottom {
	width:900px;
	margin:0 auto;
	}
	
	.contentWrapperBottom .contentLeft {
		padding-top:90px;}

.contentLeft {
	float:left;
	width:167px;
	text-align:left;
	}
	
	.contentLeft h4 {
		font: italic 16px "Times New Roman", Times, serif;
		color:#393f44;}
		
		.contentLeft a {
			font:bold 15px "Times New Roman", Times, serif;
			color:#380102;
			}
			
			.contentLeft a:hover {
				color:#5e0204;}

	
.contentRight {
	float:right;
	width:660px;
	text-align:left;
	padding-right:23px;
	}
	
	.contentRight table h4 {
		font:italic 13px "Times New Roman", Times, serif;
		color:#380102;}
	
#blueBannerPublic {
	background:url(../../../Images/publicContentBanner2.jpg) top center no-repeat;
	width:960px;
	height:76px;
	}
	
	#blueBannerPublic h1 {
		padding-top:20px;}
	
#blueBannerNoAlbum {
	background:url(../../../Images/noAlbumBlue.jpg) top center no-repeat;
	width:960px;
	height:76px;
	}
	
	#blueBannerNoAlbum h1 {
		padding-top:8px;
		}
	
#contentWrapperPrivate {
	width:960px;
	padding-bottom:25px;
	}
	
#privateRight {
	float:right;
	width:740px;
	}
	
	#privateRight .inside {
		padding:29px 50px 20px 19px;
		text-align:left;
		}
		
		#privateRight h1 {
			padding-left:15px;}
			
			#privateRight .pad {
				padding:8px 50px 20px 19px;
				text-align:left;}
				
				#privateRight h1 {
					padding-top:20px;}
	
#privateLeft {
	float:left;
	width:195px;

	}
	
	#privateLeft .inside {
		padding-top:28px;
		padding-left:15px;
		}
		
		#privateLeft .inside .pad {
			text-align:left;
			padding-left:15px;
			}
			
			#privateRight .blockLinks a {
				background:url(../../../Images/sideBarLink.jpg) top left no-repeat;
				width:151px;
				height:21px;
				display:block;
				font:12px "Times New Roman", Times, serif;
				color:#373737;
				text-align:center;
				padding-top:3px;
				}
				
				#privateRight .blockLinks a:hover {
					background:url(../../../Images/sideBarLink_hover.jpg) top left no-repeat;
					display:block;
					}
					
					#privateLeft .blockLinks a {
						background:url(../../../Images/sideBarLink.jpg) top left no-repeat;
						width:151px;
						height:21px;
						display:block;
						font:12px "Times New Roman", Times, serif;
						color:#373737;
						text-align:center;
						padding-top:3px;
						}
				
						#privateLeft .blockLinks a:hover {
							background:url(../../../Images/sideBarLink_hover.jpg) top left no-repeat;
							display:block;
							}
							
							#privateRight .blockLinks2 a {
								background:url(../../../Images/sideBarLink2.jpg) top left no-repeat;
								width:151px;
								height:42px;
								display:block;
								font:12px "Times New Roman", Times, serif;
								color:#373737;
								text-align:center;
								padding-top:5px;
								}
				
								#privateRight .blockLinks2 a:hover {
									background:url(../../../Images/sideBarLink_hover2.jpg) top left no-repeat;
									display:block;
									}
					
	
.leftSide {
	float:left;
	width:392px;
	}
	
.rightSide {
	float:right;
	width:240px;
	}
	
	.rightSide .pad {
		padding-top:2px;
		padding-right:4px;
		}
		
.plugLinks a {
	color:#380102;
	padding-left:8px;
	background:url(../../../Images/dot.jpg) 0 50% no-repeat;
	}
	
	.plugLinks a:hover {
		color:#680204;}
		
	
#blueBannerPrivate {
	background:url(../../../Images/privateHomeBanner.jpg) top right no-repeat;
	width:740px;
	}
	
.announcements {
	background:url(../../../Images/announcements.jpg) top center no-repeat;
	width:392px;
	height:61px;
	}
	
.calHighlights {
	background:url(../../../Images/calendarHighlights.jpg) top center no-repeat;
	 width:240px;
	 height:61px;
	 }
	 
	.calHighlights a {
		font:11px Arial, Helvetica, sans-serif;
		color:#380102;
		background-image:none;
		}
		
		.calHighlights a:hover {
			color:#680204;}
			
.tennis {
	background:url(../../../Images/upcomingTennisEvents.jpg) top center no-repeat;
	 width:451px;
	 height:62px;
	 }
	 
	.tennis a {
		font:11px Arial, Helvetica, sans-serif;
		color:#380102;
		background-image:none;
		}
		
		.tennis a:hover {
			color:#680204;}
			
			.tennis .pad {
				padding-top:2px;
				padding-right:4px;
				}
				
.greens {
	background:url(../../../Images/greensCalHeader.jpg) top center no-repeat;
	 width:451px;
	 height:62px;
	 }
	 
	.greens a {
		font:11px Arial, Helvetica, sans-serif;
		color:#380102;
		background-image:none;
		}
		
		.greens a:hover {
			color:#680204;}
			
			.greens .pad {
				padding-top:2px;
				padding-right:4px;
				}

.golf {
	background:url(../../../Images/golfCalHeader.jpg) top center no-repeat;
	 width:451px;
	 height:62px;
	 }
	 
	.golf a {
		font:11px Arial, Helvetica, sans-serif;
		color:#380102;
		background-image:none;
		}
		
		.golf a:hover {
			color:#680204;}
			
			.golf .pad {
				padding-top:2px;
				padding-right:4px;
				}	
				
.social {
	background:url(../../../Images/socialCalHeader.jpg) top center no-repeat;
	 width:451px;
	 height:62px;
	 }
	 
	.social a {
		font:11px Arial, Helvetica, sans-serif;
		color:#380102;
		background-image:none;
		}
		
		.social a:hover {
			color:#680204;}
			
			.social .pad {
				padding-top:2px;
				padding-right:4px;
				}	
				
.swim {
	background:url(../../../Images/swimCalHeader.jpg) top center no-repeat;
	 width:451px;
	 height:62px;
	 }
	 
	.swim a {
		font:11px Arial, Helvetica, sans-serif;
		color:#380102;
		background-image:none;
		}
		
		.swim a:hover {
			color:#680204;}
			
			.swim .pad {
				padding-top:2px;
				padding-right:4px;
				}		

				
#photoAlbum {
	width:740px;
	background:url(../../../Images/photoAlbum.jpg) top right no-repeat;
	}
		
#blueBannerPhoto {
	background:url(../../../Images/blueBannerPhoto.jpg) top right no-repeat;
	width:740px;
	}
				
/* -------------------------------------------------------------
= CLIENT TEMPLATES
------------------------------------------------------------- */

table#menu h4 {
	padding: 4px 2px;
	line-height: 2em;
	/*background:#f3fdfc;*/
	border-top: 1px solid #006bb6;
	border-bottom: 1px solid #006bb6;
	}
	
	table#menu p {
		padding-left:20px;}
		
		table#menu h2 {
			padding-left:10px;
			color:#380102;
			font:bold 13px "Times New Roman", Times, serif;
			background:url(../../../Images/dot.jpg) 0 25% no-repeat;
			border-bottom:none;
			}
			

			
/* -------------------------------------------------------------
= COURSE TOUR
------------------------------------------------------------- */			
			
	#courseTour a {
		padding:3px 8px;
		font: 15px Arial, Helvetica, sans-serif;
		display:inline;
		color:#bcbcb4;
		border-top:#bcbcb4 2px solid;
		border-bottom:#bcbcb4 2px solid;
		}
		
		#courseTour a:hover {
			padding:3px 8px;
			border-top:#8b0000 2px solid;
			border-bottom:#8b0000 2px solid;
			display:inline;
			text-decoration:none;
			color:#3d0103;
			}
			
			#courseTour .on {
				padding:3px 8px;
				border-top:#8b0000 2px solid;
				border-bottom:#8b0000 2px solid;
				display:inline;
				text-decoration:none;
				color:#3d0103;
				}
				
#CTprevious {
	height: 13px;
	width: 7px;
	}
	
	a#CTprevious {
		height: 13px;
		width: 7px;
		background:url(../../../Images/CTprevious.jpg) no-repeat;
		background-position:top left;
		border:none;
}
		a#CTprevious:hover {
			background-position: left bottom;
			border:none;
		}
		
#CTnext {
	height: 13px;
	width: 7px;
	
	}
	
	a#CTnext {
		height: 13px;
		width: 7px;
		background:url(../../../Images/CTnext.jpg) top left no-repeat;
		border:none;
		margin-left:9px;
}
		a#CTnext:hover {
			background-position: left bottom;
			border:none;
		}
		
.color {
	height:10px;
	}

		
				
/* -------------------------------------------------------------
= MINI PAGE BG DELETES
------------------------------------------------------------- */
				
#privateLeft .blockLinks a#clickToEditAnchor298922 {
	background-image:none;}
						
#privateLeft .blockLinks a#clickToEditAnchor299833 {
	background-image:none;}
	
#privateLeft .blockLinks a#clickToEditAnchor299835 {
	background-image:none;}
	
#privateLeft .blockLinks a#clickToEditAnchor299836 {
	background-image:none;}
	
#privateLeft .blockLinks a#clickToEditAnchor299837 {
	background-image:none;}
	
#privateLeft .blockLinks a#clickToEditAnchor299838 {
	background-image:none;}
	
#privateLeft .blockLinks a#clickToEditAnchor299839 {
	background-image:none;}
	
#privateLeft .blockLinks a#clickToEditAnchor299840 {
	background-image:none;}
	
#privateLeft .blockLinks a#clickToEditAnchor299843 {
	background-image:none;}
	
	

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

#footer {
	background:url(../../../Images/footerBG.jpg) top center no-repeat;
	width:960px;
	padding-top:17px;
	padding-bottom:10px;
	margin:0 auto;
}

	#footer p {
		color:#ad8889;
		font:11px Arial, Helvetica, sans-serif;
		}
		
		#footer a {
			color:#ad8889;
			font:11px Arial, Helvetica, sans-serif;
			display:inline;
			padding-left:17px;
			padding-right:17px;
			background:url(../../../Images/footerDot.jpg) 0 50% no-repeat;
			text-transform:uppercase;
			}
			
			#footer a#first {
				background-image:none;
				padding-left:none;
				padding-right:17px;
				}
				
				#footer a#last {
					padding-right:none;
					}
					
					#footer a:hover {
						color:#cba9aa;}