@import url(global_v1-2.css);
@import url(argylecc_css/modules.css);
@import url(argylecc_css/plugins.css);
@import url(adminLogin.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:  #FFF;
	color: #000;
}


h1 {
	
	color: #5F2711;
	font: 24px "Times New Roman", Georgia, Times, serif;

}


h2 {
	
	color: #5F2711;
	font: 20px "Times New Roman", Georgia, Times, serif;
	
}

h3 {
	
	color: #000;
	font: 18px "Times New Roman", Georgia, Times, serif;

}

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

}

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

}

h6 {
	
	color: #423317;
	font: bold 11px "Times New Roman", Georgia, Times, serif;

}

p {
	
	color: #1A1816;
	font: 12px/1.6 Arial, Helvetica, sans-serif;

}

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

}

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

}

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

}

.page {
	
	background: url(../../../Images/plaid.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 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: Argyle Country Club
////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

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

.siteWrapper {

	width: 960px;
	margin: 0 auto;
	padding-bottom: 60px;

}

	#siteContainer {
	
		width: 960px;
		background: url(../../../Images/outerContentBg.gif) repeat-y center top;
		
	}
	
		#siteSweater {
		
			width: 958px;
			margin: 0 auto;
		
		}
		
			#contentChainsaw {
			
				width: 958px;
				background: url(../../../Images/innerContentBg.gif) repeat-x center bottom #FFFFFE;
				padding-bottom: 8px;
			
			}
			
				#contentWoodchipper {
			
					width: 958px;
					background: url(../../../Images/contentBg_watermark.jpg) no-repeat left bottom;
			
				}

#pubHome {


	
}

#pubContent {


	
}


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

#branding {

	width: 100%;
	height: 102px;
	background: url(../../../Images/headerBg.jpg) no-repeat left top;
	
}

#branding, #branding a,
#branding a:hover {
	
	color: #D8D8B6;

}

	#logoWrapper {
	
		width: 280px;
		height: 75px;
		margin: 12px 0 0 14px;
	
	}
	
		#logoWrapper a {
		
			display: block;
			width: 100%;
			height: 100%;
			background: url(../../../Images/logo_doors.gif) no-repeat left;
		
		}
		
		#logoWrapper a:hover {

			background: url(../../../Images/logo_doors.gif) no-repeat right;
		
		}
	
	#loginWrapper {
	
		width: 280px;
		margin: 8px 18px 0 0;
		text-align: right;
	
	}
	
/*public member login*/

	#pub_memLoginTable {
	
		width: 204px;
	
	}
		
		#pub_memLoginTable td {
		
			vertical-align: top;
		
		}
		
		#pub_memLoginTable a,
		#pub_memLoginTable a:hover {
		
			color: #DEDDC1;
		
		}
			
		#pub_memLoginTable .advLogUsername,
		#pub_memLoginTable .advLogPassword {
		
			background: url(../../../Images/pub_loginInputBg.gif) no-repeat left top #DAD9BD;
			width: 148px;
			height: 15px;
			border: 1px solid #BAB9B9;
		
		}

	#privHeaderLinks {
	
		width: 500px;
		margin-top: 46px;
	
	}
	
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {

	width: 100%;
	height: 29px;
	background: url(../../../Images/navBg.jpg) no-repeat left top;

}

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

#contentArea {
	
	width: 958px;
	text-align: left;
	
	
}

	#mediaWindow {
	
		width: 956px;
		background: #DEDDC1;
		border: 1px solid #CBC9B8;
		padding: 6px 0;
		
	}
	
	
	/*Accomodate IE erroneous border/padding/width calculation*/
	*:first-child+html {} * html #mediaWindow {
	
		width: 958px;
	
	}
	
		#mediaWindow .inside {
		
			width: 944px;
			margin-left: 6px;
		
		}
		
		#mediaWindow img {
		
			display: block;
		
		}

/*******************
public home
*******************/		
		
	#pubHomeContentWrapper {
	
		width: 958px;
		padding: 49px 0;
		
	
	}
	
		#pubHomeContentMain {
	
			width: 912px;
			margin-left: 23px;
			background: url(../../../Images/pubHome_lowerContentDivider.gif) repeat-y center center;
	
		}
		
			#pubHomeContentMain .floatLeft {
	
				width: 252px;
				margin-left: 52px;
	
			}
			
			#pubHomeContentMain #firstBottomCallout {
	
				margin-left: 26px;
	
			}
			
			
/**************************
content pages/private home
***************************/

		
	#contentWrapper {
	
		width: 958px;
		padding: 24px 0;
	
	}
	
		#contentContainer {
	
			width: 910px;
			margin-left: 24px;
			background: url(../../../Images/sidebar_divider.gif) repeat-y left top;
	
		}
				
			#sidebar {
		
				width: 182px;
			
			}
			
			#contentMain {
			
				width: 680px;
			
			}
			
				#contentSecondaryOneCol {
				
					width: 100%;
					border-top: 1px dotted #999;
					margin-top: 12px;
					padding-top: 12px;
					padding-bottom: 12px;
				
				}
				
					#contentSecondaryOneCol span a,
					#contentSecondaryTwoCol span a {
				
						text-decoration: underline;
						background: url(../../../Images/linkArrow.gif) no-repeat left center;
						padding-left: 12px;
						color: #000;
				
					}
					
					#ArrowFix{
					}
					
					#ArrowFix span a{
						text-decoration: none;
						background: none;
					}
					
					#contentSecondaryOneCol span a:hover,
					#contentSecondaryTwoCol span a:hover {
				
						text-decoration: none;
				
					}
					
				#contentSecondaryTwoCol {
				
					width: 100%;
					margin-top: 24px;
					background: url(../../../Images/contentMain_divider.gif) repeat-y left top;
				
				}
				
					#contentSecondaryTwoCol .floatLeft,
					#contentSecondaryTwoCol .floatRight {
				
						width: 316px;
				
					}
		
/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */

#footer {

	width: 100%;
	padding: 32px 0;
	border-bottom: 1px solid #001006;
	text-align: left;

}

#footer, #footer a,
#footer a:hover {
	
	color: #D8D8B6;

}

	#footer .inside {

		width: 894px;
		margin-left: 32px;
	
	}
	
		#footer .floatLeft,
		#footer .floatRight {

			width: 400px;
			font-size: 11px;
	
		}
		
		#footer .floatRight{

			text-align: right;
	
		}