@import url(global_v1-2.css);
@import url(seattleYacht_css/modules.css);
@import url(seattleYacht_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: #1263a8;
	font: bold 30px Arial, Helvetica, sans-serif;

}


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

h3 {
	
	color: #1263a8;
	font: bold 16px Arial, Helvetica, sans-serif;

}

h4 {
	
	color: #468bc1;
	font: 20px Arial, Helvetica, sans-serif;

}

h5 {
	
	color: #1263a8;
	font: 14px Arial, Helvetica, sans-serif;

}

h6 {
	
	color: #99bfda;
	font: 12px Arial, Helvetica, sans-serif;
	text-transform:uppercase;

}

p {
	
	color: #2b2b2b;
	font: 14px Arial, Helvetica, sans-serif;

}

table, div {
	
	font: 14px Arial, Helvetica, sans-serif;
	color:#2b2b2b;

}

a,a.small,a.anchor,a.visited {
	
	color: #1263a8;
	font: inherit;
	text-decoration: underline;

}

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

}

ul {
	list-style-image:url(../../../Images/bullet.gif);
	padding-left:0px;
	margin:0px;
}

.page {
	
	background: #cedeeb;
	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: PCMA
////////////////////////////////////////////////////////*/

.hideText {
	display: none;
}

.floatLeft {
float:left;
} 

.floatRight {
float:right;
} 

.clearBoth {
clear:both;
} 

.centered {
margin:0 auto;
text-align:center;

}

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

.siteWrapper {
width:100%;
margin:0 auto;
background: url(../../../Images/pagebg.jpg) repeat-x center top;
/*padding-top:10px;*/
}

#pubHome {


	
}

#pubContent {


	
}


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

#brandWrapper {
width:100%;
background: url(../../../Images/brandbg.jpg) repeat-x 0 0;
}

	.oceanbg {
	background:url(../../../Images/topbg.jpg) no-repeat top center;
	margin:0 auto;
	}

#branding {
width:940px;
height:106px;
margin:0 auto;
	
}

#brandtop {
height:58px;
}	
	
	#pubLogin {
	background:url(../../../Images/memberlogin-btn.jpg) no-repeat 0 0;
	height:23px;
	width:128px;
	}
	
	#publogin .inside {
	padding:3px 0px 0px 15px;
	text-align:left;
	height:23px;
	}
	
	*:first-child+html {} * html #publogin .inside{
	padding:2px 0 0 15px;
	}
	
		#publogin a, #publogin a:visited {
		color:#fff;
		font-size:12px;
		text-decoration:none;
		font-weight:bold;
		}
		
		#pubLogin a:hover {
		color:#fff;
		font-size:12px;
		text-decoration:underline;
		font-weight:bold;
		}
	
	#privLogin {
	background:url(../../../Images/loginbg-priv.jpg) no-repeat 0 0;
	height:23px;
	width:168px;
	text-align:left;
	}
		#privLogin .inside {
		padding:2px 0px 0px 10px;
		}
		
			#privLogin a, #privLogin a:visited {
			color:#75a7d2;
			font-size:12px;
			text-decoration:none;
			font-weight:bold;
			}
			
			#privLogin a:hover {
			color:#75a7d2;
			font-size:12px;
			text-decoration:underline;
			font-weight:bold;
			} 
			
			#privLogin a.rightlink, #privLogin a.rightlink:visited {
			color:#fff;
			font-size:12px;
			text-decoration:none;
			font-weight:bold;
			}
			
			#privLogin a.rightlink:hover {
			color:#fff;
			font-size:12px;
			text-decoration:underline;
			font-weight:bold;
			} 
	
	#logo {
	margin-top:18px;
	}
	
	#logohov {
		height:40px;
		width:348px;
		display:block;
		}


	a#logohov {
	height:40px;
	width:348px;
	background:url(../../../Images/logohov.gif);
	background-position:top left;
	}
		a#logohov:hover {
		background-position:left bottom;
		}
	
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {
width:940px;
background:none;
margin:0 auto;
height:32px;
text-align:left;
margin-top:6px;
}

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

#contentWrapper {
width:940px;
margin-top:10px;
margin:0 auto;
border:10px solid #0f3556;
background:#fff;
text-align:center;
}

#mediaWindow {
width:940px;
}

	#mediaWindow img {
	display:block;
	}

/*===========================================
>contentArea styles
============================================*/

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

	#contentArea .content {
	padding:20 40;
	}
	
	#contentArea .privhome {
	padding:20 0 20 40;
	}
	
#pubcontentArea {
width:940px;
text-align:left;
background:#e6ecf1;
}
	
/*====================================================
>content page divs
=====================================================*/

#sidebar {
width:149px;
}

#maincontent {
width:680px;
border-left:1px dashed #cedae4;
}

	#mainContent .border {
	width:650px;
	margin-left:20px;
	}
	
	#addContent {
	width:650px;
	background:#e6ecf1;
	margin-top:40px;
	}
	
	#addContent .inside {
	padding:20px;
	}

/*================================================
>Divs and classes for the public home contentArea
=================================================*/

#pubHomecontent {
width:704px;
background:#fff;
}

	#pubHomecontent .inside {
	padding:20 24 30 20;
	}
	
	#pubhomeWelcome {
	margin-bottom:10px;
	}
	
#pubHomeside {
width:236px;
background:#e6ecf1;
}

	#pubHomeside .inside {
	padding:50 20 20 15;
	}
	
/*=================================================
>Divs and classes for privHome content Area
==================================================*/

#privHeader {
background:#cedae4;
height:105px;
text-align:left;
width:940px;
}

	#privHeader .inside {
	padding:55 0 0 40;
	}
	
#privContent {
width:720px;
border-left:1px dashed #cedae4;
}

#privcontent .border {
width:690px;
margin-left:30px;
}

	#privMid {
	width:424px;
	text-align:left;
	}
	
	#privSide {
	background:#e6ecf1;
	width:235px;
	}
	
		#privSide .inside {
		padding:20 20 30 15;
		}
		


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

#footer {
margin:0 auto;
background:#0f3556;
text-align:center;
padding-top:10px;
width:940px;


}


/*------------------------------------------------------------------
=LOGIN FIELDS
-------------------------------------------------------------------*/

/*---------------------------------
OVERRIDES ADMIN LOGIN CSS
----------------------------------*/

div#login_siteName {

	background:#0f3556 url(../../../Images/adminLogin_bg.jpg) top no-repeat;
	width: 390px;
	padding: 70px 0 30px 0px;
	text-align: center;
	float: left;
    /*border-right: 1px solid #1465a9;*/

}

/* SITE NAME */
div#login_siteName h1 {
	text-align: center;
	color: #000;
	font: 24px normal Georgia, "Times New Roman", Times, serif;
	border: none;
	margin: 5px 0 15px;
	padding: 0px;
	background: transparent none;
	text-decoration: none;
	
}

/* WEB ADMIN LOGIN */
div#login_siteName h2 {
	
	text-align: center;
	color: #fff;
	font: 20px normal Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	background: transparent none;
	text-decoration: none;
	
}

div#login_sideColumn a {

	color: #1263a8;
	font-size: 10px;
	text-decoration: none;

}
div#login_sideColumn a:hover {

	color: #0f3556;
	text-decoration: none;
	font-size: 10px;
}

/*div#login_footer {
background:#295071 none repeat scroll 0 0;
clear:both;
font-size:10px;
height:18px;
padding:5px 10px 3px;
color:#fff;
}

div#login_footer p {color:#fff;}*/