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

}

h2 {
	
	color: #284E36;
	font: 16px Georgia, "Times New Roman", Times, serif;
	padding-bottom: .2em;
	
}

h3 {
	
	color: #4E2E2D;
	font: 14px Georgia, "Times New Roman", Times, serif;
	padding-bottom: .6em;

}

h4 {
	
	color: #000;
	font: 13px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	padding-bottom: .6em;

}

h5 {
	
	color: #000;
	
	font: 12px Georgia, "Times New Roman", Times, serif;
	padding-bottom: .3em;

}

h6 {
	
	color: #284E36;
	font: 10px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	padding: .4em 0;

}

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

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

}

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

}

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

}

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

}

.page {
	
	background: #F0EDE0;
	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: Los Angeles Country Club
////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////
= 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;

}

.vBottom {

	vertical-align: bottom;

}

.justifiedCopy {

	text-align: justify;

}

.centered {

	margin: 0 auto;
	text-align: center;

}

.logoFix {

	display: none;

}

.arrowLink:hover {

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

}

.paragraphWithImg {

	
	margin-right: 5px;

}

.paragraphWithImg span {

	

}

.borderedThumb {

	border: 5px solid #E0D9BE;

}

.inside {

	text-align: left;

}

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

.siteWrapper {

	width: 100%;
	margin: 0 auto;
	text-align: center;

}

	#pubHome {
	
		background: url(../../../Images/headerBg.gif) repeat-x left top;
		padding-top: 15px;
	
	}
	
		#pubHome #siteContainer {
		
			
		
		}
		
	#contentPage {
	
		width: 788px;
		background: url(../../../Images/outerBg.gif) repeat-y center top;
	}
		
		#contentPage #siteContainer {
	
			width: 780px;
			background: url(../../../Images/headerBg.gif) repeat-x left top;
			padding-top: 15px;

	
		}

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

#branding {

	height: 82px;
	background: url(../../../Images/logo.gif) no-repeat left top;

}

#pubHome #branding {

	width: 1024px;

}

#contentPage #branding {

	width: 100%;

}

	#contentPage #branding .inside {

		width: 766px;
		text-align: right;
		padding-top: 6px;

	}
	
		#contentPage #branding .inside h6 {
	
			font-weight: bold;
			color: #94805C; 
	
		}
		
		#contentPage #branding .inside #topLinks,
		#contentPage #branding .inside #topLinks li {
	
			margin: 12px 0 0;
			padding: 0;
			list-style: none;
	
		}
		
			#contentPage #branding .inside #topLinks li {
	
				display: inline;
				font: 11px Georgia, "Times New Roman", Times, serif;
				color: #948430;
	
			}
			
				#contentPage #branding .inside #topLinks a {
	
					color: #948430;
	
				}


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

#pubHome #nav {

	
	width: 512px;
	margin: 54px 72px 0 0;
	height: 28px;
}

#contentPage  #nav {
	
	width: 178px;
	padding-bottom: 12px;
	margin: 0 auto;
	text-align: center;
	
}

	#contentPage  #nav .inside {
		
		margin: 0;
		padding: 0;
		width: 100%;
		border: 1px solid #BBAB7D;
		background: #D2CAA2;
		height: auto;
		max-height: 400px;
		
	}

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

	#contentArea {
	
		width: 100%;
		margin-top: 5px;
	
	}
	
	#pubHome #contentArea {
	
		background: #F0EDE0;
	
	}
	
	#pubHomeContentWrapper {
	
		width: 1024px;
		margin: 0 auto;
		text-align: center;
		padding: 12px 0 25px; 
		background: #FFF;
	
	}
	
		/*public content page*/
	
		#pubHomeContentWrapper .inside {
	
			margin: 0 12px;
			text-align: left; 
	
		}
		
		#pubHomeContentWrapper p {
	
			text-align: justify; 
	
		}
	
	 #contentPage #contentArea {
		
		background: #FFF;
		
	}
	
	
		 #contentPage #contentWrapper {
		
			width: 100%;
		
		}
		
			#sidebar {
		
				width: 204px;
				padding: 12px 0;
				background: #FFF;
		
			}
			
				#sidebar .inside {
		
					width: 180px;
					margin: 0 12px;
		
				}

			#contentPage #contentMain {
	
				width: 576px;
				padding: 12px 0;
				background: url(../../../Images/innerBg_right.gif) repeat-x right bottom;
			}
			
				/*one-column content area*/
			
				#oneCol_mediaWindow {
		
					width: 552px;
					height: 230px;
					margin: 0 auto;
					text-align: center;
		
				}

				#oneCol_pageTitle {
					
					padding-top: .4em;
					
				}
			
				#contentPage #contentMain .inside {
	
					width: 552px;
					margin: 0 12px;
		
				}
				
					#innerLeft {
					
						padding-top: 20px;
						width: 248px;
					
					}
					
						.foodBevCallout {
						
							width: 100%;
							background: url(../../../Images/foodBevBg.gif) repeat-x center bottom #E0D7C7;
							border: 1px solid #AD967E;
						
						}
						
							
							.foodBevCallout .blockLevel {
					
								border-bottom: 1px solid #AD967E;
					
							}
							
							.foodBevCallout h6 {
				
								padding: 10px 12px;
					
							}
							
						#reserveLink {
						
							display: block;
							margin: 26px auto 16px;
							width: 234px;
							height: 28px;
							background: url(../../../Images/reserveNowBtn.gif) no-repeat left;
						
						}
						
						#reserveLink:hover {
						
							background: url(../../../Images/reserveNowBtn.gif) no-repeat right;
						
						}
					
					#innerRight {
					
						padding-top: 20px;
						width: 256px;
					
					}
					
						.calloutWrapper {
					
							background: #E0D9BE;
							border: 1px solid #BBAB7D;
							width: 242px;
							padding: 6px;
						
						}	
						
							.calloutWrapper h6 {
						
								padding: 0;

							}
							
							.calloutWrapper img {
							
								display: block;
								border: 3px double #284E36;
								margin-right: 6px;
							}
							
							#newsWrapper {
							
								width: 100%;
								background: #DDE0D2;
								border: 1px solid #9CAB9A;
							
							}
							
								#newsWrapper .inside {
							
									width: 162px;
									margin: 0 8px;
							
								}
							
								
							
								#newsWrapper .smallerFont {
								
									display: block;
									padding-top: 4px;
								
								}
							
									#newsWrapper .smallerFont a {
									
										font: 10px Georgia, "Times New Roman", Times, serif;
										color: #918769;
									
									}
									
									#newsWrapper .smallerFont a:hover {
										
										color: #918769;
										text-decoration: underline;
									
									}
			
/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */

.footer {

	padding: 36px 0;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	
}

	.footer h6, .footer h6 a {

		font-weight: bold;
		color: #927E6C;
	
	}
	
	.footer a:hover {

		color: #796859;
		text-decoration: none;
	
	}

#pubHome .footer {

	background: url(../../../Images/pubHome_footerBg.gif) repeat-x center top;
	
}

	#pubHome .footer .inside {
	
		width: 1024px;
		margin: 0 auto;
		text-align: center;
		
	}
	
	
#contentPage .footer {

	
	background: #D7CFAC;
	width: 780px;
	margin: 0 auto;
	
}

	#contentPage .footer .inside {
	
		
		width: 100%;
		margin: 0 auto;
		text-align: center;
		
	}