@import url(global_v1-2.css);
@import url(breakersocean_css/modules.css);
@import url(breakersocean_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: #437e92;
	font: 18px Arial, Helvetica, sans-serif;
	text-transform:uppercase;

}


h2 {
	
	color: #99b2ba;
	font: 10px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:2px;
	
}

h3 {
	
	color: #437e92;
	font: 14px Arial, Helvetica, sans-serif;

}

h4 {
	
	color: #54401b;
	font: 21px Arial, Helvetica, sans-serif;
	text-transform:uppercase;

}

h5 {
	
	color: #54401b;
	font: 21px Arial, Helvetica, sans-serif;
	text-transform:uppercase;

}

h6 {
	
	color:#437e92;
	font: 12px Arial, Helvetica, sans-serif;
	line-height:25px;

}

p {
	
	color:#54401b;
	font: 13px Arial, Helvetica, sans-serif;

}

table, div {

	color:#54401b;
	font: 13px Arial, Helvetica, sans-serif;

}

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

}

a.visited {
	
	color: #999;
	font: inherit;
	text-decoration: none;

}

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

}

.page {
	
	background:#afac97;
	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:960px;
	margin:0 auto;
	
}

#pubHome {

	width:960px;
	background:#FFFFFF;
	padding-bottom:20px;
	
}

#pubContent {


	
}


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

#banner_homeTable, #banner_homeTable img {

	display: none;
	height:0;

}

#branding {

	height:125px;
	background:url(../../../Images/bg_header.jpg) center top no-repeat;
	
}

	#branding .inside {
	
		padding:30px 20px 0 0;
		color:9e9b8a;
		font:10px Arial, Helvetica, sans-serif;
		text-align:right;
		
	}

		#branding .inside a,a.small,a.anchor,a.visited {
			
			color: #9e9b8a;
			font: inherit;
			text-decoration: none;
		
		}
		
		#branding .inside a:hover {
			
			color: #9e9b8a;
			font: inherit;
			text-decoration: underline;
		
		}
	
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {

	width:920;
	height:30px;
	background:url(../../../Images/bg_nav.jpg) left top repeat-x;
	margin:0 auto;
	text-align:left;

}

	#nav .inside {
	
		color:#FFFFFF;
		font:9px Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		text-align:left;
		vertical-align:middle;
		
	}

		#nav .inside a,a.small,a.anchor,a.visited {
			
			color: #ffffff;
			font: inherit;
			text-decoration: none;
		
		}
		
		#nav .inside a:hover {
			
			color: #ffffff;
			font: inherit;
			text-decoration: underline;
		
		}
		
	#navLeftBlock {
	
		width:20px;
		
	}
		
	#navRightBlock {
	
		width:900px;
		
	}

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

#flash {

	width:920;
	height:440px;
	margin:0 auto;
	
}

#mainImage {

	width:920;
	margin:0 auto;
	
}

	#mainImage img {
	
		display:block;
		
	}

#contentMain {

	width:920;
	background:#e1e1c1;
	margin:0 auto;
	
}

	#loginArea {
	
	width:210px;
	height:175px;
	text-align:left;
	
	}

		#loginArea .inside {
		
			width:150px;
			height:132px;
			margin:23px 30px 20px 30px;
			color:#437e92;
			font:12px Arial, Helvetica, sans-serif;
			
		}

	#publicLeftNav{
	
		width:200px;
		height:200px;
	
	}

	#privateLeftNav{
	
		width:200px;
		height:200px;
	
	}

	#publicHome {
	
		width:710px;
		height:145px;
		background:#FFFFFF url(../../../Images/bg_publichome.jpg) bottom right no-repeat;
		text-align:left;
	
	}
	
		#publicHome .inside {
		
			padding:23px 20px 20px 50px;
			
		}

			#publicHome .inside a,a.small,a.anchor,a.visited {
				
				color: #437e92;
				font: inherit;
				text-decoration: none;
			
			}
			
			#publicHome .inside a:hover {
				
				color: #437e92;
				font: inherit;
				text-decoration: underline;
			
			}

	#publicContent {
	
		width:720px;
		text-align:left;
	
	}

		#publicContent .inside {
		
			margin:23px 20px 20px 20px;
			
		}

	#privateContent {
	
		width:720px;
		text-align:left;
	
	}

		#privateContent .inside {
		
			margin:23px 20px 20px 20px;
			
		}

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

#footer {

	color: #437e92;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:15px;
	padding:20px 0;

}

	#footer a,a.small,a.anchor,a.visited {
		
		color: #437e92;
		font: inherit;
		text-decoration: underline;
	
	}
	
	#footer a:hover {
		
		color: #437e92;
		font: inherit;
		text-decoration: none;
	
	}