@import url(global_v1-2.css);
@import url(DetroitGC_css/modules.css);
@import url(DetroitGC_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

/////////////////////////////////////////////////////*/

/*force body bg to bottom align in Firefox*/
html, body {

	min-height: 100%;
	height: auto;

}

body {
	
	background:  #FFF;
	color: #000;
}


h1 {
	
	color: #2B3F1A;
	font: 24px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;

}


h2 {
	
	color: #2C401C;
	font: 14px Georgia, "Times New Roman", Times, serif;
	
}

h3 {
	
	color: #151412;
	font: bold 12px Arial, Helvetica, sans-serif;

}

h4 {
	
	color: #102001;
	font: italic 16px/1.3 Georgia, "Times New Roman", Times, serif;

}

/*#contentOptionOne h4 {
	
	display: inline;*/

}

h5 {
	
	color: #2B3F1A;
	font: 16px/1.3 Georgia, "Times New Roman", Times, serif;
	display: inline;
	

}

h6 {
	
	color: #614D28;
	font: 9px Arial, Helvetica, sans-serif;

}

p {
	
	color: #151412;
	font: 12px Arial, Helvetica, sans-serif;

}

table, div {
	
	font: 11px  Arial, Helvetica, sans-serif;

}

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

}

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

}

.page {
	
	background: url(../../../Images/bodyBg.gif) repeat-x center bottom #E8EBE7;
	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 Arial, Helvetica, 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 Arial, Helvetica, sans-serif;

}

/*= directory -> edit roster options -> close button --------- */
.membut {
	
	background: #eee;
	border: 1px solid buttonFace;
	color: #333;
	cursor: pointer;
	font: 11px Arial, Helvetica, sans-serif;

}

/*= ADMIN BUTTON AND BAR ------ */
.abut {
	
	background: #eee;
	border-style: outset;
	border-width: 2px;
	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;
	border: 1px solid #000;
	color: #FFF;
	font-weight: 700;

}

.cookieTrail {
	
	background: #FFF;
	border-bottom: 1px solid #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: Detroit Golf Club
/////////////////////////////////////////////////*/

.hideText {

	display: none;

}

.greyBorderCont img,
.greyBorderCont object,
#contentOptionOne #contentMain .floatLeft img,
#contentOptionTwo #contentSecondary img {

	display: block;
	border: 3px solid #F0F0F0;

}

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

.siteWrapper {

	width: 942px;
	margin: 0 auto;
	
}

#pubHome {


	
}

#contentOptionOne {


	
}

	#siteContainer {
	
		width: 942px;
		background: url(../../../Images/contentBg_middle.gif) repeat-y center top;
		text-align: left;
	
	}


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

#pageTop {

	width: 942px;
	padding: 4px 0 10px;
	background: url(../../../Images/contentBg_top.gif) no-repeat center bottom;
	text-align: right;

}

	#pageTop a, #pageTop span {

		color: #7A8770;
		font-size: 10px;
		margin-right: 10px;
	}

#branding {
	
	width: 900px;
	height: 122px;
	margin-left: 21px;
	
}

	#branding #logo {

		width: 184px;
		height: 94px;
		background: url(../../../Images/headerLogo.gif) no-repeat left top;
	
	}
	
	#branding #loginWrapper {

		width: 400px;
		height: 94px;
		text-align: right;
	
	}
	
			#loginWrapper h4 {
				text-align:right;}
	
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {

	width: 900px;
	padding: 3px 0;
	background: #F0F0F0;

}

	#nav .inside {

		width: 894px;
		height: 22px;
		margin: 0 3px;
		background: #4E5F41;

	}

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

#contentArea {
	
	width: 900px;
	margin-top: 6px;
	padding: 28px 0 34px;
	margin-left: 21px;
	
}

#pubHome #contentArea {
	
	width: 942px;
	margin-left: 0;
	padding: 0;
	
}

	#pubHome #contentWrapper {
		
		width: 942px;
		
	}
	
		#pubHome #mediaWindow {
		
			width: 900px;
			margin-left: 21px;
			padding-bottom: 20px;
		
		}
		
		#pubHome #contentMain {
			
			width: 930px;
			margin-left: 6px;
			padding: 20px 0;
			background: #DFE2DC;
			
		}
		
			#pubHome #contentMain table {
			
				width: 900px;
				margin: 0 auto;
				
			}
			
				#pubHome #contentMain td {
			
					vertical-align: top;
				
				}
			
				#pubHome #contentMain table img {
			
					display: block;
					border: 3px solid #F0F0F0;
					margin-bottom: 4px;
				
				}
				
				#pubHome #contentMain table blockquote {
			
					margin-bottom: 0;
					margin-top: 6px;
					margin-left: 24px;
				
				}
			
					#pubHome #contentMain table h2 a {
				
						display: block;
						height: 18px;
						background: url(../../../Images/circArrow_off.gif) no-repeat left center;
						padding-left: 24px;
					
					}
					
					#pubHome #contentMain table h2 a:hover {
				
						background: url(../../../Images/circArrow_on.gif) no-repeat left center;
						text-decoration: none;
						color: #7A8770;
					
					}
	
	#contentOptionOne #sidebar,
	#contentOptionTwo #sidebar,
	#privHome #sidebar {
	
		width: 184px;
	
	}
					
	#contentOptionOne #contentWrapper,
	#contentOptionTwo #contentWrapper,
	#privHome #contentWrapper {
	
		width: 680px;
	
	}
		
		#contentOptionOne #pullQuoteWrapper,
		#contentOptionTwo #pullQuoteWrapper {
		
			width: 100%;
			padding: 20px 0;
			border-bottom: 1px solid #E3E3E3;
		
		}
		
		#contentOptionOne #contentMain,
		#privHome #contentMain {
	
			width: 100%;
			margin-top: 18px;
	
		}
		
			#contentOptionOne #contentMain a,
			#contentOptionTwo #contentSecondary a {
	
				text-decoration: underline;
	
			}
			
			#contentOptionOne #contentMain a:hover,
			#contentOptionTwo #contentSecondary a:hover {
	
				text-decoration: none;
	
			}
			
			#contentOptionOne #contentMain .floatLeft {
	
				width: 182px;
	
			}
			
				#contentOptionOne #contentMain .floatLeft img,
				#contentOptionTwo #contentSecondary img {
	
					margin-bottom: 8px;
	
				}
			
				#contentOptionOne #contentMain .floatLeft a,
				#contentOptionTwo #contentSecondary a {
	
					display: block;
					background: url(../../../Images/quickLinkArrow.gif) no-repeat left center;
					padding-left: 10px;
					margin: 4px;
					font-size: 12px;
	
				}
			
			#contentOptionOne #contentMain .floatRight {
	
				width: 484px;
	
			}
			
			
		#contentOptionTwo #contentMain {
	
			width: 402px;
			/*margin-top: 18px;*/
	
		}
		
			#contentOptionTwo #pullQuoteWrapper {
			
				border-top: 1px solid #E3E3E3;
				padding: 10px 0;
				margin-bottom: 10px;
			
			}
		
		#contentOptionTwo #contentSecondary {
	
			width: 242px;
			/*margin-top: 18px;*/
	
		}
		
		#privHome #sidebar h2 {
		
		margin: 4px 0;
			
		}
		
		#privHome #introWrapper {
		
			width: 100%;
			background: #F1F3EB;
			border-top: 1px solid #E3E3E3;
			border-bottom: 1px solid #E3E3E3;
			padding: 12px 0;
			margin-top: 18px;
		
		}
			
			#privHome #introWrapper .inside {
			
				width: 656px;
				margin-left: 12px;
			
			}
			
				#privHome #introWrapper .inside .floatLeft {
			
					width: 232px;
			
				}
				
					#privHome #introWrapper .inside h1 {
			
						margin-bottom: 0;
			
					}
					
					#privHome #introWrapper .inside h6 {
			
						font-size: 12px;
			
					}
			
				#privHome #introWrapper .inside #photoGallWrapper {
			
					width: 400px;
			
				}
				
			#privHome #contentMain .floatLeft,
			#privHome #contentMain .floatRight {
			
				width: 330px;
			
			}
			
.date {
	color: #4e5f41;
	font: 14px Georgia, "Times New Roman", Times, serif;
	}
	
.plugWeatherHigh {
	color: #2B3F1A;
	font: 20px Georgia, "Times New Roman", Times, serif;
	}
	
.slash {
	color: #2B3F1A;
	font: 20px Georgia, "Times New Roman", Times, serif;
	}
	
.plugWeatherLow {
	color: #4e5f41;
	font: 16px Georgia, "Times New Roman", Times, serif;
	}

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

#footer {

	width: 942px;
	background: url(../../../Images/contentBg_bottom.gif) no-repeat center top;
	padding: 10px 0 10px;

}

	#footer .inside {
	
		width: 100%;
		padding: 18px 0;
		text-align: left;
		background: url(../../../Images/footerLogo2.gif) no-repeat left center;
	
	}
	
		#footer .inside h6 {
			
			padding-left: 46px;
	
		}
	
		#footer .inside a  {
	
			text-transform: uppercase;
			color: #151412;
			margin-right: 12px;
	
		}
		
		
.advLogUsername {
	color:#586A72;
	font: 10px Arial, Helvetica, serif;
	background:#FFF url(../../../Images/login_username.gif) no-repeat top left;
	border:1px solid #DBDBDB;
	/*padding-left:5px;
	padding-top:2px;
	height:16px;*/
	width:130px;
}
	
	/*#memberLogin_main .advLogUsername {
		width:128px;
	}*/


.advLogPassword {
	color:#586A72;
	font: 10px Arial, Helvetica, serif;
	background:#FFF url(../../../Images/login_password.gif) no-repeat top left;
	border:1px solid #DBDBDB;
	/*padding-left:5px;
	padding-top:2px;
	height:16px;*/
	width:130px;
}
	/*#memberLogin_main .advLogPassword {
		width:128px;
	}*/