@import url(global_v1-2.css);
@import url(BalboaYachtClub_css/modules.css);
@import url(BalboaYachtClub_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: #FCFAF6;
	color: #000;
}


h1 {
	
	color: #464646;
	font: 24px Georgia, Times, serif;
	font-variant:small-caps;
	letter-spacing: 3px;
	margin-bottom: 4px;

}


h2 {
	
	color: #484848;
	font: 12px Arial, Georgia, Times, serif;
	
}

h3 {
	
	color: #733e3a;
	font: 16px Georgia, Times, serif;
	padding-bottom: 16px;
	font-style:italic;
	
}



h4 {
	
	color: #042842;
	font: 16px Georgia, Times, serif;
	padding-bottom: 16px;
	font-style:italic;

}

h5 {
	
	color: #8e6e13;
	font: 14px Arial, Georgia, Times, serif;
	display: inline;

}

h6 {
	
	color: #000;
	font: 10px Arial, Helvetica, sans-serif;

}

p {
	
	color: #3F331C;
	font: 14px/1.6 "Times New Roman", Georgia, Times, serif;

}

table, div {
	
	font: 11px Arial, Helvetica, 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 {
	
	
	text-align: center;
	background-color:#132941;
	
}

.CEMenu {
	
	margin: 0;
	padding: 0;

}

/* important edit global text boxes - deFault --------- */
.txtbox {
	
	background: #FFF;
	color: #000;
	font: 11px Arial, Helvetica, sans-serif;
	margin: 2px 0;

}

/****** END GLOBAL ------------------
/////////////////////////////////////
II. BUTTONS
/////////////////////////////////////
= directory -> edit roster options -> cancel & next button --------- */
.but {
	
	background: #eee;
	color: #333;
	cursor: pointer;
	font: 13px Arial, Helvetica, sans-serif;

}

/*= directory -> edit roster options -> close button --------- */
.membut {
	
	background: #eee;
	color: #333;
	cursor: pointer;
	font: 11px Arial, Helvetica, sans-serif;

}

/*= ADMIN BUTTON AND BAR ------ */
.abut {
	
	background: #eee;
	color: #333;
	font: 11px Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
	margin-top: 2px;

}

.adminbar {
	
	background: #eee;
	color: #333;
	font: 400 12px Arial, Helvetica, sans-serif;

}

/*////////////////////////////////////
III. MISC CLASSES 
//////////////////////////////////////
 --------- general row hover classes --------- */
.rowNormal {
	
	background: #eee;
	color: #000;
	font: 400 11px Arial, Helvetica, sans-serif;

}

.rowHover {
	
	background: #FFF;
	color: #000;
	font: 400 11px Arial, Helvetica, sans-serif;

}

.rowAlternate {
	
	background: #eee;
	color: #000;
	font-weight: 400;

}

.rowHeader {
	
	background: #555;
	color: #FFF;
	font-weight: 700;

}

.cookieTrail {
	
	background: #FFF;
	color: #000;
	display: none;
	font: 400 11px Arial, Helvetica, sans-serif;
	padding: 2px;
	text-decoration: none;

}

a.cookieTrail,a.cookieTrail:hover {
	
	color: #333;
	font: 400 11px Arial, Helvetica, sans-serif;
	text-decoration: none;

}

/*////////////////////////////////////////////////////////
Layout and Custom Selectors For: Inglewood Golf Club
////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

#mediaWindow {

	
	

}




#mediaWindow img {

	display:block
	

}

  #PrivHome #mediaWindow{

	background: #FFFFFF;

}

  #PrivHome #mediaWindow .floatRight{

	margin-top:55px;
	margin-right:0px;
	margin-left:10px;
	width:257px;
}





/*////////////////////////////////////////////////////////////////
= MASTER PAGE SPECIFIC CLASSES 
////////////////////////////////////////////////////////////////*/

#bodyWrapper {

	background: #09314f;
	text-align: center;

}

	.siteWrapper {
	
		width: 960px;
		margin: 0 auto;
		
	}
	
	#pubHome {
	
	
		
	}
	
	#pubContent {
	
	
		
	}
	
		#contentContainer {
		
			width: 100%;
			background: #FCFAF6;
			background:#dde3e8 url(../../../Images/background-Image.gif) repeat-x;
		
		}

	 #contentContainer #PrivHome{
		
			width: 100%;
			background-color:#132941;
		}

/* -------------------------------------------------------------
= HEADER CLASSES 
------------------------------------------------------------- */

#branding {

	width: 100%;
	height: 72px;
	background: url(../../../Images/header_bg.gif) repeat-x ;
	
}



#header {margin:0 auto;}




#brandingLeft {

width:370px;
height:72px;}
		
		
#brandingRight {
	
width:420px;

line-height:20px;
margin:28px 0 0 0;
	
	}

#logo {
width:300px;

text-align:right;
margin-right:20px;
}


#logout {

font:11px Georgia, "Times New Roman", Times, serif;
font-style:italic;
color:fccf4f;

margin-right:20px;
text-align:right;
width:300px;
}

#branding2 {
width:960px;
margin:0 auto;
}



/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {

	
	background: #09314f;
	height: 30px;
	padding:0px
	
}

#topNav {width:960px;
text-align:center;
margin:0 auto;
}

/* -------------------------------------------------------------
= CONTENT  
------------------------------------------------------------- */

#contentArea {
	width: 960px;
	margin: 0 auto;
		
}

	#contentWrapper {
		
		width: 960px;
		text-align: left;
		background:#F2F6F9 url(../../../Images/sidebarImg.jpg) no-repeat left bottom;
		
	}
	
	#sidebar {
		
			width: 188px;
			background-color:#F2F6F9
			
		
		}
		
			#sidebarLogin {
		
			width: 188px;

		}
		
			#sidebar .inside {
			
				width: 170px;
				margin-left: 15px;
				margin-top:60px;
				color:#8e6e13;
				font-size:14px;
				font-family:Arial, Helvetica, sans-serif;
				line-height:25px;
			}
			
			#sidebar .inside .quickLinks{
			
				width: 170px;
				color:#4e463c;
				font-size:14px;
				font-family:Arial, Helvetica, sans-serif;
				line-height:25px;
			}
	
	
	#sidebarLogin .inside {
			
				width: 170px;
				margin-left: 15px;
				margin-top:60px;
				color:#8e6e13;
				font-size:14px;
				font-family:Arial, Helvetica, sans-serif;
				line-height:25px;
			}
			

	
	
	
	
	
		#contentMain {
		
		width:772px;
		
		
		}
		
	
/*public home*/
	
#pubHome #contentArea,
#pubHome #contentWrapper {
	
	background: none;
	
}

			
	#pubHome #contentMain p {
	
		color: #34301E;
		font: 11px/1.6 Arial, Helvetica, sans-serif;
	
	}
	
		#pubHome #mediaWindow,
		#pubHome #contentMain {
		
			width: 772px;
			
			
		}

		#pubHome #contentMain {
		
			margin-top: 3px;
		
		}
		
			#pubHome #contentMain .floatLeft {
			
				width: 316px;
				
			
			}
			
			#pubHome #contentMain #middleFloat {
			
				margin: 0 3px;
			
			}
			
				#pubHome #contentMain .floatLeft .inside {
			
					width: 268px;
					margin-right:10px
					
			
				}
				
					#pubHome #contentMain .floatLeft .inside a,
					#pubHome #contentMain .floatLeft .inside a:hover {
			
						color: #000;
									
					}
					
	/*public content*/
			
			#pubContent #contentMain .inside {
		

				margin-left:25px;
				margin-top:20px;
			
		
			}
			
				#pubContent #contentMain .inside h2 {
	
					

				}
				
				#pubContent #contentMain .inside .floatLeft {
				
					margin-top: 5px;
					width: 442px;
					
					
						
				}
				
				#pubContent #contentMain .inside .floatRight {
					background:#e9ecef;
					margin-top: 5px;
					width: 275px;
					height:424px;
					
						
				}
				
				.rightContent{ margin-left:12px; margin-top:5px; margin-right:20px;}
				
				#pubContent #contentMain .inside .floatRight ul{
				padding-left:10px;
				margin-left:10px;
				margin-top:5px;
				
				}
				
				#content {margin-right:60px;}
				
	/*public content*/
	
	
	
	
	/*public Landing */
	#pubLanding #contentMain .inside {
		

				margin-left:25px;
				margin-top:20px;
			
		
			}
			
				#pubLanding #contentMain .inside h2 {
	

				}
				
				#pubLanding #contentMain .inside .floatLeft {
				
					margin-top: 5px;
					width: 442px;
	
				}
				
				#pubLanding #contentMain .inside .floatRight {
					background:#e9ecef;
					margin-top:10px;
					width: 275px;
					height:429px;
					
		
				}
				
				
					#photogallery {
		
		}
				
	/*public Landing*/
	
/*private */

		#PrivHome #contentMain .inside {
		

				margin-left:25px;
				margin-top:20px;
			
		
			}
			
				#PrivHome #contentMain .inside h2 {
	

				}
				
				#PrivHome #contentMain .inside .floatLeft {
				
					margin-top: 5px;
					width: 442px;
	
				}
				
				#PrivHome #contentMain .inside .floatRight {
					background:#e9ecef;
					margin-top:10px;
					height:475px;
		
				}
				
		#PrivHome .sideCol {
		width:442px;
		}
		
		#PrivHome .sideCol{
		margin:0px;
		}
		
		#PrivHome .sideCol .colLeft{
		float:left;
		margin: 0 auto;
		border-right:1px solid #b9c4ce;
		padding-right:15px;
		width:310px;
		
		
		
		}
			
			#PrivHome .sideCol .colRight {
		float:right;
		width:110px;
		
		}	
		
		
		.newsletterText  {
			color:#354e75;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:12px
		
		}
		
		
	
/*private*/

/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */



#Footer {

	width: 100%;
	height:270px;
	background:#132941 url(../../../Images/footer.jpg) no-repeat center;
	

}


.memberLogin {
color:#132941;
text-transform:uppercase;
font-family:"Times New Roman", Times, serif;
font-size:12px;
padding-right:10px;

}



#PrivFooter  {

	width: 100%;
	height:180px;
	background-color:#132941;
	

}

#PrivFooter .inside {
width:960px;
margin:0 auto;
}

#PrivFooter .inside .Floatright{

	width:250px;
	float:right;
	color:#5a7a99;
	font-family: Helvetica, Arial;
	font-size:11px;
	padding-top:5px;
	margin: 0 auto;
}

#PrivFooter .inside .Floatleft{


	text-align:left;
	color:#5a7a99;
	font-family: Helvetica, Arial;
	font-size:11px;
	padding-top:5px;
	margin: 0 auto;

}


