@import url(global.css);
@import url(hillcrestCC_css/modules.css);
@import url(hillcrestCC_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: #000;
	font: bold 30px "Times New Roman", Georgia, Times, serif;
	padding-bottom: .4em;
	text-transform: uppercase;

}

h2 {
	
	color: #29361D;
	font: 14px  "Lucida Sans Unicode", Arial, sans-serif;
	padding: .2em 0;

}

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

}

h4 {
	
	color: #000;
	font: italic 13px "Times New Roman", Georgia, Times, serif;
	padding: .6em 0;

}

h5 {
	
	color: #000;
	display: inline;
	font: 14px "Times New Roman", Georgia, Times, serif;

}

h6 {
	
	color: #C6AB73;
	font: 10px "Lucida Sans Unicode", Arial, sans-serif;
	text-transform: uppercase;

}

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

p {
	
	color: #000;
	font: 13px "Times New Roman", Georgia, Times, serif;
	margin: 0;

}

table {
	
	font: 11px "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: 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 "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 "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 "Lucida Sans Unicode", Arial, sans-serif;

}

/*= ADMIN BUTTON AND BAR ------ */
.abut {
	
	background: #eee;
	border-style: outset;
	border-width: 2px;
	color: #333;
	font: 11px "Lucida Sans Unicode", Arial, sans-serif;
	margin-bottom: 2px;
	margin-top: 2px;

}

.adminbar {
	
	background: #eee;
	color: #333;
	font: 400 12px "Lucida Sans Unicode", Arial, sans-serif;

}

/*////////////////////////////////////
III. MISC CLASSES 
//////////////////////////////////////
 --------- general row hover classes --------- */
.rowNormal {
	
	background: #eee;
	color: #000;
	font: 400 11px "Lucida Sans Unicode", Arial, sans-serif;

}

.rowHover {
	
	background: #FFF;
	color: #000;
	font: 400 11px "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 "Lucida Sans Unicode", Arial, sans-serif;
	padding: 2px;
	text-decoration: none;

}

a.cookieTrail,a.cookieTrail:hover {
	
	color: #333;
	font: 400 11px "Lucida Sans Unicode", Arial, sans-serif;
	text-decoration: none;

}

/*//////////////////////////////////////////////////////
Layout and Custom Selectors For: Hillcrest 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;

}

.justifiedCopy {

	text-align: justify;

}

.centered {

	margin: 0 auto;
	text-align: center;

}

.plgTitle {

	background: url(Images/plgTitleBg.gif) repeat-x center top;
	margin: 1px 0;

}

.logoFix {

	text-indent: -100000px;

}

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

.siteWrapper {

	width: 802px;
	margin: 0 auto;

}

	#siteOuterContainer {
	
		width: 100%;
		background: url(../../../Images/contentRepeat.gif) repeat-y center top;
		padding-bottom: 8px;
	
	}

	#siteInnerContainer {
	
		width: 780px;
	
	}

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

#branding {

	width: 100%;
	background: url(../../../Images/headerLogo.gif) no-repeat left top; 
	height: 147px;

}

	#branding .logoFix {
	
		float: left;
	
	}

	#branding .inside {
	
		width: 300px;
		height: 100px;
		margin: 30px 11px 0 0;
		float: right;
		text-align: right;
	
	}
	
	#branding .inside p {
		
			color: #FFF;
			font-size: 16px;
			text-transform: uppercase;
			padding-bottom: 4px;
		
		}
		
		#branding .inside .signedIn {
		
			color: #D6D1AF;
			font-size: 10px;
			border-bottom: 1px dotted #73882A;
		
		}
		
			#branding .logoutLinks {
		
				color: #BE8017;
				font-size: 11px;
		
			}
			
				#branding .logoutLinks a {
			
					color: #73882A;
			
				}
				
				#branding .logoutLinks a:hover {
			
					color: #BE8017;
					font-size: 11px;
					text-decoration: none;
			
				}
				
		#branding .inside .headerDate {
		
			color: #D6D1AF;
			font-size: 11px;
			padding-right: 10px;
		
		}

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

#nav {

	width: 100%;
	height: 44px;
	background: url(../../../Images/navBg.gif) repeat-x left top;

}

	#nav h4{
	
		font-style: normal;
		font-weight: normal;
		color: #DED4A5;
		line-height: 44px;	
	
	}

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

/*home page*/

#contentArea {

	width: 100%;

}

	#flashContainer {
	
		width: 780px;
		height: 481px;
	
	}
	
	.mainContentImage {
	
		width: 776px;
		border: 2px solid #231E15;
	
	}	
		
	#contentWrapper {
	
		width: 760px;
		
	}
	
		#contentMain {
		
			width:416px;
			text-align: left;
			padding: 20px 24px 20px 32px;
		
		}
		
			#contentMain .inside {
			
				width: auto;
			
			}
			
				#contentMain .inside p {
			
					padding-right: 30px;
			
				}
				
		#quickLinkTable {
		
			width: 246px;
			margin: 30px 0 0;
			padding: 0;
			text-align: center;
		
		}
		
			#quickLinkTable td {
	
				height: 20px;
				vertical-align: middle;
				padding: 2px 0;
			
			}
		
		#quickLinkTable .quickLink {
		
			display: block;
			width: 118px;
			padding: 2px 0;
			background: #650606;
			font: 11px "Times New Roman", Georgia, Times, serif;
			color: #FFF;
		
		}
		
		#quickLinkTable .quickLink:hover {
		
			background: #722201;
			text-decoration: none;
		
		}
		
		#contentSecondary {
		
			width: 276px;
			text-align: left;
			margin-top: 10px;
			padding : 6px;
			float: right;
		
		}

			#contentSecondary .inside,
			#contentSidebar .inside{
			
				width: auto;
			
			}
			
			
		.pluginWrapper {
		
		
			background: #271716;
		
		}
		
			.pluginWrapper .inside {
			
				background: #FFF;
	
			}

		
/*content page*/

	#mainImageWrapper {
	
		width: 780px;
		background: #000000;
		padding: 2px 0;
	
	}
	
		.mainContentImage {
		
			width: 776px;
			border: 2px solid #231E15;
			display: block;
		
		}	

.contentLayout {

	margin: 0 auto;
	text-align: center;

}

	.mainHeading {
	
		background: url(../../../Images/mainHeadingBg.gif) repeat-y left top;
		text-align: left;
		padding: 12px 24px;
	
	}
	
	.contentLayout #contentMain {
			
		width: 533px;
		border-right: 1px solid #271716;
		padding: 20px 0;
		margin: 10px 0;	
			
	}
	
	.contentLayout #contentMain .inside {
			
		width: 484px;
		margin: 0 24px;
			
	}
	
	.contentLayout #contentMain p {
			
		padding-right: 6px;
			
	}

		#contentSidebar {
				
			width: 206px;
			/*padding: 10px;*/
			text-align: left;
			padding: 20px 0;
			float: right;
				
		}
		
			#contentSidebar .inside {
					
				/*width: auto;*/
				width: 176px;
				margin: 0 10px;
				
					
			}

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

#footer {

	width: 100%;
	background: url(../../../Images/footerLogo.gif) no-repeat center top;
	padding-top: 76px;
	
}