@import url(global_v1-2.css);
@import url(multnomah_css/modules.css);
@import url(multnomah_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: #ae0d0d;
	font: 24px Georgia, "Times New Roman", Times, serif;

}


h2 {
	
	color: #ae0d0d;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	
}

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

}

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

}

h5 {
	
	color: #000;
	font: 700 13px Georgia, "Times New Roman", Times, serif;
	display: inline;

}

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

}

p {
	
	color: #444;
	font: 11px/1.6 Verdana, Arial, Helvetica, sans-serif;

}

table, div {
	
	color: #444;
	font: 11px/1.6 Verdana, Arial, Helvetica, sans-serif;

}

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

}

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

}

.page {
	
	background:#e8ebef;
	text-align: center;
	
}

.CEMenu {
	
	margin: 0;
	padding: 0;
	text-align:left;

}

/* 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: multnomah
////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

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

#siteWrapper {

	margin:0 auto;
	width:960px;
	text-align:center;
	
}


/*///////NECESSARY FOR WHITE BACKGROUND////////////*/

#pubHome {

	background:#fff;
	padding:15px 20px;
	text-align:center;
	
}

#privHome {

	background:#fff;
	padding:20px;
	text-align:center;

}

#pubContent {

	background:#fff;
	padding:15px 20px;
	text-align:center;
	
}

#privContent {

	background:#fff;
	padding:20px;
	text-align:center;

}

/*end white*/


#brandingWrapper {

	width:920px;
	padding-bottom:10px;

}

#logo {

	float:left;

}

#branding {

	float:right;
	width:720px;


}

	#branding .insideHm {
	
		padding-top:20px;
		text-align:right;
	
	}
	
	#branding .inside {
	
		padding-top:20px;
	
	}
	
		#branding a, #branding a.small, #branding a.anchor, #branding a.visited {
	
			color: #ae0d0d;
			font:12px Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none;
		
		}
		
		#branding a:hover {
			
			color: #333;
			font:12px Verdana, Arial, Helvetica, sans-serif;
			text-decoration: underline;
		
		}

	#login {
	
		float:right;
		width:220px;
	
	}
	
		#login a,a.small,a.anchor,a.visited {
		
			color:inherit;
			font: 9px Verdana, Arial, Helvetica, sans-serif;
			text-decoration:none;
			
		}
		
		#login a:hover {
		
			color:#333;
			font:9px Verdana, Arial, Helvetica, sans-serif;
			
		}
	
	#tagLine {
	
		float:left;
		width:500px;
	
	}
	
		#tagLine .inside {
		
			padding:0px 25px;
			
		}
	
		#tagline p {
		
			font:italic 12px/2.2 Georgia, "Times New Roman", Times, serif;
			color:#7f7f7f;
			
		}

#nav {

	width:920px;
	background:url(../../../Images/nav_bg.gif) no-repeat;
	height:29px;

}

#header {

	width:960px;
	margin-bottom:-5px;

}

	#header p {
	
		font:10px Verdana, Arial, Helvetica, sans-serif;
		color:#808080;
		
	}

	#address {
	
		float:left;
		padding:5px 20px;
		
	
	}
	
	#globalLinks {
	
		float:right;
		text-align:right;
		padding:5px 20px;
	
	}
	
		#globalLinks a,a.small,a.anchor,a.visited {
		
			font:10px Verdana, Arial, Helvetica, sans-serif;
			color:#626262;
			text-decoration:none;
			
		}
		
		#globalLinks a:hover {
		
			font:10px Verdana, Arial, Helvetica, sans-serif;
			color:#ae0d0d;
			text-decoration:none;
			
		}


/* -------------------------------------------------------------
= PUBLIC HOME 
------------------------------------------------------------- */

#contentArea {

	width:920px;
	
}

#flash {

	clear:both;
	padding:5px 0px 20px;

}

#quickLinksLeft {

	float:left;
	width:450px;


}

	#quickLinksLeft .floatLeft {
	
		float:left;
	
	
	}
	
	#quickLinksLeft .floatRight {
	
		float:right;
	
	}
	
	#quicklinksLeft a {
	
		font:12px Verdana, Arial, Helvetica, sans-serif;
		color:#fff;
		text-decoration:none;
		
	}
	
	#quicklinksLeft a:hover {
	
		font:12px Verdana, Arial, Helvetica, sans-serif;
		color:#fff;
		text-decoration:underline;
		
	}

#quickLinksRight {

	float:right;
	width:450px;

}

	#quickLinksRight .floatLeft {
	
		float:left;
	
	}
	
	#quickLinksRight .floatRight {
	
		float:right;	
	
	}
	
	#quicklinksRight a {
	
		font:12px Verdana, Arial, Helvetica, sans-serif;
		color:#fff;
		text-decoration:none;
		
	}
	
	#quicklinksRight a:hover {
	
		font:12px Verdana, Arial, Helvetica, sans-serif;
		color:#fff;
		text-decoration:underline;
		
	}
	
/* -------------------------------------------------------------
= PRIVATE HOME 
------------------------------------------------------------- */

#privHomeTop {

	width:920px;
	background:url(../../../Images/privHomeTop_bg.gif) repeat-y;
	margin-top:5px;
	/*text-align:left;*/

}

#privContentArea {

	float:left;
	/*width:704px;*/ width:685px;

}

#privHeader {

	width:685px;
	padding-bottom:20px;

}

#privSideBar {

	float:right;
	/*width:210px;*/ width:215px;
	/*text-align:left;
	display:block;*/

}

	#privSideBar .inside {
	
		/*padding:0px;*/
		width:215px; /*adjusted */
		text-align:left; /*adjusted */
	
	}
	
	#privSideBar .inside2 {
	
		/*padding:0px;*/
		width:215px; /*adjusted */
		text-align:left; /*adjusted */
	
	}
	
	#privSideBar img {
	
		display:block;
		
	}
	
	#privSideBar #calSearchBox555131 {
	
		height:20px;
		width:150px;
		border:1px solid #333;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		color: #444;
		
	}
	
	#privSideBar .abut {
	
		background:#333;
		color:#fff;
		font:13px Verdana, Arial, Helvetica, sans-serif;
		border:none;
		height:20px;
		cursor:pointer;
		
	}
		
	
		#privSideBar .inside a {
			display:block;
			width:195px !important;
			height:70px !important;
			width:215px;
			height:80px;
			
			background: url(../../../Images/hover.gif) no-repeat top left;
			font:14px Verdana, Arial, Helvetica, sans-serif;
			color:#fff;
			text-decoration:none;
			padding:6px 10px 0;
			
		}
		#privSideBar .inside a:hover {
			display:block;
			width:195px !important;
			height:70px !important;
			width:215px;
			height:80px;
			
			background: url(../../../Images/hover.gif) no-repeat top right;
			color:#000;
			
		}
			
			/*---remove hover effect on click-to-edit ---*/
			#privSideBar .inside a.clickToEditAnchor,
			#privSideBar .inside a.clickToEditAnchor:hover {
				background:none;
				height:25px;
			}


#privLinkWrapper {

	width:685px;
	background:url(../../../Images/linkWrapper_bg.gif) repeat-y;
	text-align:left;
	scrollbar-base-color: #8c0d07;
	scrollbar-arrow-color: #c53636;
	scrollbar-3dlight-color: #CC0E0E;
	scrollbar-darkshadow-color: #CC0E0E;
	scrollbar-highlight-color: #c53636;
	scrollbar-shadow-color: #CC0E0E;
	scrollbar-track-color: #CC0E0E;

}

	#privLinkWrapper hr {
	
		color:#ffffff;
		border-style:dotted;
		
	}
			
			.phoneBtn {
			
				display:inline;
				height: 21px !important;
				width: 22px !important;
				height:21px;
				width:20px;
			}
				
				.phoneBtn a {
				
					height: 21px !important;
					width: 22px !important;
					height: 21px;
					width: 20px;
					background:url(../../../Images/phone_rollover.gif) no-repeat;
					background-position:top left;
					
				}
				
					.phoneBtn a:hover {
					
						height: 21px !important;
						width: 22px !important;
						height: 21px;
						width: 20px;
						background:url(../../../Images/phone_rollover.gif) no-repeat;
						background-position: top right;
						
					}
			
			.calBtn {
			
				display:inline;
				height: 21px !important;
				width: 22px !important;
				height:21px;
				width:22px;
				
			}
				
				.calBtn a {
				
					height: 21px !important;
					width: 22px !important;
					height: 21px;
					width: 22px;
					background:url(../../../Images/cal_rollover.gif) no-repeat;
					background-position:top left;
					
				}
				
					.calBtn a:hover {
					
						height: 21px !important;
						width: 22px !important;
						height: 21px;
						width: 22px;
						background:url(../../../Images/cal_rollover.gif) no-repeat;
						background-position: top right;
						
					}
					
				
			#privLinkWrapper h5 {
			
				color:#fff;
				font:14px Verdana, Arial, Helvetica, sans-serif;
				
			}
			
			#privLinkWrapper a, 
			#privLinkWrapper a.small, 
			#privLinkWrapper a.anchor, 
			#privLinkWrapper a.visited {
			
				font:11px/1.2 Verdana, Arial, Helvetica, sans-serif;
				color:#fff;
				text-decoration:none;
				
			}
			
			#privLinkWrapper a:hover {
			
				color:#cbc8c8;
				
			}

		#privLinks1 {
		
			float:left;
			width:210px;
		
		}
		
			#privLinks1 .inside {
			
				padding:5px;			
			
			}
		
		#rightLinkWrap {
		
			float:right;
			width:450px;
		
		}
		
		#privLinks2 {
		
			float:left;
			width:210px;
		
		}
		
			#privLinks2 .inside {
			
				padding:5px;
			
			}
			
		#privLinks3 {
		
			float:right;
			width:215px;
			
		}
		
			#privLinks3 .inside {
			
				padding:5px;
				
			}
			
#pluginWrapper {

	width:920px;
	padding-top:20px;

}

	#pluginWrapper hr {
		
		border:2px solid #ae0d0d;
		
	}
	
#privHomeLower {

	width:920px;
	padding-top:20px;

}

#basicUser {

}

	#basicUser a {
	
		color:#ae0d0d;
		font:16px Georgia, "Times New Roman", Times, serif;
		text-decoration:underline;
		text-align:center;		
	}

	

/* -------------------------------------------------------------
= LOGIN PAGE
------------------------------------------------------------- */

#loginWrapper {

	width:470px;
	margin:0 auto;
	background:url(../../../Images/login_bg.gif) no-repeat;
	height:357px;

}

#loginHeader {

	width:470px;
	margin:0 auto;
	text-align:right;
	height:25px;
	
}

#loginLogo {

	width:470px;
	text-align:center;
	padding-top:55px;
		

}

#loginLogin {

	width:470px;
	text-align:center;
	padding-top:20px;


}

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

#contentHeader {

	width:920px;
	padding-top:5px;
	
}

	#contentHeader img {
	
		display:block;
		
	}

#contentWrapper {

	width:920px;
	background:url(../../../Images/contentPage_bg.gif) repeat-y;
	text-align:left;

}

#sideBar {
	
	float:left;
	width:200px;
	padding:20px 0px;
	
}

	#sideBar .inside {
	
		padding-left:12px;
	
	}
	
#contentMain {

	float:right;
	width:704px;
	padding-top:25px;

}

	#topContent {
	
		padding:0px 0px 40px 20px;
	
	}
	
	#bottomContent {
	
		background:url(../../../Images/bbcourt_large.jpg) no-repeat;
		width:700px;
	
	}
	
		#bottomContent .inside {
		
			padding:15px 20px;
			
		}
	
#contentPageHR {

	background:url(../../../Images/hr_dots700.gif) no-repeat;
	width:700px;
	height:3px;
	
}
	
#contentSecondary {

	width:680px;
	margin-left:20px;

}

	#secMain {
	
		float:left;
		padding-left:0px;
	
	}
	
		#secMain .crossOne {
		
			background:none;
			width:450px;
			padding:10px 0px;
		
		}
		
		#secMain .crossTwo {
		
			width:450px;
			padding:10px 0px;
		
		}
		
	#secSideBar {
	
		float:right;
		width:210px;
	
	}
	
		#secSideBar .inside {
	
	
		}
		
#module {

}

/* -------------------------------------------------------------
= HOTPAGE CLASSES 
------------------------------------------------------------- */

#hotpage a, a:hover {
	text-decoration:none; color:#CC0F09;
}

.hotpageH1 {
	font: 16px Arial, Helvetica, sans-serif; 
	color: #E01938;
}

.hotpageH2 {
	font: 24px "Times New Roman", Georgia, Times, serif; 
	color: #000000;
}

.hotpageH3 {
	font: bold 14px Arial, Helvetica, sans-serif; 
	color: #000000;  
	margin: 6px 0 6px;
}

.hotpageH4 {
	font: 12px Arial, Helvetica, sans-serif; 
	color: #000000; 
	margin: 6px 0 6px;
}

.hotpageH5 {
	font: 13px "Times New Roman", Georgia, Times, serif; 
	color: #CC0F09;
}

.hotpageH6 {
	font: bold 11px Arial, Helvetica, sans-serif; 
	color: #4C4C4C; 
	margin: 6 0 12px;
}

#hotpage img {
	vertical-align: bottom;
}

#hotpage table, #hotpage div, #hotpage p {
	font: 11px Arial, Helvetica, sans-serif; 
	color: #000000;
}

/* -------------------------------------------------------------
= FOOTER CLASSES 
------------------------------------------------------------- */

#footer {

	width:960px;
	text-align:left;

}

	#footer .inside {
	
		padding:20px;
		
	}
	
		#footer a, #footer a.small, #footer a.anchor, #footer a.visited {
	
			color: #626262;
			font:10px Verdana, Arial, Helvetica, sans-serif;
			text-decoration: underline;
		
		}
		
		#footer a:hover {
		
			color:#999;
			
		}