@import url(global_v1-2.css);
@import url(nantucketYC_css/modules.css);
@import url(nantucketYC_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: #0C297D;
	font: 24px Arial, Verdana,  sans-serif;
	text-transform: uppercase;

}


h2 {
	
	color: #0C297D;
	font: bold 18px Arial, Verdana,  sans-serif;
	text-transform: uppercase;
	
}

h3 {
	
	color: #0C297D;
	font: bold 12px Arial, Verdana,  sans-serif;
	text-transform: uppercase;
	margin-bottom: .6em;

}

h4 {
	
	color: #0C297D;
	font: 16px Arial, Verdana,  sans-serif;

}

h5 {
	
	color: #34693E;
	font: 11px Arial, Verdana,  sans-serif;
	/*display: inline;*/

}

h6 {
	
	color: #FFF;
	font: 9px Arial, Verdana,  sans-serif;
	text-transform: uppercase;

}

p {
	
	color: #000;
	font: 12px/1.6 Arial, Verdana,  sans-serif;

}

table, div {
	
	font: 11px Arial, Verdana,  sans-serif;

}

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

}

a:hover {
	
	color: #0C297D;
	font: inherit;
	text-decoration: underline;

}

.page {
	
	background: #25408F;
	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, Verdana,  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, Verdana,  sans-serif;

}

/*= directory -> edit roster options -> close button --------- */
.membut {
	
	background: #eee;
	border: 1px solid buttonFace;
	color: #333;
	cursor: pointer;
	font: 11px Arial, Verdana,  sans-serif;

}

/*= ADMIN BUTTON AND BAR ------ */
.abut {
	
	background: #eee;
	border-style: outset;
	border-width: 2px;
	color: #333;
	font: 11px Arial, Verdana,  sans-serif;
	margin-bottom: 2px;
	margin-top: 2px;

}

.adminbar {
	
	background: #eee;
	color: #333;
	font: 400 12px Arial, Verdana,  sans-serif;

}

/*////////////////////////////////////
III. MISC CLASSES 
//////////////////////////////////////
 --------- general row hover classes --------- */
.rowNormal {
	
	background: #eee;
	color: #000;
	font: 400 11px Arial, Verdana,  sans-serif;

}

.rowHover {
	
	background: #FFF;
	color: #000;
	font: 400 11px Arial, Verdana,  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, Verdana,  sans-serif;
	padding: 2px;
	text-decoration: none;

}

a.cookieTrail,a.cookieTrail:hover {
	
	color: #333;
	font: 400 11px Arial, Verdana,  sans-serif;
	text-decoration: none;

}

/*////////////////////////////////////////////////////////
Layout and Custom Selectors For: Nantucket Yacht Club
////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}




/*********************
shared custom classes
/********************/

#mediaWindow img ,
#mediaWindow .floatLeft img,
#mediaWindow .floatRight img {

	display: block;

}

#privHome #mediaWindow,
#contentPage #mediaWindow {

	width: 100%;
	height: 262px;
	border-bottom: 1px solid #3655A1;

}

#mediaWindow .floatLeft {

	width: 252px;
	background:url(../../../Images/contentMainImg_left.jpg) no-repeat;
	height: 100%;

}
	
	#mediaWindow .floatLeft h5 {
		
		font:20px Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		padding:5px 0px 5px 10px;
		color:#fff799;
		background:url(../../../Images/pagetitle_bg.png) repeat-x 100%;
	
	}

#mediaWindow .floatRight {

	width: 668px;

}

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

.siteWrapper {

	width: 940px;
	margin: 0 auto;
	
}

#pubHome {


	
}

#pubContent {


	
}

#pubHome #contentMain .clearBoth {
		
	height: 0;
		
}
/* -------------------------------------------------------------
= HEADER CLASSES 
------------------------------------------------------------- */

#branding {

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

	#branding #logo {
	
		width: 300px;
		height: 100%;
		background: url(../../../Images/logo.gif) no-repeat left top;
	
	}
	
		#branding #headerContent {
		
			width: 640px;
			text-align: right;
		
		}
		
			#branding #headerContent h6 {
			
				margin-top: 58px;
			
			}
		
			#branding #headerContent a,
			#branding #headerContent a:hover {
		
				font-size: 10px;
				color: #FFF;
				padding-left: 38px;
		
			}
			
			#branding #headerContent #weatherPlugWrapper {
			
				margin-top: 18px;
				text-align: right;
			
			}
			
				#weatherPlugWrapper #weatherPlgTable a {

					color: #E8D65A;
					text-decoration: underline;

				}
				
				#weatherPlugWrapper #weatherPlgTable a:hover {

					color: #E8D65A;
					text-decoration: none;

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

#nav {

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

}

	#nav .inside {
	
		width: 920px;
		margin: 0 auto;
		height: 42px;
	
	}

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

#contentContainer {
	
	margin: 0 auto;
	width: 928px;
	background: url(../../../Images/contentBg_outer.gif) repeat-y center top;
	
}

	#contentArea, #contentWrapper {
		
		width: 920px;
		margin: 0 auto;
		text-align: center;
		
	}
	
	#privHome #contentWrapper,
	#contentPage #contentWrapper {
	
		padding-bottom: 20px;
	
	}
	
	#privHome #lowerMainContent,
	#contentPage #lowerMainContent {
		
		width: 880px;
		margin: 0 auto;
		padding-top: 20px;
		
	}
	

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

	#pubHome #mediaWindow {
	
		background:#223D89 none repeat scroll 0 0;
		height:431px;
		width:100%;
	
	}
	
	#pubHome #contentMain {
	
		width: 920px;
		background: #1A2460;
		padding: 1px 0;
	
	}
	
		/*rollover links*/
		
		#pubHome #contentMain #quickLinksTable .quickLinksCell {
		
			width: 306px;
		
		}
		
		/****************************************************************************
		table before anchor target- (ie "#firstQL table a, etc") 
		uncheked "hide wrapping talble" in mini-pageplugin properites to use editor-
		generated table to target links to prevent "click to edit" buttons from 
		inheriting anchor properties below
		*****************************************************************************/
	
		#pubHome #contentMain .quickLinksCell table a {
		
			width: 306px;
			height: 120px;
			display: block;
		
		}
		
		#pubHome #contentMain #quickLinksTable #firstQL table a {
		
			background: url(../../../Images/pubHome_quickLink1.jpg) no-repeat left;
			
		
		}
		
		#pubHome #contentMain #quickLinksTable #firstQL table a:hover {
		
			background: url(../../../Images/pubHome_quickLink1.jpg) no-repeat right;
		
		}
		
		#pubHome #contentMain #quickLinksTable #secondQL table a {
		
			background: url(../../../Images/pubHome_quickLink2.jpg) no-repeat left;
			margin-left: 1px;
		
		}
		
		#pubHome #contentMain #quickLinksTable #secondQL table a:hover {
		
			background: url(../../../Images/pubHome_quickLink2.jpg) no-repeat right;
		
		}
		
		#pubHome #contentMain #quickLinksTable #thirdQL table a {
		
			background: url(../../../Images/pubHome_quickLink3.jpg) no-repeat left;
			margin-left: 1px;
		
		}
		
		#pubHome #contentMain #quickLinksTable #thirdQL table a:hover {
		
			background: url(../../../Images/pubHome_quickLink3.jpg) no-repeat right;
		
		}
		
/************
private home 
************/

		#privHome #mediaWindow .floatLeft {
		
			background: url(../../../Images/privHome_welcomeBg.gif) no-repeat left top;
			text-align:left;
		
		}
		
			#privHome #mediaWindow .floatLeft .inside {
		
				width: 212px;
				margin-left: 20px;
				margin-top: 20px;
				height: 222px;

			}
			
				#privHome #mediaWindow .floatLeft .inside h2 {
		
					color: #FFF799;

				}
				
				#privHome #mediaWindow .floatLeft .inside h3 {
		
					color: #FFF;
					text-transform: none;
					line-height: 1.8em;

				}
				
				#privHome #mediaWindow .floatLeft .inside h6 {
		
					font-size: 10px;
					color: #739DFF;

				}
		
			#privHome #sidebar,
			#contentPage #sidebar {
		
				width: 216px;
				text-align: left;
		
			}
			
				#sidebar a {
				
					color:#fff;
					font:inherit;
					text-decoration:none;
					
				}
				
				#privHome #sidebar table #imageLinks {
				
								width: 242px;
				
							}
							
								#privHome #sidebar table #imageLinks a {
					
									color:#264499;
									display: block;
									width: 222px;
									height: 42px;
									/*text-align: right;*/
									
									/*---- DJC ADDED ----*/
									background: url(../../../Images/privHome_imgLink_bg.jpg) no-repeat left top;
									text-align:left;
									margin-bottom:4px;
					
								}
								
								/*---- DJC ADDED START: rollOver Effect ----*/
								
								#privHome #sidebar table #imageLinks a:hover {
									
									color:#264499;
									background: url(../../../Images/privHome_imgLink_bg.jpg) no-repeat right top;
									text-decoration:none;
								}
								
									#privHome #sidebar table #imageLinks a span {
									
										color:#264499;	
										display:block;
										padding:4px 0 0 17px;
									}
									
										#privHome #sidebar table #imageLinks a span font {
										
											color:#264499;	
											font: bold 12px Arial, Verdana, Helvetica, sans-serif;
											text-transform:uppercase;
										}
								
								
								/*--- click to edit class: remove background img ---*/
										/*
										#privHome #contentMain #privHomeQuickLinks table #imageLinks .clickToEditAnchor,
										NO - #privHome #contentMain #privHomeQuickLinks table #imageLinks .clickToEditAnchor:hover,
										NO - #privHome #contentMain #privHomeQuickLinks table #imageLinks .clickToEditAnchor a:hover,
										NO - #privHome #contentMain #privHomeQuickLinks table #imageLinks a .clickToEditAnchor,
										NO - #privHome #contentMain #privHomeQuickLinks table #imageLinks a:hover .clickToEditAnchor,
										
										YES - #privHome #contentMain #privHomeQuickLinks table #imageLinks a.clickToEditAnchor:hover {
											- Note: the "a.clickToEditAnchor:hover"  all MUST be touching to work for FF
											
											background:none;
										}
										*/
										#privHome #sidebar table #imageLinks .clickToEditAnchor,
										#privHome #sidebar table #imageLinks a.clickToEditAnchor:hover {
										
											background:none;
										}
								/*---- DJC ADDED END ----*/
				
			
			#privHome #contentMain,
			#contentPage #contentMain {
		
				width: 644px;
				text-align: left;
		
			}
			
				#privHome #contentMain #privHomeQuickLinks {
		
					width: 100%;
					border-top: 1px solid #B3C1B7;
					padding: 10px 0;
					
		
				}
				
					#privHome #contentMain #privHomeQuickLinks table {
			
						width: 100%;
			
					}
					
						#privHome #contentMain #privHomeQuickLinks table td {
			
							vertical-align: top;
			
						}
					
						#privHome #contentMain #privHomeQuickLinks table .arrowLinks {	
							
			
						}
						
							#privHome #contentMain #privHomeQuickLinks table .arrowLinks ul {	
							
								margin: 0;
								padding: 0;
								list-style: none;
			
							}
							
							#privHome #contentMain #privHomeQuickLinks table .arrowLinks li {	
							
								margin: 0 0 4px;
							
							}
							
							#privHome #contentMain #privHomeQuickLinks table .arrowLinks a {
			
								background:url(../../../Images/blueArrow.gif) no-repeat left center;
								padding-left: 10px;
								font-weight: bold;
								font-size: 12px;
								text-transform: uppercase;
			
							}
						
							#privHome #contentMain #privHomeQuickLinks table #imageLinks {
				
								width: 242px;
				
							}
							
								#privHome #contentMain #privHomeQuickLinks table #imageLinks a {
					
									display: block;
									width: 222px;
									height: 42px;
									/*text-align: right;*/
									
									/*---- DJC ADDED ----*/
									background: url(../../../Images/privHome_imgLink_bg.jpg) no-repeat left top;
									text-align:left;
									margin-bottom:4px;
					
								}
								
								/*---- DJC ADDED START: rollOver Effect ----*/
								
								#privHome #contentMain #privHomeQuickLinks table #imageLinks a:hover {
									
									background: url(../../../Images/privHome_imgLink_bg.jpg) no-repeat right top;
									text-decoration:none;
								}
								
									#privHome #contentMain #privHomeQuickLinks table #imageLinks a span {
										
										display:block;
										padding:4px 0 0 17px;
									}
									
										#privHome #contentMain #privHomeQuickLinks table #imageLinks a span font {
											
											font: bold 12px Arial, Verdana, Helvetica, sans-serif;
											text-transform:uppercase;
										}
								
								
								/*--- click to edit class: remove background img ---*/
										/*
										#privHome #contentMain #privHomeQuickLinks table #imageLinks .clickToEditAnchor,
										NO - #privHome #contentMain #privHomeQuickLinks table #imageLinks .clickToEditAnchor:hover,
										NO - #privHome #contentMain #privHomeQuickLinks table #imageLinks .clickToEditAnchor a:hover,
										NO - #privHome #contentMain #privHomeQuickLinks table #imageLinks a .clickToEditAnchor,
										NO - #privHome #contentMain #privHomeQuickLinks table #imageLinks a:hover .clickToEditAnchor,
										
										YES - #privHome #contentMain #privHomeQuickLinks table #imageLinks a.clickToEditAnchor:hover {
											- Note: the "a.clickToEditAnchor:hover"  all MUST be touching to work for FF
											
											background:none;
										}
										*/
										#privHome #contentMain #privHomeQuickLinks table #imageLinks .clickToEditAnchor,
										#privHome #contentMain #privHomeQuickLinks table #imageLinks a.clickToEditAnchor:hover {
										
											background:none;
										}
								/*---- DJC ADDED END ----*/
								
								
								
			#privHome #contentMain #blueArea {
		
				width: 100%;
				padding: 20px 0;
				background: #E6EAF8;
		
			}
			
				#privHome #contentMain #blueArea .inside {
		
					width: 604px;
					margin: 0 20px;
		
				}
				
					#privHome #contentMain #blueArea .inside img {
						
						display: block;
								
					}
				
					#privHome #contentMain #blueArea .inside .floatLeft {
		
						width: 200px;
		
					}
					
					#privHome #contentMain #blueArea .inside .floatRight {
		
						width: 384px;
		
					}
					
					#privHome #contentMain #blueArea .inside #lowerCalloutWrapper {
						
						width: 604px;
						background: url(../../../Images/privHome_calloutBg.gif) repeat-x center bottom #FFF;
						padding-top: 10px;
						margin-top: 10px;
		
					}
					
						#privHome #contentMain #blueArea .inside #lowerCalloutWrapper table {
							
							width: 584px;
							margin: 0 10px;
			
						}
						
							#privHome #contentMain #blueArea .inside #lowerCalloutWrapper table td {
							
								vertical-align: top;
							
							}
						
							#privHome #contentMain #blueArea .inside #lowerCalloutWrapper table ul {
							
								margin: 0;
								padding: 0;
								list-style: none;
								width: 174px;
			
							}
							
								#privHome #contentMain #blueArea .inside #lowerCalloutWrapper table li {
							
									margin: 0;
									font-size: 11px;
									color: #313131;
									border-bottom: 1px solid #CCC;
									line-height: 20px;
			
								}
								
/*************
content pages 
*************/

		#contentPage #contentMain .inside {
	
			border-top: 1px solid #B3C1B7;
			padding-top: 10px;
	
		}
		
			#contentPage #contentMain .inside .floatLeft {
			
				width: 200px;
			
			}
			
			#contentPage #contentMain .inside .floatRight {
			
				width: 424px;
			
			}
									
/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */

#footer {

	width: 100%;
	padding: 44px 0 151px;
	background: url(../../../Images/footerBg.jpg) no-repeat center top #FFF;

}

	#footer h6 span {

		padding: 0 20px;
		word-spacing: .2em;

	}