@import url(global_v1-2.css);
@import url(SailfishClubFL_css/modules.css);
@import url(SailfishClubFL_css/plugins.css);
@import url(adminLogin.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: #dbc184;
	font: 30px "Century Gothic", Georgia;

}


h2 {
	
	color: #dbc184;
	font: 16px "Century Gothic", Georgia;
	
}

h3 {
	
	color: #867D4A;
	font: 16px Georgia, "Times New Roman", Times, serif;

}

h4 {
	
	color: #dbc184;
	font: italic 16px/1.3 Georgia, "Times New Roman", Times, serif;

}

h5 {
	
	color: #dbc184;
	font: bold 16px "Century Gothic", Georgia;
	display: inline;

}

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

}

p {
	
	color: #1A1816;
	font: 13px/1.3 "Century Gothic", Georgia, Arial, Helvetica, sans-serif;

}

table, div {
	
	font: 13px/1.3 "Century Gothic", Georgia, Arial, Helvetica, sans-serif;

}

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

}

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

}

.page {
	
	background-color:#005d9a;
	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:940px;

	
}

#pubHome {


	
}

#pubContent {


	
}


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

#top {
	background:url(../../../Images/bannerBG.jpg) #005d9a top center repeat-y;
	margin:0 auto;
	
	}

#banner1 {
	background:url(../../../Images/banner1.jpg) bottom center no-repeat;
	width:940px;
	height:105px;
	margin:0 auto;
	}
	
#bannerLinks {
	width:940px;
	height:28px;
	margin:0 auto;}
	
#bannerLeft {
	float:left;
	padding-top:6px;
	}
	
	#bannerLeft p {
		color:#dcc67d;
		margin-bottom:0px;}

#bannerRight {
	float:right;
	padding-top:6px;
	}
	
	#bannerRight a {
		color:#dcc67d;
		display:inline;
		padding-left:10px;}
		
		#bannerRight a:hover {
			color:#fae7aa;}
	

#branding {
	float:left;
}

	#branding .inside {
		padding-left:136px;
		padding-top:44px;
		}

#logo {
	height: 34px;
	width:296px;
	}
	
	a#logo {
		height: 34px;
		width: 296px;
		background:url(../../../Images/branding-1.jpg);
		background-position:top left;
		display:block;
}
		a#logo:hover {
			background-position: left bottom;
		}
		

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

#nav {
	width:800px;
	margin:0 auto;
	margin-left:140px;
}

	#nav .inside {
		padding-top:6px;
		}

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

#bannerImg {
	background-color:#FFFFFF;
	width:940px;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:10px;
	}
	
		#bannerImg img {
			diaply:block;
			}
			
#bannerImg-2 {
	background-color:#FFFFFF;
	width:710px;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:10px;
	}
	
	#bannerImg-2 img {
		diaply:block;
		}

#watermark {
	background:url(../../../Images/watermark1.jpg) bottom right no-repeat;
	}
	
#watermark2 {
	background:url(../../../Images/watermark2.jpg) bottom right no-repeat;
	}
	
#tanWatermark1 {
	background:url(../../../Images/tanWatermark.jpg) bottom right no-repeat;
	}
	
#tanWatermark2 {
	background:url(../../../Images/tanWatermark2.jpg) bottom right no-repeat;
	}
	
#contentWrapper {
	background:url(../../../Images/botmBG.jpg) #005c99 top center repeat-x;
	border-top:#065d9a 1px solid;
	}

#contentHome {
	background:url(../../../Images/botmTopBG.jpg) top center no-repeat;
	width:940px;
	margin:0 auto;
}

	#contentHome .inside {
		padding:24px 27px;
		}
		
		#contentHome p {
			color:#fff;
			font-weight:700;}
			
			#contentHome a {
				color:#87c9f8;
				text-decoration:underline;}
				
				#contentHome a:hover {
					color:#CCCCCC;
					text-decoration:none;}
		
#contentArea {
	background:url(../../../Images/botmTopBG.jpg) top center no-repeat;
	width:940px;
	margin:0 auto;
}

#photoArea {
	width:940px;
	margin:0 auto;
	}
		
#adLeft {
	float:left;
	background:url(../../../Images/ad1.jpg) top center no-repeat;
	width:280px;
	height:156px;
	}
	
	#adLeft .pad {
		padding-top:125px;
		padding-right:16px;
		}
		
		#adLeft a {
			color:#fff;
			text-decoration:none;}
		
#adsRight {
	float:right;
	width:584px;
	height:156px;
	}
	

		
#right1 {
	float:left;
	background:url(../../../Images/ad2.jpg) top center no-repeat;
	width:280px;
	height:156px;
	}
	
	#right1 .pad {
		padding-top:125px;
		padding-right:16px;
		}
		
		#right1 a {
			color:#fff;
			text-decoration:none;}
	
	
#right2 {
	float:right;
	background:url(../../../Images/as3.jpg) top center no-repeat;
	width:280px; 
	height:156px;
	}
	
	#right2 .pad {
		padding-top:125px;
		padding-right:16px;
		}
		
		#right2 a {
			color:#fff;
			text-decoration:none;}

#contentLeft {
	float:left;
	width:215px;
	margin-left:35px;
	text-align:left;
	padding-top:17px;
	}
	
#contentRight {
	float:right;
	width:553px;
	}
	
#cRight-1 {
	float:left;
	width:215px;
	text-align:left;
	padding-top:17px;
	}
	
#cRight-2 {
	float:right;
	width:215px;
	margin-right:35px;
	text-align:left;
	padding-top:17px;
	}
	
table#links a {
	color:#fff;
	text-decoration:none;
	font-weight:700;}
	
#sideBar {
	float:left;
	width:230px;
	background:url(../../../Images/sideBarBG.jpg) #044379 top center no-repeat;
	min-height:268px;
	height:auto !important;
}

	#sideBar .inside {
		padding:27px 25px;
		text-align:left;
		}
		
		#sideBar .weather {
			padding-top: 10px 0 0 10px;}
		
#sideNav {
	background:url(../../../Images/sideNav.jpg) #044379 top center no-repeat;}
	
	#sideNav .botom {
		background:url(../../../Images/sideNavBotm.jpg) bottom center no-repeat;}
		
		#sideNav .pad {
			padding:20px 30px 5px 25px;}
			
			#sideNav a {
				font: 12px "Trebuchet MS" Geneva, Arial, Helvetica, sans-serif;}
				
				#sideNav a:hover {
					color:#CCCCCC;}
	
#contentMain {
	float:right;
	width:710px;
	padding-bottom:100px;
	}
	
	#contentMain .inside {
		padding:27px 48px;
		text-align:left;
		}
		
		#contentMain p {
			color:#fff;}
			
			#contentMain ul {
				color:#fff;}
				
				#contentMain .weather {
					padding:20px;}

#sideBarBotm {
	background:url(../../../Images/sideBar_botm.jpg) left bottom no-repeat;
	}
	
#sideBarBotmTan {
	background:url(../../../Images/sideBar_botmTan.jpg) left bottom no-repeat;
	}
	
#contentRepeat {
	background:url(../../../Images/contentRepeat.jpg) top center repeat-y;
	margin:0 auto;
	width:940px;
	}
	
#contentRepeat_tan {
	background:url(../../../Images/contentRepeat_tan.jpg) top center repeat-y;
	margin:0 auto;
	width:940px;
	}
	
	#contentRepeat_tan h1 {
		color:#7d4900;
		font: 30px "Century Gothic" Geneva, Arial, Helvetica, sans-serif;}
		
		#contentRepeat_tan h2 {
			color:#7d4900;
			font: 16px "Century Gothic" Geneva, Arial, Helvetica, sans-serif;}
			
			#contentRepeat_tan h3 {
				color:#7d4900;
				font: 16px Georgia, "Times New Roman", Times, serif;}
				
				#contentRepeat_tan h4 {
					color:#7d4900;
					font: italic 16px/1.3 Georgia, "Times New Roman", Times, serif;}
					
					#contentRepeat_tan h5 {
						color:#7d4900;
						font: bold 16px "Century Gothic" Geneva, Arial, Helvetica, sans-serif;}
						
						#contentRepeat_tan p {
							color:#363533;
							font: 13px/1.3 "Century Gothic" Geneva, Arial, Helvetica, sans-serif;}
							
							#contentRepeat_tan ul {
								color:#363533;
								font: 13px "Century Gothic" Geneva, Arial, Helvetica, sans-serif;}
								
								#contentRepeat_tan .plgHeaderbar {
									font: 12px "Century Gothic" Geneva, Arial, Helvetica, sans-serif;
									color:#000;
									border-bottom:#353535 5px solid;}
									
									#contentRepeat_tan .plgHeaderbarAction {
										border-bottom:#353535 5px solid;
										font: 12px "Century Gothic" Geneva, Arial, Helvetica, sans-serif;
										color:#000;
										padding-bottom:4px;}
										
										#contentRepeat_tan #sideBar h4 {
											color: #dbc184;}
											
											#contentRepeat_tan #contentMain a {
												color:#005C99;}
												
												#contentRepeat_tan #contentMain a:hover {
													color:#0094EF;}
						
#thumbNails td {
	padding-right:10px;}
	
	#thumbNails a {
		color:#363533;
		background:url(../../../Images/thumbLink.gif) left center no-repeat;
		padding-left:8px;
		font: 12px "Century Gothic" Geneva, Arial, Helvetica, sans-serif;}
		
#calLeft {
	float:left;
	width:280px;
	text-align:left;
	}
	
#newsRight {
	float:right;
	width:280px;
	text-align:left;
	}

#admin {
	width:940px;
	background-color:#fff;
	margin:0 auto;
	}
	
#form td {
	color:#fff;}

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

#footer {
	margin:0 auto;
	background:url(../../../Images/footerBG.jpg) #081b47 no-repeat;
	height:39px;
	
}

	#footer .inside {
		width:940px;
		margin:0 auto;
		text-align:left;
		padding-top:14px;
		}
		
		#footer .inside td {
			padding-right:17px;}

		#footer a {
			color:#fff;
			text-transform:uppercase;
			font: 11px bold "Century Gothic" Arial, Helvetica, sans-serif;
			}
			
			#footer a:hover {
				color:#CCCCCC;
				text-decoration:none;}
				
				#footer .inside .below {
					padding-top:28px;}
					
					.below p {
						font: 11px bold "Century Gothic" Arial, Helvetica, sans-serif;
						color:#c3ceda;}
						
						#footer .inside .below a {
							font: 11px bold "Century Gothic" Arial, Helvetica, sans-serif;
							color:#c3ceda;
							text-transform:none;}