@import url(global_v1-2.css);
@import url(AusableClub_css/modules.css);
@import url(AusableClub_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

/////////////////////////////////////////////////////*/

body {
	
	background:  #FFF;
	color: #000;
}


h1 {
	
	color: #663300;
	font: bold 18px Georgia, "Times New Roman", Times, serif;

}


h2 {
	
	color: #663300;
	font: bold 13px/1.3 Georgia, "Times New Roman", Times, serif;
	
}

h3 {
	
	color: #663300;
	font: bold 11px/1.3 Georgia, "Times New Roman", Times, serif;
	padding-bottom:3px;

}

h4 {
	
	color: #AF7A1F;
	font: italic 16px/1.3 Georgia, "Times New Roman", Times, serif;

}

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;

}

p {
	
	color: #333333;
	font: 11px/1.6 Verdana, Arial, Helvetica, sans-serif;

}

table, div {
	
	color: #333333;
	font: 11px/1.6 Verdana, Arial, Helvetica, sans-serif;

}

a,a.small,a.anchor,a.visited {
	
	color: #036235;
	font: inherit;
	text-decoration: underline;

}

a:hover {
	
	color: #048b4b;
	font: inherit;
	text-decoration: underline;

}

.page {
	
	background: url(../../../Images/bg_site.jpg) #898989 top center no-repeat;
	margin:0 auto;
	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: siteName
////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

/*////////////////////////////////////////////////////////////////
= MASTER PAGE SPECIFIC CLASSES 
////////////////////////////////////////////////////////////////*/

.siteWrapper {
	background:url(../../../Images/topGrey.jpg) top center repeat-x;
	height:106px;

	
}

#shadow {
	width:962px;
	background:#55514b;
	padding-bottom:2px;
	margin:0 auto;}
	
#grey {
	width:960px;
	background:#dfdede;
	padding-bottom:10px;
	margin:0 auto;}
	
#contentWrapper {
	width:940px;
	margin:0 auto;}


/* -------------------------------------------------------------
= HEADER CLASSES 
------------------------------------------------------------- */

#banner {
	width:940px;
	margin:0 auto;
	height:106px;}
	
	#banner .left {
		float:left;
		width:235px;}
		
		#banner .right {
			float:right;
			margin-top:28px;}
			
			#banner .right .private {
				text-align:right;}
			
#logo {
	height: 55px;
	width: 235px;
	float:left;
	margin-top:28px;
	}
	
	a#logo {
		height: 55px;
		width: 235px;
		background:url(../../../Images/logo.jpg);
		background-position:top left;
		/*---display:block; - if inside table – FF ---*/
}
		a#logo:hover {
			background-position: left bottom;
		}
	
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {
	width:940px;
	background:#036235;
	height:28px;
	
}

	#nav .inside {
		width:938px;
		margin:0 auto;}
/* -------------------------------------------------------------
= CONTENT  
------------------------------------------------------------- */



#pgTitle {
	height:63px;
	background:#fff;}
	
	#pgTitle .inside {
		text-align:left;
		padding-top:23px;
		padding-left:40px;}
		
#topImg {
	border-top:#ddd2c3 1px solid;
	border-bottom:#ddd2c3 1px solid;}
	
	#topImg img {
		display:block;}
		
#contentPublic {
	width:940px;
	background:url(../../../Images/bg_contentArea.jpg) #f1eedd top left repeat-x;
	padding-bottom:10px;
	}
	
	#contentPublic .inside {
		width:880px;
		margin:0 auto;
		text-align:left;
		padding-top:35px;}
	
#contentArea {
	width:940px;
	background:url(../../../Images/contentAreaRepeat.jpg) top center repeat-y;
	padding-bottom:10px;
	}
	
	#contentArea .left {
		float:left;
		width:665px;
		background:url(../../../Images/bg_contentArea.jpg) top left repeat-x;
		min-height:269px;
		height:auto !important;
		height:269px;}
		
		#contentArea .left .inside {
			width:610px;
			margin:0 auto;
			text-align:left;
			padding-top:35px;
			}
			
			#contentArea .left .inside img {
				border:#ddd2c3 2px solid;}
			
	#contentArea .right {
		float:right;
		width:275px;}
		
		#contentArea .right .inside {
			width:220px;
			margin:0 auto;
			padding-top:35px;}

#slideShow {
	background:#dfdede;}
	
.left2 {
	float:left;
	width:305px;
	}
	
	.left2 .pad {
		width:285px;
		padding-right:20px;}
	
.right2 {
	float:right;
	width:305px;
	}
	
	.right2 .pad {
		width:285px;
		padding-left:20px;
		border-left:#ddd2c3 1px solid;}
		
#contentCallOuts img {
	margin-right:10px;}
	
#username, #password {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;}
	
.advLogUsername, .advLogPassword {
	height:20px;}
	
#login_forgotPassword {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	float:right;}
	
#greySide {
	background:#dfdede;
	padding:11px 14px;}
	
	#greySide img {
		border:#ddd2c3 2px solid;}
		
		#greySide h2 {
			padding-left:28px;}
		
		a#prevThumbPageHref634824 img, a#nextThumbPageHref634824 img,
		a#prevThumbPageHref634877 img, a#nextThumbPageHref634877 img,
		a#prevThumbPageHref635318 img, a#nextThumbPageHref635318 img,
		a#prevThumbPageHref636537 img, a#nextThumbPageHref636537 img,
		a#prevThumbPageHref636548 img, a#nextThumbPageHref636548 img {
			border:none;
			padding:none;}
			
.admin {
	width:920px;
	margin:0 auto;
	background:#fff;}
	
	.admin .inside {
		padding:10px;}
		
#weather {
	padding-bottom:15px;}
		
#contentArea #weather td img {
	border:none;}
/* -------------------------------------------------------------
= AD CLASSES 
------------------------------------------------------------- */

#cottage {
	height: 213px;
	width: 162px;
	}	
	
	a#cottage {
		height: 213px;
		width: 162px;
		background:url(../../../Images/cottages.jpg);
		background-position:top left;
		display:block;
}
		a#cottage:hover {
			background-position: left bottom;
		}
		
#socialEvents {
	height: 213px;
	width: 162px;
	}	
	
	a#socialEvents {
		height: 213px;
		width: 162px;
		background:url(../../../Images/SocialEvents.jpg);
		background-position:top left;
		display:block;
}
		a#socialEvents:hover {
			background-position: left bottom;
		}
		
#reservations {
	height: 125px;
	width: 220px;
	}	
	
	a#reservations {
		height: 125px;
		width: 220px;
		background:url(../../../Images/DiningReservations.jpg);
		background-position:top left;
		display:block;
}
		a#reservations:hover {
			background-position: left bottom;
		}

#accomodations {
	height: 125px;
	width: 220px;
	}	
	
	a#accomodations {
		height: 125px;
		width: 220px;
		background:url(../../../Images/Accomodations.jpg);
		background-position:top left;
		display:block;
}
		a#accomodations:hover {
			background-position: left bottom;
		}
		
#activities {
	height: 125px;
	width: 220px;
	}	
	
	a#activities {
		height: 125px;
		width: 220px;
		background:url(../../../Images/Activities.jpg);
		background-position:top left;
		display:block;
}
		a#activities:hover {
			background-position: left bottom;
		}
		


/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */

#footer {
	width:960px;
	margin:0 auto;
	border-bottom:#787878 1px solid;
	background:url(../../../Images/footerLogo.gif) left center no-repeat;
	margin-bottom:12px;
}

	#footer .inside {
		padding-bottom:18px;
		text-align:left;
		margin-left:50px;
		margin-top:8px;
		padding-top:18px;}
		
		#footer .inside p, #footer .inside a {
			display:inline;
			color:#e5e5e5;
			padding-left:15px;
			}
			
			#footer .inside a:hover {
				color:#fff;
				text-decoration:underline;}
