@import url(global_v1-1.css);
@import url(harborLinks_css/modules.css);
@import url(harborLinks_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: #847D54;
	font: 16px Georgia, "Times New Roman", Times, serif;
	padding-bottom: .4em;
	
}

h3 {
	
	color: #867D4A;
	font: 16px Georgia, "Times New Roman", Times, serif;
	padding: .6em 0;

}

h4 {
	
	color: #AF7A1F;
	font: italic 16px/1.3 Georgia, "Times New Roman", Times, serif;
	padding-bottom: 3.8em;

}

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: #1A1816;
	font: 11px/1.6 "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: #8B7E5F;
	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: Harbor Links Golf Course
////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////
= 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;

}

.paragraphThumb {
	
	border-right: 8px solid transparent;
	

}

.inside {

	text-align: left;

}


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

.siteWrapper {

	width: 1010px;
	background: #FFF;
	margin: 26px auto 0;
	padding: 5px 0;
	text-align: center;
	
}

	#siteContainer {

		width: 1000px;
	
	}

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

#branding {

	width: 100%;
	height: 116px;
	background: url(../../../Images/headerBg.gif) repeat-x center top;
	
}

	#branding #logo {

		width: 314px;
		height: 85px;
		margin-top: 31px;
		background: url(../../../Images/headerLogo.gif) no-repeat left top;
	
	}
	
	#branding .floatRight {

		width: 612px;
	
	}
	
		#branding #headerWeather {

			margin-top: 1px;
			width: 612px;
			height: 64px;
	
		}

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

		#nav {

			margin-top: 21px;
			width: 100%;
			height: 28px;
			border-bottom: 1px solid #232120;
			border-top: 1px solid #232120;
	
		}

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

#contentArea {
	
	width: 100%;
	background: url(../../../Images/contentBg.gif) repeat-x center bottom #FBFBF7;	
	
}

	#contentWrapper {
	
		width: 100%;
		
	
	}
	
	#contentWrapper td {
	
		vertical-align: top;
	
	}

	#pubHome #contentLeft {
		
		width: 652px;
		min-height: 352px;
		height: 352px;
		background: url(../../../Images/home_bottomBg.gif) no-repeat left top;
		text-align: left;	
		
	}
	
		#pubHome #contentLeft .inside {
		
			width: 240px;
			margin-left: 44px;
			padding: 32px 0;
		
		}
	
	#pubHome #contentRight {
		
		width: 348px;
		padding: 32px 0;
		
	}
	
		#pubHome #contentRight .inside {
		
			width: 276px;
			background: #D6D1AE;
			margin: 0 36px;
			padding: 10px 0;
		
		}
		
			.calloutImgLinks {
		
				display: block;
				margin: 10px auto 0;
				text-align: center;

			}
			
				#first {
				
					margin-top: 0;
				
				}
			
				.calloutImgLinks img {
		
					display: block;
					margin: 0 auto;
					text-align: center;
		
				}
	


	#pubContent #contentWrapper {
	
		background: url(../../../Images/contentWatermark.gif) no-repeat left bottom;

	}
	
		#pubContent #sidebar {
		
			width: 280px;
			text-align: left;
	
		}
		
			#iconLinks {
		
				margin: 10px 0 0 20px;
				padding: 0;
				list-style: none;
	
			}
		
			#iconLinks li {
		
				margin: 0;
				padding: 0;
				display: inline;
	
			}
			
				#iconLinks li a {
			
					padding: 2px 0;
					display: block;
					float: left;
					width: 20px;
					height: 14px;
					text-align: center;
					border: 1px solid transparent;
		
				}
				
				
				#iconLinks li a:hover {
			
					background: #FFF;
					border: 1px solid #56939F;
		
				}
				
			#pubContent #sidebar .inside {
		
				width: 210px;
				margin: 70px 35px 0;
				padding-bottom: 35px;
	
			}
			
				#pubContent #sidebar h4 {
			
					text-align: right;
		
				}
		
		#pubContent #contentMain {
		
			width: 720px;
			text-align: left;
	  
		}
		
			#pubContent #contentMain  .floatAll {
		
				width: 634px;
				padding-bottom: 30px;
	
			}
			
			#pubContent #contentMain  .floatLeft {
		
				width: 380px;
				padding-bottom: 30px;
	
			}
			
			#pubContent #contentMain  .floatRight {
		
				width: 254px;
				padding-bottom: 30px;
				margin: 52px 52px 0 0;
	
			}
			
				#pubContent #contentMain  .floatRight .CalloutWrapper {
		
					width: 230px;
					background: #E4E0C5;
					padding: 12px;
	
				}
				
					#pubContent #contentMain  .floatRight .CalloutWrapper p {
		
						color: #847D54;
						line-height: normal;
	
					}
					
					#pubContent #contentMain  .floatRight .CalloutWrapper a,
					#pubContent #contentMain  .floatRight .CalloutWrapper a:hover {
		
						font-family: Georgia, "Times New Roman", Times, serif;
						color: #6A0000;
	
					}
					
					
#contentmain2 {
	margin: 0 10px 10px 0;
}	

.R-Column {
	float:left;
	margin-right:15px;
}	
				

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

#footer {

	width: 100%;
	height: 187px;
	background: url(../../../Images/footerLogo.gif) no-repeat right center #EFECDD;
	border-top: 1px solid #A7A59A;	

}

#footer p {

	margin-top: 90px;
	color: #AFACA1;

}