@import url(global_v1-2.css);
@import url(ShelterHarborGC_css/modules.css);
@import url(ShelterHarborGC_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: #3d2b17;
	font: 18px "Bookman Old Style";
	text-transform:uppercase;


}


h2 {
	
	color: #3d2b17;
	font: 14px "Bookman Old Style";

	
}

h3 {
	
	color: #3d2b17;
	font: 14px "Bookman Old Style";
	font-weight:700;


}

h4 {
	
	color: #3d2b17;
	font: italic 11px "Bookman Old Style";

}

h5 {
	
	color: #3d2b17;
	font: bold 11px "Bookman Old Style";

}

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

}

p {
	
	color: #3d2b17;
	font: 12px/1.6 "Bookman Old Style";

}

table, div {
	
	font: 12px/1.6 "Bookman Old Style";

}

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) #fff9cf center top no-repeat;
	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 {
	width:945px;
	margin:0 auto;
	
}

#pubHome {


	
}

#pubContent {


	
}


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

#header {
	width:937px;
	margin:0 auto;
	height:97px;
	}

#branding {
	float:left;
	background:url(../../../Images/Logo.gif) top center no-repeat;
	width:157px;
	height:55px;
	margin-top:29px;
	margin-left:1px;
	
}
	
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {
	float:right;
	text-align:right;
	/*--width:750px;--*/
	margin-top:46px;
}

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


#logIn {
	float:right;
	text-align:right;
	/*--width:750px;--*/
	margin-top:46px;
}

	#logIn a {
		color:#fff;}

#splashVoid {
	height:435px;
	}
	
#splashLinks {
	float:left;
	padding-left:8px;
	}
	
#guests {
	height: 48px;
	width: 125px;
	
	}
	
	a#guests {
	height: 48px;
	width: 125px;
		background:url(../../../Images/Guests.gif);
		background-position:top left;
		display:block;
}
		a#guests:hover {
			background-position: left bottom;
		}
		
#members {
	height: 48px;
	width: 125px;
	
	}
	
	a#members {
		height: 48px;
		width: 125px;
		background:url(../../../Images/Members.gif);
		background-position:top left;
		display:block;
}
		a#members:hover {
			background-position: left bottom;
		}
	
#contentArea {
	background:url(../../../Images/whiteShadow.jpg) top center no-repeat;	
	width:945px;
	margin:0 auto;
	
}

#contentAreaPub {
	background:url(../../../Images/whiteShadowPub.jpg) top center no-repeat;
	width:945px;
	height:528px;
	margin:0 auto;
	
}

#xpanderBrown {
	background:url(../../../Images/wrapperRepeat.jpg) bottom center repeat-y;
	width:945px;
	margin:0 auto;
	}
	
#xpander {
	background:url(../../../Images/xpandshadow.jpg) bottom center repeat-y;
	width:945px;
	margin:0 auto;
	}
	

#contentWrapper {
	width:925px;
	margin:0 auto;
	padding-top:5px;
	}
	
#contentWrapperPvt {
	width:925px;
	margin:0 auto;
	padding-top:5px;
	}
	
#left {
	float:left;
	width:170px;
	background:url(../../../Images/LeftBarBG.jpg) #40362a top center repeat-x;
	min-height:510px;
	height:auto !important;
	height:510px;
	}
	
	#left .inside {
		margin-top:60px;
		}
		
#leftPrivate {
	float:left;
	width:170px;
	background:url(../../../Images/LeftBarBG.jpg) #40362a top center repeat-x;
	min-height:517px;
	height:auto !important;
	height:517px;
	}
	
	#leftPrivate .inside {
		margin-top:60px;
		}
		
#rightWrap {
	float:right;
	width:755;
	}
	
#rightWrapPrivate {
	float:right;
	width:755;
	background:url(../../../Images/PrivHomeBG.jpg) left bottom no-repeat;
	}
	
#center {
	float:left;
	width:505px;
	/*height:510px;*/
	}
	
	#center .pvt {
		
		width:505px;
		/*height:510px;*/
		}
		
		#center .inside {
			padding-top:60px;
			width:425px;
			margin:0 auto;
			text-align:left;
			}
	
#right {
	float:right;
	width:250px;
	background-color:403527;
	min-height:510px;
	height:auto !important;
	height:510px;
	}
	
	#right .padding {
		padding-top:5px;}
	
		#right .inside {
			margin:0 auto;
			width:238px;
			background:url(../../../Images/RightBarBG.jpg) top center repeat-x;
			border:#6c5837 1px solid;
			height:500px;
			text-align:left;
			}
			
			#right .pvtHome {
				margin:0 auto;
				width:238px;
				background:url(../../../Images/338-RightBG.jpg) top center repeat-x;
				border:#6c5837 1px solid;
				height:334px;
				text-align:left;
				}
			
			
				#right .image {
					background:url(../../../Images/WatermarkRight.jpg) bottom center no-repeat;
					width:238px;
					height:500px;
					}
				
					#right .content {
						width:205px;
						padding-top:50px;
						margin:0 auto;
						text-align:left;
						}
					
						#right .content p {
							color:#ece5c9;
							font: 12px/1.6 "Bookman Old Style";
							text-align:left;
							}
							
							#right h4 {
								color:#FFFFFF;
								font: 11px/1.6 "Lucida Sans Unicode", Verdana, Arial, sans-serif;
								text-align:left;
								}
								
								#right h1 {
									color: #ece5c9;
									text-align:left;}
									
									#right h3 {
										color: #ece5c9;
										text-transform:uppercase;
										font-size:12px;
										text-align:left;}
										
/*---------------------------------------------------------------
TABLE CLASSES
---------------------------------------------------------------*/

table#top {
	border-top:#ffffff 5px solid;
	}

table#bottom {
	border-top:#ffffff 5px solid; 
	border-bottom:#ffffff 5px solid;
	}

td#leftPvt {
	width:170px;
	background:url(../../../Images/LeftBarBG.jpg) #40362a top center repeat-x;
	min-height:517px;
	height:auto !important;
	height:517px;
	}
	
	td#leftPvt .inside {
		margin-top:60px;
		}
		
td#centerPvt {
	width:505px;
	padding-bottom:10px;
	background:url(../../../Images/PrivHomeBG.jpg) #fff left bottom no-repeat;
	}
	
	td#centerPvt .pvt {
		
		width:505px;
		/*height:510px;*/
		}
		
		td#centerPvt .inside {
			padding-top:60px;
			width:425px;
			margin:0 auto;
			text-align:left;
			}
			
			td#centerPvt .inside p {
				color: #3d2b17;
				font: 12px/1.6 "Bookman Old Style";
				}
			
td#fullRight {
	width:755;
	background:url(../../../Images/PrivContentBG.jpg) left bottom no-repeat;
	}
	
	td#fullRight .inside {
		padding-top:60px;
		width:655px;
		text-align:left;
		}
			
td#rightPvt {
	width:250px;
	background-color:403527;
	min-height:510px;
	height:auto !important;
	height:510px;
	}
	
	td#rightPvt .padding {
		padding-top:5px;}
	
		td#rightPvt .inside {
			margin:0 auto;
			width:238px;
			background:url(../../../Images/RightBarBG.jpg) top center repeat-x;
			border:#6c5837 1px solid;
			height:500px;
			}
			
			td#rightPvt .pvtHome {
				margin:0 auto;
				width:238px;
				background:url(../../../Images/338-RightBG.jpg) top center repeat-x;
				border:#6c5837 1px solid;
				height:334px;
				}
			
			
				td#rightPvt .image {
					background:url(../../../Images/WatermarkRight.jpg) bottom center no-repeat;
					width:238px;
					height:500px;
					}
				
					td#rightPvt .content {
						width:205px;
						padding-top:50px;
						margin:0 auto;
						text-align:left;
						}
					
						td#rightPvt .content p {
							color:#ece5c9;
							font: 12px/1.6 "Bookman Old Style";
							text-align:left;
							}
							
							td#rightPvt h4 {
								color:#FFFFFF;
								font: 11px/1.6 "Lucida Sans Unicode", Verdana, Arial, sans-serif;
								text-align:left;
								}
								
								td#rightPvt h1 {
									color: #ece5c9;
									text-align:left;}
									
									td#rightPvt h3 {
										color: #ece5c9;
										text-transform:uppercase;
										font-size:12px;
										text-align:left;}
										
										td#rightPvt .homePG {
											width:205px;
											margin:0 auto;
											text-align:left;
											}

							
#botmWrapper {
	margin:0 auto;
	text-align:center;
	padding-bottom:5px;
	}
					
td#ftrLeft {
	width:170px;
	}
	
	td#ftrLeft .inside {
		padding:20px 10px 0 10px;
		text-align:left;
		}
		
		td#ftrLeft .inside p {
			color:#bdbcb8;
			font: 10px "Lucida Sans Unicode", Verdana, Arial, sans-serif;
			text-transform:uppercase;
			}
	
#ftrRightWrap {
	width:755px;
	}

td#ftrCenter {
	width:505px;
	height:130px;
	background-color:#e5e5e5;
	}
	
	td#ftrCenter .inside {
		padding:10px 15px 0 15px; 
		}
		
		td#ftrCenter .inside h3 {
			color:#565656;
			font: 11px "Lucida Sans Unicode", Verdana, Arial, sans-serif;
			text-transform:uppercase;
			padding-bottom:10px;
			}
			
			td#ftrCenter .inside p {
				color:#565656;
				font: 11px "Lucida Sans Unicode", Verdana, Arial, sans-serif;
				}
				
				td#ftrCenter .inside a {
					color:#000;
					font: 11px "Lucida Sans Unicode", Verdana, Arial, sans-serif;
					}
	
td#ftrRight {
	width:250px;
	background:url(../../../Images/PrivFtrRightBG.jpg) top center no-repeat;
	height:130px;
	}
	
	td#ftrRight .inside {
		padding:10px 20px;
		}
		
		td#ftrRight .inside p {
			color:#b8a57a;
			text-transform:uppercase;
			font-size:10px;
			text-align:left;
			}
			
			td#ftrRight .inside h3 {
				color:#fff;
				text-transform:uppercase;
				font-size:10px;
				font-weight:700;
				text-align:left;
				}

#botmFade {
	background:url(../../../Images/botmShadow.jpg) top center no-repeat;
	width:945px;
	height:12px;
	}
	
.pvtContent {
	background:url(../../../Images/PrivContentBG.jpg) bottom center no-repeat;
	width:755;
	height:510px;
	display:table;
	}
	
	.pvtContent .inside {
		width:655px;
		margin:0 auto;
		padding-top:60px;
		text-align:left;
		}
		
#adminTools {
	width:885px;
	margin:0 auto;
	}

/*----------------------------------------------------------------
WEATHER PLUG
------------------------------------------------------------------*/
.plugWeatherHigh {
	color:#fff;
	font-size:24px;
	}
	
.plugWeatherHigh2 {
	color:#635c42;
	font-size:24px;
	}
	
.plugWeatherLow {
	color:#b5a37d;
	font-size:12px;
	}
	
.date {
	color:#fff;	
	text-transform:uppercase;
	}
	
.slash {
	color:#b5a37d;
	font-size:24px;
	}
	
.login_forgotPassword {
	color:#fc0202;}

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

#footer {
	float:right;
	text-transform:uppercase;
	text-align:right;
	width:925px;
	margin:0 auto;}
	
	#footer p {
		color:#6f634b;
		font-size:10px;
		}

	#footer .splash {
		padding-top:15px;}