@import url(global_v1-1.css);
@import url(NorthShore_css/modules.css);
@import url(NorthShore_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: #284E36;
	font: 20px Georgia, "Times New Roman", Times, serif;

}


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

h3 {
	
	color: #867D4A;
	font: 16px 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 {
	
	color: #1A1816;
	font: 11px/1.6 "Lucida Sans Unicode", Verdana, Arial, sans-serif;

}

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

}

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

}

a:hover {
	
	color: #5B1E1C;
	font: inherit;
	text-decoration: underline;

}

.page {
	
	background:url(../../../Images/SiteBG.jpg) center top;
	text-align: center;
	margin: 0 auto;
	
}

.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 {
	background:url(../../../Images/pageBG.jpg) center top repeat-y;
	width:969px;
	text-align:center;
	margin:0 auto;

	
}

#pubHome {


	
}

#pubContent {


	
}


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

#banner {
	background:url(../../../Images/Banner.jpg) center top no-repeat;
	width:961px;
	height:133px;
	margin:0 auto;
	text-align:center;
}

.MemOnly {
	color:#fff;
	font:"Times New Roman", Times, serif 10pt;}

	.MemOnly a {color:#ddd198;
	}
	
		.MemOnly a:hover {color:#ddd198;
		}
	
.BannerLinks a{
	color:#ddd198;
	}
	
	.BannerLinks a:hover{
		color:#ddd198;
	}

.public {
	/*margin: 0 0 0 400px;*/
	width: 100%;
}

.private {
	margin: 0 0 0 100px;
}

#branding {
	
	
}

	a#branding {
	
		float:left;
		/*--display: block;--*/
		height: 113px;
		width: 163px;
		background: url(../../../Images/Logo.jpg) left top no-repeat;
		margin: 0 0 0 401px
	}
		a#branding:hover {
			background-position: left bottom;
		}
		
	.private a#branding {
	
		margin: 0;
		
	}
		

span.hideText {

	display: none;
}

#login {
	float:right;
	margin:10px 20px 0 0;
	color:#ddd198;}
	
	#login a {
		color:#ddd198;}
		
		#login a:hover {
			color:#ddd198;}
			
			#login h1 {
				color:#ddd198;
				text-transform:uppercase;
				font: 10px Georgia, "Times New Roman", Times, serif;
				text-align:left;}
				
.loginFields {
	width:145px;
	padding-right:1px;}
	
.loginText {
	color:#fff;}
	
.loginText2 {
	color:#ddd198;
	font-style:italic;}
	
	
	
#topLeft {
	float:left;
	width:300px;
}

#headerWrapper {
	float:right;
	width:661px;
}
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {
	background:#5B1E1C;
	border-top:#C0383A 5px solid;
	width:961px;
	height:32px;
	text-align:center;
	margin: 0 auto;

}

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

#contentWrapper {
	width:961px;
	text-align:center;
	margin:0 auto;
	background:url(../../../Images/liveBG.jpg) top center repeat-y;
	
	
}

#contentArea {
	float:right;
	width:751px;
	
}

#contentPublic {
	text-align:center;
	margin:0 auto;
}

.inside2 {
		padding:60px 0 0 60px;
		width:691px; 
		margin:0 auto;
	}

#contentSide {
	float:left;
	width:210px;
	text-align:center;
	margin:0 auto;
}

	.inside3 {
		text-align:center;
		margin:0 auto;
		width:150px;
		padding-top:60px;
	}

#contentMid {
	float:left;
	width:375px;
	height:751px;
	background:url(../../../Images/Private/priv-home.jpg) top center no-repeat;
	
}

	#contentMid p {
		color:fff;
		}
		
		#contentMid h1 {
			color:fff;
		}
		
		#contentMid li {
			color:#fff;}
		

#contentRight {
	float:right;
	width:376px;
	background:url(../../../Images/CalendarBG.jpg) #DDD099 bottom center no-repeat;
	height:751px;
	min height:auto !important;
	height:751px;
}

	#contentRight h1 {
		text-transform:uppercase;
		color:#5B1E1C;
		font: 12px Georgia, "Times New Roman", Times, serif;
	}

	.inside4 {
		width:300px;
		margin:0 auto;}

#contentMain2 {
	width:961px;
	text-align:center;
	margin:0 auto;
}

#contentMain {
	background:url(../../../Images/ContentImage.jpg) top center no-repeat;
	width:961px;
	height:495px;
	text-align:center;
	margin:0 auto;
}
	
	#contentMain .inside {
		float:left;
		padding:60px 30px 30px 60px;
		width:395px;
	}
	
			#contentMain .inside p{
				color:#fff;
			}

				#contentMain .inside h1{
					color:#fff;
				}
				
.pvtLinks {
	margin-top:30px;}
				
.contentLinks a{
	color:#BBBB81;
	text-transform:uppercase;
}

	.contentLinks a:hover{
	color:#BBBB81;
	text-transform:uppercase;
}

#LogPg {
	background:url(../../../Images/Login.jpg) center top no-repeat;
	height:135px;
	width:601px;
	padding: 10px 10px 0 0;
	text-align:right;
	margin-top:100px;
}

#WhtLinks {
	text-transform:uppercase;
	padding:5px 0 0 3px;}
	
		#WhtLinks a{
			color:#FFFFFF;}
			
					#WhtLinks a:hover{
						color:#FFFFFF;
						text-decoration:underline;}
/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */

#FooterNav {
	background:#ddd198;
	width:961px;
	clear:both;
	text-align:right;
	margin: 0 auto;
	padding: 14px 0;
	
}

#FooterNav .inside {
	
	width: 941px;
	margin: 0 20px 0 0;
}

	#FooterNav p {
		color:#5B1E1C;}
		

#footer {
	margin: 0 auto;
	text-align:center;
	height:100px;
	min height:auto !important;
	height:100px;
	width:961px;
}

	#footer p {
			color:#ddd198;}

#FTRlogo {
	background:url(../../../Images/FtrLogo.jpg) top center no-repeat;
	width:961px;
	height:17px;
	margin-top:15px;
	}
	
/*--------------------------------------------------------
= PUBLIC BG IMAGES
----------------------------------------------------------*/
#membership {
	background:url(../../../Images/Public/membership.jpg) top center no-repeat;
	width:961px;
	height:495px;
	text-align:center;
	margin:0 auto;
}
	
	#membership .inside {
		float:left;
		padding:60px 0px 0px 60px;
		width:395px;
	}
	
			#membership .inside p{
				color:#fff;
				padding-right:10px;
			}

				#membership .inside h1{
					color:#fff;
				}
				
					#membership .inside a {
						color:#fff;
						text-decoration:underline;
						}
				
#amenities {
	background:url(../../../Images/Public/amenities2.jpg) top center no-repeat;
	width:961px;
	height:495px;
	text-align:center;
	margin:0 auto;
}
	
	#amenities .inside {
		float:left;
		padding:60px 0px 0px 60px;
		width:395px;
	}
	
			#amenities .inside p{
				color:#fff;
			}

				#amenities .inside h1{
					color:#fff;
				}
				
					#amenities .inside a {
						color:#fff;
						text-decoration:underline;
						}
				
#golfPub {
	background:url(../../../Images/Public/Golf.jpg) top center no-repeat;
	width:961px;
	height:495px;
	text-align:center;
	margin:0 auto;
}
	
	#golfPub .inside {
		float:left;
		padding:60px 0px 0px 60px;
		width:395px;
	}
	
			#golfPub .inside p{
				color:#fff;
			}

				#golfPub .inside h1{
					color:#fff;
				}
				
					#golfPub .inside a {
						color:#fff;
						text-decoration:underline;
						}
				
#pool {
	background:url(../../../Images/Public/Pool.jpg) top center no-repeat;
	width:961px;
	height:495px;
	text-align:center;
	margin:0 auto;
}
	
	#pool .inside {
		float:left;
		padding:60px 0px 0px 60px;
		width:395px;
	}
	
			#pool .inside p{
				color:#fff;
			}

				#pool .inside h1{
					color:#fff;
				}
				
					#pool .inside a {
						color:#fff;
						text-decoration:underline;
						}
				
#tennisPub {
	background:url(../../../Images/Public/Tennis.jpg) top center no-repeat;
	width:961px;
	height:495px;
	text-align:center;
	margin:0 auto;
}
	
	#tennisPub .inside {
		float:left;
		padding:60px 0px 0px 60px;
		width:395px;
	}
	
			#tennisPub .inside p{
				color:#fff;
			}

				#tennisPub .inside h1{
					color:#fff;
				}
				
					#tennisPub .inside a {
						color:#fff;
						text-decoration:underline;
						}
				
#clubhouse {
	background:url(../../../Images/Public/Clubhouse.jpg) top center no-repeat;
	width:961px;
	height:495px;
	text-align:center;
	margin:0 auto;
}
	
	#clubhouse .inside {
		float:left;
		padding:60px 0px 0px 60px;
		width:395px;
	}
	
			#clubhouse .inside p{
				color:#fff;
			}

				#clubhouse .inside h1{
					color:#fff;
				}
				
					#clubhouse .inside a {
						color:#fff;
						text-decoration:underline;
						}
				
#aboutus-1 {
	background:url(../../../Images/Public/aboutus-1.jpg) top center no-repeat;
	width:961px;
	height:495px;
	text-align:center;
	margin:0 auto;
}
	
	#aboutus-1 .inside {
		float:left;
		padding:60px 0px 0px 60px;
		width:395px;
	}
	
			#aboutus-1 .inside p{
				color:#fff;
				padding-right:10px;
			}

				#aboutus-1 .inside h1{
					color:#fff;
					text-align:left;
				}
				
					#aboutus-1 .inside a {
						color:#fff;
						text-decoration:underline;
						}
		
#aboutus {
	background:url(../../../Images/Public/aboutus.jpg) top center no-repeat;
	width:961px;
	height:495px;
	text-align:center;
	margin:0 auto;
}
	
	#aboutus .inside {
		float:left;
		padding:60px 0px 0px 60px;
		width:395px;
	}
	
			#aboutus .inside p{
				color:#fff;
			}

				#aboutus .inside h1{
					color:#fff;
				}		
				
					#aboutus .inside a {
						color:#fff;
						text-decoration:underline;
						}
				
#banq-1 {
	background:url(../../../Images/Public/banq-2.jpg) top center no-repeat;
	width:961px;
	height:495px;
	text-align:center;
	margin:0 auto;
}
	
	#banq-1 .inside {
		float:left;
		padding:60px 0px 0px 60px;
		width:395px;
	}
	
			#banq-1 .inside p{
				color:#fff;
			}

				#banq-1 .inside h1{
					color:#fff;
				}	
				
					#banq-1 .inside a {
						color:#fff;
						text-decoration:underline;
						}
				
#banq-dining {
	background:url(../../../Images/Public/banq-1.jpg) top center no-repeat;
	width:961px;
	height:495px;
	text-align:center;
	margin:0 auto;
}
	
	#banq-dining .inside {
		float:left;
		padding:60px 0px 0px 60px;
		width:395px;
	}
	
			#banq-dining .inside p{
				color:#fff;
			}

				#banq-dining .inside h1{
					color:#fff;
				}	
				
					#banq-dining .inside a {
						color:#fff;
						text-decoration:underline;
						}
/*------------------------------------------------------------------
PRIVATE BG IMAGES
-------------------------------------------------------------------*/

#club-info2 {
	float:left;
	width:375px;
	height:751px;
	background:url(../../../Images/Private/club-info2.jpg) top center no-repeat;
	
}

	#club-info2 p {
		color:fff;
		}
		
		#club-info2 h1 {
			color:fff;
		}
		
#dining {
	float:left;
	width:375px;
	height:751px;
	background:url(../../../Images/Private/dining.jpg) top center no-repeat;
	
}

	#dining p {
		color:fff;
		}
		
		#dining h1 {
			color:fff;
		}
		
#golf {
	float:left;
	width:375px;
	height:751px;
	background:url(../../../Images/Private/priv-golf.jpg) top center no-repeat;
	
}

	#golf p {
		color:fff;
		}
		
		#golf h1 {
			color:fff;
		}
		
#staff {
	float:left;
	width:375px;
	height:751px;
	background:url(../../../Images/Private/priv-staff.jpg) top center no-repeat;
	
}

	#staff p {
		color:fff;
		}
		
		#staff h1 {
			color:fff;
		}
		
#swiming {
	float:left;
	width:375px;
	height:751px;
	background:url(../../../Images/Private/priv-swim.jpg) top center no-repeat;
	
}

	#swiming p {
		color:fff;
		}
		
		#swiming h1 {
			color:fff;
		}
		
#tennis {
	float:left;
	width:375px;
	height:751px;
	background:url(../../../Images/Private/tennis.jpg) top center no-repeat;
	
}

	#tennis p {
		color:fff;
		}
		
		#tennis h1 {
			color:fff;
		}