@import url(global.css);
@import url(adminLogin.css);
@import url(SantaBarbara_css/modules.css);
@import url(SantaBarbara_css/plugins.css);

/*
I. GLOBAL:  Global classes, header styles, link styles and .page class
II. BUTTONS
III. MISC CLASSES 
IV. CUSTOM SITE SELECTORS

/////////////////////////////////////////////////////*/
body {
	background:#fff;
	color:#000;
}

h1 {
	color:#810000;
	font:400 24px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin: 0 0 5px;
	
}

h2 {
	color:#6f2904;
	font:400 14px Georgia, "Times New Roman", Times, serif;
}

h3 {
	color:#810000;
	font:400 17px Georgia, "Times New Roman", Times, serif;
	margin: 8px 0 5px;
}

h4 {
	color:#576200;
	font-size: 11px;
	margin: 10px 0 2px;
	text-transform: uppercase;
}

h5 {
	color:#333;
	display:inline;
	font:bold 12px "Times New Roman", Georgia, Times, serif;
}

h6 {
	color:#FFF;
	font:12px/1.8 "Times New Roman", Georgia, Times, serif;
}

p {
	color:#4A493D;
	line-height: 1.6em;
	font-size: 11px;
}

table,div {
	color:#4A493D;
	line-height: 1.6em;
	font-size: 11px;	
}

a,a.small,a.anchor,a.visited {
	color:#6F2904;
	font:inherit;
	text-decoration:none;
}

a:hover {
	color:#A83F06;
	font:inherit;
	text-decoration:underline;
}

.page {
	background:#dcdcc1;
	font:400 11px Arial, Verdana, sans-serif;
	}

.CEMenu {
	margin:0;
	padding:0;
}

/* important edit global text boxes - default --------- */
.txtbox {
	background:#FFF;
	border-style:inset;
	border-width:2px;
	color:#000;
	font:11px Arial, Verdana, 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 Arial, Verdana, sans-serif;
}

/*= directory -> edit roster options -> close button --------- */
.membut {
	background:#eee;
	border:1px solid buttonface;
	color:#333;
	cursor:pointer;
	font:11px Arial, Verdana, sans-serif;
}

/*= ADMIN BUTTON AND BAR ------ */
.abut {
	background:#eee;
	border-style:outset;
	border-width:2px;
	color:#333;
	font:11px Arial, Verdana, sans-serif;
	margin-bottom:2px;
	margin-top:2px;
}

.adminbar {
	background:#eee;
	color:#333;
	font:400 12px Arial, Verdana, sans-serif;
}

/*////////////////////////////////////
III. MISC CLASSES 
//////////////////////////////////////
 --------- general row hover classes --------- */
.rowNormal {
	background:#eee;
	color:#000;
	font:400 11px Arial, Verdana, sans-serif;
}

.rowHover {
	background:#FFF;
	color:#000;
	font:400 11px Arial, Verdana, 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 Arial, Verdana, sans-serif;
	padding:2px;
	text-decoration:none;
}

a.cookieTrail,a.cookieTrail:hover {
	color:#333;
	font:400 11px Arial, Verdana, sans-serif;
	text-decoration:none;
}

/*/////////////////////////////////////////////////////////////////
Layout and Custom Selectors
/////////////////////////////////////////////////////////////////*/

.hide-text {

	display: none;

}


.siteWrapper {

	background: url(../../../Images/page_bg.gif) center top repeat-y;
	margin: 20px auto 0;
	width: 780px;
	text-align: center;
	
}

#topBorder {

	background: url(../../../Images/pageTop_bg.gif) center top no-repeat;
	height: 10px;

}

/*/////////////////////////////////////////////////////////////////
RIGHT COLUMN - Logo, menu, address
/////////////////////////////////////////////////////////////////*/
#sidebar {

	background: url(../../../Images/sidebar_bg.jpg) left top no-repeat;
	float: right;
	width: 186px;
	height: 538px;
	position: relative;
	text-align: left;

}

	#sidebar .inside {
	

		padding: 15px 13px;
	}
	
		#sidebar .inside table {
			width: auto;
		}

	#sidebar h1 {
	
		background: url(../../../Images/logo.png) center top no-repeat;
		color: #fff;
		font: 400 12px Georgia, "Times New Roman", Times, serif;
		margin: 0 0 2px;
		padding: 110px 0 0;
		text-align: center;
		text-transform: uppercase;
		
	}
	
	#sidebar h2 {
		color: #fff;
		font: 400 10px Georgia, "Times New Roman", Times, serif;
		margin: 0 0 5px;
		padding: 0px;
		text-align: center;
	}
	
	#sidebar h3 {
		color: #fef3b9;
		font: 400 11px Georgia, "Times New Roman", Times, serif;
		margin: 0 0 5px;
		padding: 0px;
		text-align: center;
	}
	
	#sidebar address {
		color: #fff;
		font: 400 10px Arial, Verdana, sans-serif;
		margin: 0px 0 5px;
		padding: 0px;
		position: absolute;
		bottom: 10px;
		left: 32px;
		text-align: center;
		
		
	}
	
	#LogoWrapper {
	
		margin-top: 14px;
		
	}
	
#MemberLogin {
	width: 160px;
	text-align: left;
}

#MemberLogin a {
	color: #FEF3B9;
}

	
#memLogin {

	background: url(../../../Images/memLogin_btn.gif) left top no-repeat;
	display: block;
	height: 20px;
	margin: 20px auto 10px;
	width: 160px;

}

#memLogin:hover {

	background-position: left bottom;

}
	
/*/////////////////////////////////////////////////////////////////
LEFT COLUMN - Main content area
/////////////////////////////////////////////////////////////////*/
	
#contentWrapper {
	float: left;
	width: 574px;
	text-align: left;
}

.contentArea {

	height: 538px;

}

#HelmetWrap {
	margin: 0 auto;
	text-align: center;
	width: 760px;
}
	

/*-----------------------------------------------------------------
PUBLIC HOME 
-----------------------------------------------------------------*/

#pub-home.contentArea {
	
	background: url(../../../images/content_bg2.jpg) top right repeat-y;
	
}

#pub-home.contentArea2 {
	
	background: #FFFFFF;
	
}
/*-----------------------------------------------------------------
PUBLIC CONTENT 
-----------------------------------------------------------------*/
#pub-content.contentArea {
	
	background: url(../../../Images/content-banq_bg.jpg) right bottom no-repeat;
	
}

#pub-content.contentArea2 {
	
	background: url(../../../images/content_bg.jpg) top right repeat-y;
	
}

#pub-content #contentMain .inside {

	padding: 0px 0px 10px 0px;

}

#pub-content #contentSecondary .inside {

	padding: 5px 50px 15px 45px;

}

	#pub-content #contentSecondary h1 {
	
		position: relative;
		/*left: -20px;*/
	
	}
	
	#pub-content #contentSecondary a,a.small,a.anchor,a.visited {
	color:#6F2904;
	font:inherit;
	text-decoration:none;
	line-height: 1.6em;
	font-size: 11px;
}

	#pub-content #contentSecondary a:hover {
	color:#A83F06;
	font:inherit;
	text-decoration:underline;
	line-height: 1.6em;
	font-size: 11px;
}

/*//////////////////////////////////////////////
Private Section
//////////////////////////////////////////////*/

#siteWrapper {

	width:960px;
	margin:20 auto 0;
	text-align:center;
	
}

#pageWrapper {

	width:960px;
	text-align:center;
	margin:0 auto;
	background:url(../../../Images/bg_privContBorder.jpg) repeat-y center;
	
}

#privTopBorder {

	width:960px;
	height:9px;
	background:url(../../../Images/bg_privTopBorder.jpg) no-repeat center;
	
}

#privNav {

	background:url(../../../Images/bg_nav.jpg) no-repeat;
	width:940px;
	height:30px;
	margin:0 auto;

}

#privContentWrapper {

	float: right;
	width: 764px;
	text-align: left;
	margin:0 auto;
	
}

	#pgHeader {
	
		width:764px;
		padding:5px;
		padding-bottom:0px;
		
	}

	#privContentArea {
	
		text-align:left;
		
	}
	
		#privContentArea .inside {
		
			padding:20px 40px;
			
		}
		
		#privContentArea hr {
		
			color:#cbc9c1;
			
		}


#sidebarPriv {

	background: url(../../../Images/bg_sidebarPriv.jpg) right top no-repeat;
	float: left;
	width: 196px;
	height: 538px;
	text-align: left;

}

	#sidebarPriv .inside {
	

		padding: 30px 10px 30px 20px;
	}
	
		#sidebarPriv .inside table {
			width: auto;
		}
		
	#sidebarPriv .lower {
	

		padding: 30px 10px 30px 20px;
	}

	#sidebarPriv h1 {
	
		background: url(../../../Images/logo.png) center top no-repeat;
		color: #fff;
		font: 400 12px Georgia, "Times New Roman", Times, serif;
		margin: 0 0 2px;
		padding: 110px 0 0;
		text-align: center;
		text-transform: uppercase;
		
	}
	
	#sidebarPriv h2 {
		color: #fff;
		font: 400 10px Georgia, "Times New Roman", Times, serif;
		margin: 0 0 5px;
		padding: 0px;
		text-align: center;
	}
	
	#sidebarPriv h3 {
		color: #fef3b9;
		font: 400 11px Georgia, "Times New Roman", Times, serif;
		margin: 0 0 5px;
		padding: 0px;
		text-align: center;
	}
	
	#sidebarPriv address {
		color: #fff;
		font: 400 10px Arial, Verdana, sans-serif;
		margin: 0px 0 5px;
		padding: 0px;
		position: absolute;
		bottom: 10px;
		left: 32px;
		text-align: center;
		
		
	}
	



/*/////////////////////////////////////////////////////////////////
FOOTER
/////////////////////////////////////////////////////////////////*/

#footer {

	background: #dcdcc1 url(../../../Images/pageBot_bg.gif) center top no-repeat;
	clear: both;
	color: #8b8b77;
	font: 400 11px Arial, Verdana, sans-serif;
	padding: 10px 0 0;
	text-align: center;
	text-transform: uppercase;
	width: 780px;
	
}

#addressArea {

	width:960px;
	background:url(../../../Images/bg_privContBorder.jpg) repeat-y center;
	margin:0 auto;
	display:block;
	
}

	#addressArea .inside {
	
		float:left;
		width:186px;
		margin:0px 15px 15px;
		
	}
	
	#addressArea div {
	
		color:#fff;
		font:10px Arial, Helvetica, sans-serif;
		
	}
	
	#addressArea a {
	
		color:#fff;
		font:10px Arial, Helvetica, sans-serif;
		text-decoration:underline:
		
	}
		

#footerPriv {

	background: #dcdcc1 url(../../../Images/bg_privFooter.jpg) center top no-repeat;
	clear: both;
	color: #8b8b77;
	font: 400 11px Arial, Verdana, sans-serif;
	padding: 20px 0 50px;
	text-align: center;
	text-transform: uppercase;
	width: 960px;
	
}

#btnSecureLogin{border: none;}

