@import url(global_v1-2.css);
@import url(portWashington_css/modules.css);
@import url(portWashington_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: #1f469d;
	font: 22px Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;

}


h2 {
	
	color: #2a251b;
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	
}

h3 {
	
	color: #1f469d;
	font: 16px Georgia, "Times New Roman", Times, serif;

}

h4 {
	
	color: #128d9a;
	font: 16px Verdana, Arial, Helvetica, sans-serif;

}

h5 {
	
	color: #363636;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	display: inline;
	font-weight:700;

}

h6 {
	
	color: #252525;
	font: 11px Verdana, Arial, Helvetica, sans-serif;

}

p {
	
	color: #363636;
	font: 13px Verdana, Arial, Helvetica, sans-serif;

}

table, div {
	
	font: 13px Verdana, Arial, Helvetica, sans-serif;

}

a,a.small,a.anchor,a.visited {
	
	color: #284b94;
	font: inherit;
	text-decoration: underline;

}

a:hover {
	
	color: #363636;
	font: inherit;
	text-decoration: underline;

}

ul {
				list-style-image:url(../../../Images/bullet.gif);
				padding-left:10px;
				margin:0px;
}

.spinnaker {
border-bottom:1px #7b7b7b dotted;
color: #2a251b;
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:4px;
	width:100%;
}

.page {
	
	background: #aeaeae url(../../../Images/bg_page.jpg) left top;
	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: portWashington
////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

.floatLeft {
float:left;
} 

.floatRight {
float:right;
} 

.clearBoth {
clear:both;
} 

.centered {
margin:0 auto;
text-align:center;

}

/*////////////////////////////////////////////////////////////////
= MASTER PAGE SPECIFIC CLASSES 
////////////////////////////////////////////////////////////////*/

.siteWrapper {
margin: 0 auto;
background:#fff;
width:984px;
	
}

#pubHome {


	
}

#pubContent {


	
}


/* -------------------------------------------------------------
= HEADER CLASSES 
------------------------------------------------------------- */

#branding {
width:984px;
height:121px;
background:url(../../../Images/brandbg.jpg) no-repeat 0 0;
text-align:left;
}

	#logo {
	width:525px;
	height:102px;
	padding-left:20px;
	padding-top:16px;
	}
	
	#brandLinks {
	width:150px;
	padding-top:23px;
	}
	
	
		#brandLinks a, #brandLinks a:visited {
		font:13px Verdana, Arial, Helvetica, sans-serif;
		color:#284b94;
		text-decoration:none;
		padding:2px;
		}
		
		#brandLinks a:hover {
		color:#fff;
		background:#284b94;
		text-decoration:none;
		padding:2px;
		}
		
		
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {
background:#2889be url(../../../Images/navbg.jpg) repeat-y 0 0;
height:26px;
width:984px;
}

	#nav .inside {
	width:964px;
	margin:0 auto;
	padding-top:3px;
	}
	
	#navWrappub {
	width:810px;
	}

	
	#memberLogin {
		height:20px;
		width:135px;
		
		}


	a#memberlogin {
	height:20px;
	width:135px;
	background:url(../../../Images/memberlogin.jpg);
	background-position:top left;
	display:block;
	}
		a#memberlogin:hover {
		background-position:left bottom;
		display:block;
		}

/* -------------------------------------------------------------
= CONTENT  
------------------------------------------------------------- */

#contentWrapper {
width:984px;
background:url(../../../Images/contentAreaBg.jpg) no-repeat bottom center;
text-align:left;
}

#gradientWrap {
width:984px;
background:#283184 url(../../../Images/sidebartop.jpg) repeat-y top left;
}

	#sidebar {
	width:210px;
	/*background:#283184;*/
	/*padding-bottom:250px;*/
	text-align:left;
	padding-top:50px;
	padding-bottom:50px;
	}
	
		#sidebar .inside {
		/*padding: 0 38px 0 18px;*/
		margin-left:18px;
		width:160px;
		}
		
		#sidebar .inside a, #sidebar .inside a:visited, #sidebar .inside a:hover  {
		color:#fff;
		font-size:11px;
		}
	

#contentArea {
	width:774px;
	/*background:#fff;*/
	margin:0 auto;
	
}

	#mediaWindowHome {
	width:772px;
	padding:1px 0px;
	margin-left:1px;
	}
	
	#mediaWindow {
	width:982px;
	padding:1px;
	}
	
		#mediaWindow img {
		display:block;
		}
	
	
	#homeContent {
	width:774px;
	}
	
		#homeContent .padding {
		padding:40px 37px 25px 35px;
		}
		
		#homeTop {
		width:702px;
		}
		
			#homeBottom {
			width:702px;
			background:url(../../../Images/aroundbg.jpg) repeat-y 0 0;
			}
			
			#homeBottom .inside {
			padding:30px 10px;
			}
			
			#calloutsLeft {
			width:680px;
}

	#callout1 {
	width:210px;
	}
	
		
	
	#callout2 {
	width:444px;
	/*margin-left:45px;*/
	}
	
	#mpDiv298443 {
	padding:3px;
	border:1px solid #284b94;
	}
	
	
#calloutsRight {
width:212px;
}

	#callout3 {
	width:212px;
	}
	
	#mainContent {
		background:none;
		width:774px;
		}
		
		#mainContent .inside {
		padding:50px 65px 70px 45px;
		}
		
		#mainContent .webCam {
		padding:50px 0px 70px 0px;
		margin-left:30px;
		width:720px;
		}
		
/*-------------------------------------------------------------
= PUBLIC HOME PAGE STYLES
--------------------------------------------------------------*/

	#flashWindow {
	width:984px;
	}
	
	
	#pubHomeWrapper {
	margin:0 auto;
	padding:30px 0px 35px 0px;
	}
	
	#pubHome {
	background:#fff url(../../../Images/pubhomeshipbg.jpg) bottom center no-repeat;
	width:984px;
	margin:0 auto;
	text-align:left;
	}
	
	#modules {
	background:#fff url(../../../Images/pubhomeshipbg.jpg) bottom center no-repeat;
	width:984px;
	margin:0 auto;
	text-align:left;
	padding:10px;
	}

#pubHomeWrapper {
	margin:0 auto;
	padding:30px 0px 35px 0px;
	}

#pubHome .homepad {
	width:934px;
	margin:0px 25px;
	}
	
	
#pubHomeMain {
background:url(../../../Images/pubCalloutbg.gif) repeat-y 0 0;
width:934px;
}


#pubHomeMainLeft {
width:626px;
padding-top:20px;
padding-bottom:5px;
}

	#pubcallout1 {
	width:285px;
	}
	
	#pubcallout1 table img {
		display:block;
		}
	
	#pubcallout2 {
	width:288px;
	/*margin-left:45px;*/
	}
	
	#pubcallout2 a, #pubcallout2 a:visited, #pubcallout2 a:hover {
	font-weight:700;
	}
	
#pubHomeMainRight {
width:229px;
padding-top:20px;
padding-bottom:5px;
margin-left:41px;
}

	#pubcallout3 {
	width:235px;
	}
	
	
	#becmem {
	height:23px;
		width:161px;
		display:block;
	}
	
	a#becmem {
	height:23px;
	width:161px;
	background:url(../../../Images/becomeMem.jpg);
	background-position:top left;
	}
		a#becmem:hover {
		background-position:left bottom;
		}
		
	
	#directions {
	
height:23px;
width:167px;
display:block;

}
	a#directions {
	height:23px;
	width:167px;
	background:url(../../../Images/directions.jpg);
	background-position:top left;
	}
		a#directions:hover {
		background-position:left bottom;
		}
		
		#contactus {
		height:23px;
		width:167px;
		display:block;
		}
		
		a#contactus {
	height:23px;
	width:167px;
	background:url(../../../Images/contactus.jpg);
	background-position:top left;
	}
		a#contactus:hover {
		background-position:left bottom;
		}

/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */

#footer {
background:#cfcece;
width:984px;
}

	#footer .inside {
	padding:10px 15px;
	width:964px;
	}
	
	
#moduleWrapper {
width:984px;
background:#fff;
}

#moduleWrapper .inside {
padding:10px 0px;
width:944px;
margin:0 auto;
}

#outerdiv
{
width:708px;
height:600px;
overflow:hidden;
position:relative;
}

#inneriframe
{
position:absolute;
top:-40px;
left:-5px;
width:1280px;
height:1200px;
}
