@import url(global_v1-2.css);
@import url(CoralBay_css/modules.css);
@import url(CoralBay_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: #000;
	font: 20px Arial, Helvetica, sans-serif;

}


h2 {
	
	color: #000;
	font: 16px Arial, Helvetica, sans-serif;
	
}

h3 {
	
	color:#000;
	font:12px Arial, Verdana, sans-serif;
	font-weight:700;
	padding-bottom:4px;

}

h4 {
	
	color: #3ba9ce;
	font: 11px/1.6 "Lucida Sans Unicode", Verdana, Arial, sans-serif;

}

h5 {
	
	color: #2b3B24;
	font: 11px Georgia, Arial, Helvetica, sans-serif;
	display: inline;

}

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

}

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

}

table, div {
	
	color: #000;
	font: 11px/1.6 "Lucida Sans Unicode", Verdana, Arial, sans-serif;

}

a,a.small,a.anchor,a.visited {
	
	color:#646567;
	text-decoration:underline;

}

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

}

.page {
	
	background: url(../../../Images/bodyBg.jpg) #108da7 center top repeat-x;
	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 {
	margin: 0 auto;
	background-color:#FFFFFF;
	width:962px;
	padding-top:5px;
	padding-bottom:5px;
	}

#liveWrapper {
	width:952px;
	margin:0 auto;
	background:url(../../../Images/PageBG.jpg) top center repeat-y;

	}
	
	#liveWrapper img {
		display:block;}
	
.private {

	width:952px;
	height:109px;
	margin:0 auto;
}


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

#banner {
	width:962px;
	height:130px;
	margin:0 auto;
	}

#branding {
	float:left;
	margin-top:13px;
}

	a#branding {
		width:183px;
		height:65px;
		background:url(../../../Images/Logo.jpg) top left;
		}
		
		a#branding:hover {
			background-position:bottom left;
			}
			
#login {
	float:right;
	text-align:right;
	margin-top:20px;
	}
	
	#login p {
		color:#ffffff;
		}
		
		#login h2 {
			color:#FFF;
			}
			
			#login a {
				color:#fff;
				text-decoration:none;
				}
				
				#login a:hover {
					text-decoration:undrline;
					}
					
td.headLinks a {
	font: 10px/1.6 "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	text-decoration:none;
	padding-right:8px;
	}
	
	td.headLinks a:hover {
		text-decoration:underline;}
			
.login_names {
	
	color:#fff;
	text-transform:uppercase;
	font: 10px/1.6 "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	}

.login_fields {
	padding-right:3px;}
	
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {
	width:952px;
	border-bottom:#ffffff 5px solid;
	height:32px;
	background:url(../../../Images/NavBG.jpg) top center repeat-x;
	margin:0 auto;

}

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

#contentArea {
	float:right;
	width:741px;
	background:url(../../../Images/BotmBG.jpg) bottom center no-repeat;
}

	#contentArea .inside {
		margin:0 auto;
		width:651;
		padding-top:20px;
		padding-bottom:30px;
		text-align:left;
		}

#sideBar {
	float:left;
	width:211px;
}

	#sideBar .inside {
		padding-top:20px;
		width:170px;
		margin:0 auto;}
		
		#sideBar .inside p {
			color:#FFFFFF;}
			
table#callOut {
	padding-top:20px;}
			
	table#callOut a {
		color:#d3d2d0;
		padding-left:15px;
		background:url(../../../Images/sideArrow.jpg) 0 50% no-repeat;}
				
		table#callOut a:hover {
			color:#FFFFFF;
			text-decoration:underline;}
			
#events a {
	padding-left:15px;
	background:url(../../../Images/linkArrow.gif) 0 50% no-repeat;}

#blueFade {
	width:741px;
	background:url(../../../Images/BotmFade.jpg) top center repeat-x;
	padding-bottom:109px;
	}
	
	#blueFade a {
		padding-left:15px;
		background:url(../../../Images/linkArrow.gif) 0 50% no-repeat;}
		
#featuredEvents td {
	padding-bottom:30px;
	padding-top:10px;
	border-top:#cbc9c1 1px solid;}
	
.plgWeatherHeader {
	font-weight:bold;
	color:#c7dbea;}
	
.plgWeatherHghTxt {
	color:#c7dbea;}
	
.plgWeatherLowTxt {
	color:#c7dbea;}
	
/* -------------------------------------------------------------
= Client Templates
------------------------------------------------------------- */

table#menu h3 {
	padding: 4px 2px;
	line-height: 2em;
	/*background:#f3fdfc;*/
	border-top: 1px solid #f59944;
	border-bottom: 1px solid #f59944;
	font: 18px Arial, Helvetica, sans-serif;
	color:#22699f;
	}
	
	table#menu p {
		padding-left:20px;}
		
		table#menu h2 {
			padding-left:10px;
			background:transparent url(../../../Images/quickLinkArrow.gif) no-repeat scroll left center;
			color:#108da7;
			font-weight:bold;
			font: 15px Arial, Helvetica, sans-serif;
			}

/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */
#footer {
	width:962px;
	margin:0 auto;}

	#footer table {
		color:#ffffff;
		text-align:left;
		}

		#footer td {
			padding:5px 20px 5px 0;}
			
			#footer a {
				color:#fff;}