@import url(global_v1-1.css);
@import url(SpringfieldGCC_css/modules.css);
@import url(SpringfieldGCC_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;
	/*border-bottom: 1px dotted #675125;*/
	margin-bottom: 1em;

}

	h1 img {
		
		display: block;
		border-bottom: 1px dotted #675125;
			
	}

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

h3 {
	
	color: #4E2E2D;
	font: bold 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: #2b3B24;
	font: 11px Georgia, "Times New Roman", Times, serif;
	display: inline;

}

h6 {
	
	color: #423317;
	font: bold 11px Georgia, "Times New Roman", Times, serif;
	padding: .2em 0;

}

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

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

}

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

}

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

}

a:hover {
	
	color: #848D74;
	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 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: Springfield Golf and 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 {

	text-indent: -100000px;

}

.inside {

	text-align: left;

}

div {


}

.paragraphThumb {
	
	margin-right: 16px;

}

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

.siteWrapper {

	width: 790px;
	margin: 0 auto;
	text-align: center;
	border-top: 1px solid #B38C40;
	background: url(../../../Images/contentBorder.gif) repeat-y center top;
	
}

#publicSide {



}

	#siteContainer {
	
		width: 788px;
		
		
	}
	

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

#branding {

	width: 790px;
	height: 122px;
	background: url(../../../Images/headerLogo.gif) no-repeat left top;
	
}

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

#publicSide #nav {

	width: 196px;
	background: url(../../../Images/public_navBg.gif) no-repeat left top;
	height: 310px;
	text-align: left;

}

	#publicSide #nav .inside {
	
		width: 166px;
		margin: 15px;
	
	}

	#privateSide #nav, #oneCol #nav {
	
		width: 100%;
		border-bottom: 1px solid #B38C40;
		background: url(../../../Images/private_navBg.gif) repeat-x center top;
		height: 30px;
	}

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

#publicSide #mainImageWrapper {

	width: 592px;
	height: 310px;

}

#brownBar {

	width: 100%;
	height: 12px;
	background: url(../../../Images/public_brownBar.gif) no-repeat center top;

}

#publicSide #contentArea, #oneCol #contentArea {
	
	width: 100%;
	background: url(../../../Images/public_contentBg.gif) repeat-y center top;
	text-align: left;	
	
}

#oneCol #contentArea {
	
	padding-bottom: 10px;	
	
}

	#publicSide #contentWrapper {
	
		width: 100%;
		padding: 16px 0 28px;
		
	
	}
	
		#publicSide #contentMain {
	
			width: 728px;
			margin: 0 30px;
			
		}
		
		#oneCol #contentWrapper {
	
			width: 728px;
			padding: 16px 0 18px;
		
	
		}
	
		#publicSide #contentMain, #oneCol #contentMain {
	
			
			
		}
		
#privateSide #contentArea {
	
	width: 100%;
	background: url(../../../Images/private_contentBg.gif) repeat-y center top;		
	
}

	#privateSide #contentWrapper {
	
		width: 100%;	
	
	}
	
		#privateSide #contentWrapper td {
	
			vertical-align: top;
	
		}
				
		#privateSide #sidebar {
			
			width: 196px;
			padding: 15px 0;
			/*--background: url(../../../Images/private_sidebarBg.jpg) no-repeat left top;--*/
					
		}
		
			#privateSide #sidebar .inside {
			
				width: 166px;
				margin: 0 15px;
					
			}
			
				.privateSidebarBox {
			
					width: auto;
					padding: 10px;
					background: #E1D7B3;
					border: 1px solid #BAAB78;
					
				}
				
					#memberWelcome {
					
						font-size: 12px;
					
					}
				
					#memberWelcome a {
			
						font-size: 10px;
					
					}
					
					/*--#subNav, #subNav li {
					
						list-style: none;
						margin: 0;
						padding: 0;
						font-size: 11px;
					
					}
					
					#subNav li {
					
						padding: 2px 0;
						margin: 4px 0;
						border-bottom: 1px dotted #423317;
						
					}
					
					#subNav li a {
					
						
						color: #423317;
						
					
					}
					
					#subNav li a:hover {
					
						text-decoration: none;
						color: #8B7E5F;
						
					}--*/
#Lnav {
	text-align:left;}
	
	#Lnav h3{
		padding: 5px 0 5px 15px;}
					
				
		
		#privateSide #contentMain {
			
			width: 592px;
			padding: 26px 0;
			/*background: url(../../../Images/private_rightColBg.gif) repeat-y center top;*/
					
		}
		
			#privateSide #contentMain .inside {
			
				width: 540px;
				margin: 0 26px;
					
			}
			
				#privateSide #contentMain .pluginWrapper {
				
					margin-top: 30px;
					width: 282px;
					float: left;
					background: #F0F1DA;
					border: 1px solid #7A7B4D;
						
				}
				
					#privateSide #contentMain .pluginWrapper #innerPluginWrapper {
					
						width: 258px;
						margin: 12px;
							
					}
				
				#privateSide #contentMain .floatRight {
				
					margin-top: 30px;
					width: 222px;
						
				}
				
					#privateSide #contentMain .floatRight a {
				
						display: block;
						margin-top: 16px;
						
					}

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

#footer {

	width: 100%;
	height: 97px;
	background: url(../../../Images/footerBg.gif) no-repeat center top;
	border-top: 1px solid #B38C40;
	border-bottom: 1px solid #B38C40;

}

	#footer .inside {

		width: 750px;
		height: 70px;
		margin: 13px 20px 0 18px;
		background: url(../../../Images/footerLogo.gif) no-repeat left top;

	}
	
	#footer .inside ul, #footer .inside li {
	
		margin: 0;
		padding: 0;
		list-style: none;
		font-size: 9px;
		color: #352710;
	
	}
	
	#footer .inside ul {
	
		margin-top: 16px;
		padding: 0;
		list-style: none;
		font-size: 9px;
		color: #352710;
	
	}
	
	#footer .inside .floatLeft {
	
		margin-left: 74px; 
	
	}
	
	#footer .inside .floatRight {
	
		text-align: right;
	
	}