@import url(global_v1-2.css);
@import url(westshoreBYC_css/modules.css);
@import url(westshoreBYC_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: #005A82;
	font: 30px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	border-bottom: 1px solid #DBD3CC;
	padding-bottom:8px;

}


h2 {
	
	color: #005A82;
	font: 30px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	
}

h3 {
	
	color: #013E5A;
	font: 13px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

h4 {
	
	color: #005A82;
	font: 16px/1.4 Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	border-bottom: 1px solid #DBD3CC;
	padding-bottom:8px;
}

h5 {
	
	color: #100901;
	font: 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
	display: inline;

}

h6 {
	
	color: #FFF;
	font: 10px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

/*p {
	
	color: #1A1816;
	font: 11px/1.6 Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}*/

li {
	color: #1A1816;
	font: 11px/1.6 Verdana, "Lucida Sans Unicode", Arial, sans-serif;}

table, div {
	
	font: 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

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

}

a:hover {
	
	color: #005A82;
	font: inherit;
	text-decoration: underline;

}

.page {
	
	background: url(../../../Images/bodyBg.jpg) repeat-x center top #578FAE;
	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: Westshore Bay and Yacht Club
////////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

#mediaWindow img {

	display: block;

}

a img {

	border: none;

}

.clearBoth {

	height: 0;
	width: 0;
}

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

.siteWrapper {

	width: 940px;
	margin: 0 auto;
	
}

#pubHome {
	
}

#pubContent {
	
}

#contentPage {


}

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

#topLinks {

	width: 100%;
	text-align: right;
	height: 28px;
	
}

	#topLinks a, #topLinks a:hover {
		line-height: 28px;
		color: #FFF;
		font-size: 10px;
	
	}
	
	#topLinks a, #topLinks span {
	
		margin-right: 10px;
	
	}

#branding {

	width: 100%;
	height: 106px;
	background: #EFF1F3;
	text-align: left;
	
	
}

	#branding .inside {
	
		width: 920px;
		height: 100%;
		margin-left: 10px;	
	}
	
		#branding #logo {
		
			width: 210px;
			height: 100%;
			display: block;
			
		}
		
a#logo {
	background: url(../../../Images/headerLogo.gif) no-repeat left;}
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {
	
	width: 700px;
	height: 22px;
	margin-top: 51px;

}

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

#contentArea {
	
	width: 940px;
	background: #FFF;
	text-align: left;
}

/***************
public home page
****************/

	#pubHome #mediaWindow {
		width: 920px;
		padding: 10px 0 0 0;
		margin-left: 10px;

	}
	
	#pubHome #mediaWindow .arrowLinks,
	#contentPage .arrowLinks {
	
		width: 100%;
		text-align: right;
		padding: 2px 0;
	
	}
	
		#pubHome #mediaWindow .arrowLinks a,
		#contentPage .arrowLinks a {
	
			background: url(../../../Images/arrowLink_arrow.gif) no-repeat left center;
			margin: 0 8px;
			padding-left: 16px;
			line-height: 20px;
	
		}
		
	#pubHome #contentMain {
	
		width: 100%;
		background: url(../../../Images/pubHome_contentMainBg.gif) repeat-x center top #1E3E52;
		padding: 13px 0;
	
	}
	
		#pubHome #contentMain .calloutWrapper {
		
			float: left;
			width: 298px;
			height: 161px;
			color: #C7B6A2;
			
		}
		
			#pubHome #contentMain .calloutWrapper .inside {
		
				width: 274px;
				margin-left: 12px;
				margin-top: 138px;
				text-align: center;

			}
		
			#pubHome #contentMain .calloutWrapper a,
			#pubHome #contentMain .calloutWrapper a:hover {
			
				font-size: 10px;
				color: #C7B6A2;
				text-transform: uppercase;
			
			}
		
			#pubHome #contentMain #calloutLeft {
			
				background: url(../../../Images/pubHome_calloutLeft.jpg) no-repeat center top;
				margin-left: 10px; 
			
			}
			
			#pubHome #contentMain #calloutCenter {
			
				background: url(../../../Images/pubHome_calloutCenter.jpg) no-repeat center top;
				margin-left: 13px;
				
			
			}
			
			#pubHome #contentMain #calloutRight {
			
				float: right;
				margin-right: 10px; 
				background: url(../../../Images/pubHome_calloutRight.jpg) no-repeat center top; 
			
			}
			

/*************
content pages
**************/

#contentPage #contentArea,
#privHome #contentArea {
	
	width: 940px;
	background: #FFF;
	padding: 10px 0;
	
	
}

	#contentPage .contentWrapper,
	#privHome .contentWrapper,
	#modulePage .contentWrapper {
	
		margin-left: 10px;
		width: 920px;
	
	}
	
	#modulePage .contentWrapper {

		padding-bottom: 20px;

	}
	
		#contentPage #sidebar,
		#privHome #sidebar {
	
			width: 180px;
	
		}
		
		#contentPage #contentMain,
		#privHome #contentMain {
	
			width: 700px;
	
		}
		
			#contentPage #mediaWindow {
			
				width: 100%;
				height: 180px;
				margin-bottom: 28px;
	
			}
			
				#contentPage #mediaWindow .floatLeft {
			
					width: 276px;
	
				}
				
				#contentPage #mediaWindow .floatRight {
			
					width: 424px;
					color: #FFF;
					height: 100%;
	
				}
				
					#contentPage #mediaWindow .floatRight .inside {
			
						width: 384px;
						margin: 20px;
						font-size: 12px;
						line-height: 1.6;
	
					}
					
				#contentPage .arrowLinks,
				#privHome .arrowLinks {
			
					text-align: left;
					padding: 0;
					padding-bottom: 16px;
					margin-bottom: 16px;
					border-bottom: 1px solid #DBD3CC;
			
				}
			
					#contentPage .arrowLinks a,
					#privHome .arrowLinks a {
				
						background: url(../../../Images/arrowLink_arrow.gif) no-repeat left center;
						margin: 0 8px;
						padding-left: 16px;
						line-height: normal;
				
					}	
					
				#contentPage #thumbnailWrapper {
	
					width: 100%;
					display:block;
					
				}
				
				#contentPage #contentSecondary {
	
					width: 100%;
					padding-bottom: 16px;
					
				}

					#contentPage #thumbnailWrapper table {
	
						width: 100%;
	
					}
					
						#contentPage #thumbnailWrapper table td {
						
							padding: 10px 10px 18px 0;
						
						}
					
							#contentPage #thumbnailWrapper table img {
							
								margin-right: 8px;
							
							}
				
/*****************
main content page
******************/	
				#mainContentPage #mediaWindow .floatRight {
			
					background: #457186;

				}
				
/*****************
sub content pages
******************/				
				
				#subContentPage #mediaWindow .floatRight {
			
					background: #736457;

				}
				
			
				
			#subContentPage .quickLinkButtonWrapper {
			
				width: 100%;
				margin-top: 10px;
				margin-bottom: 20px;
			
			}
			
				#subContentPage .quickLinkButtonWrapper a {
			
					height: 20px;
					line-height: 18px;
					float: left;
					margin-right: 30px;
					padding: 0 16px;
					background: url(../../../Images/quickLink_arrow.gif) no-repeat left #367c9d;
					font-size: 9px;
					color: #FFF;
			
				}
				
				#subContentPage .quickLinkButtonWrapper a:hover {
			
					background: url(../../../Images/quickLink_arrow.gif) no-repeat left #005A82;
					text-decoration: none;
			
				}


/******************
private home page
*******************/

			#privHome #mediaWindow {
			
				width: 100%;
				margin-bottom: 12px;
	
			}
			
				#privHome #mediaWindow .floatLeft,
				#privHome #mediaWindow .floatRight {
			
					width: 340px;
	
				}
				
					#privHome #mediaWindow .floatLeft a,
					#privHome #mediaWindow .floatRight a {
				
						display: block;
						width: 340px;
						height: 170px;
		
					}
					
					#privHome #mediaWindow .floatLeft a {
					
						background: url(../../../Images/privHome_leftAd.jpg) no-repeat left top;
						
					}
					
					#privHome #mediaWindow .floatLeft a:hover {
					
						background: url(../../../Images/privHome_leftAd.jpg) no-repeat right top;
						
					}
					
					#privHome #mediaWindow .floatRight a {
					
						background: url(../../../Images/privHome_RightAd.jpg) no-repeat left top;
						
					}
					
					#privHome #mediaWindow .floatRight a:hover {
					
						background: url(../../../Images/privHome_RightAd.jpg) no-repeat right top;
						
					}
				
				#privHome h3 {
				
					padding: 2px 0 4px;
				
				}
				
				#privHome .arrowLinks {
				
					border-bottom: none;
					width: 100%;
				}
				
					#privHome .arrowLinks table {
				
						width: 100%;
				
					}
					
						#privHome .arrowLinks table td {
					
							
							width: 20%;
							text-align: left;
							
					
						}
					
						#privHome .arrowLinks table img {
					
							display: block;
							margin-bottom: 4px;
							
					
						}
					
							#privHome .arrowLinks a {
						
								margin: 0;
						
							}
				
				#privHome .pluginWrapper {
					
					
					width: 700px;
					margin: 30px 0;
				
				}
				
					#privHome .pluginWrapper .floatLeft,
					#privHome .pluginWrapper .floatRight {
					
						width: 340px;
					
					}
				

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

#upperfooter {

	width: 100%;
	height: 40px;
	background: #1F6281;

}

#lowerFooter {

	width: 100%;
	height: 50px;
	background: #013E5A;

}

	#upperfooter .inside {

		width: 920px;
		margin: 0 auto;
		text-align: left;
		

	}
	
		#upperfooter a, #upperfooter a:hover {

			color: #FFF;
			line-height: 40px;
			margin-right: 18px;

		}
	
	#lowerFooter .inside {

		width: 920px;
		margin: 0 auto;
		text-align: left;

	}
	
	#lowerFooter .inside h6 {
		line-height: 25px;
		color: #C3CEDA;

	}
	
#privHome #mediaWindow .floatLeft .clickToEditAnchor,
#privHome #mediaWindow .floatRight .clickToEditAnchor,
#contentPage .arrowLinks .clickToEditAnchor,
#subContentPage .quickLinkButtonWrapper a.clickToEditAnchor,
#subContentPage .quickLinkButtonWrapper a.clickToEditAnchor:hover,
#mainContentPage #thumbnailWrapper a.clickToEditAnchor,
#privHome .arrowLinks .clickToEditAnchor,
#pubHome #mediaWindow .arrowLinks .clickToEditAnchor {

	display: inline;
	width: 90px;
	height: 22px;
	float: none;
	margin: 0;
	padding: 0;
	background: transparent none;

}