@import url(global_v1-2.css);
@import url(bocawestmasters_css/modules.css);
@import url(bocawestmasters_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: #7d7546;
	font:italic 36px Georgia, "Times New Roman", Times, serif;

}


h2 {
	
	color: #7d7546;
	font:italic 21px Georgia, "Times New Roman", Times, serif;
	
}

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

}

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

}

h5 {
	
	color: #7d7546;
	font: 20px Georgia, "Times New Roman", Times, serif;
	display: inline;

}

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

}

p {
	
	color: #4c4626;
	font: 12px/1.6 Verdana, Arial, sans-serif;

}

table, div {
	
	color: #4c4626;
	font: 12px/1.6 Verdana, Arial, sans-serif;

}

a,a.small,a.anchor,a.visited {
	
	color: #4c7bb5;
	font: inherit;
	text-decoration: none;

}

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

}

.page {
	
	background:#f9f9ee url(../../../Images/bg_site.jpg) center top no-repeat;
	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: bocawestmasters
////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

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

#siteWrapper {

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


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

#branding {

	width:960px;
	margin:0 auto;
	
}

	#logo {
	
		margin-left:19px;
	
	}
	
		#logo a {
		
			display: block;
			width: 520px;
			height: 74px;
			background: transparent url(../../../Images/logo_hover_off.jpg) no-repeat;
			
		}
		
		#logo a:hover  {
		
			background: transparent url(../../../Images/logo_hover_on.jpg) no-repeat;
			
		}
	
	#headerLinks {
	
		text-align:right;
		width:330px;
		margin-top:7px;
	
	}
	
		#headerLinks td.green a {
			display:block;
						
			background: url(../../../Images/hover_off.gif) repeat-x top left;
			font:13px Verdana, Arial, Helvetica, sans-serif;
			color:#fcf6d6;
			text-decoration:none;
			padding:3px 10px;
			
		}
		
		#headerLinks td.green a:hover {
			display:block;
			
			
			background: url(../../../Images/hover_on.gif) repeat-x top left;
			color:#fcf6d6;
			
		}
			
			/*---remove hover effect on click-to-edit ---*/
			#headerLinks .green a.clickToEditAnchor,
			#headerLinks .green a.clickToEditAnchor:hover {
				background:none;
				height:25px;
			}
		
			
	
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {

	background:url(../../../Images/bg_nav.jpg) top center no-repeat;
	height:53px;
	width:960px;
	margin:0 auto;

}

	#ccDropShadow {
	
		background:url(../../../Images/bg_dropShadow.gif) top center no-repeat;
		height:7px;
		width:960px;
		margin:0 auto;
	
	}

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

#contentWrapper {

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

#flash {

	width:944px;
	
}

	#flash img {
	
		display:block;
		
	}

#pubHome {

	width:944px;
	text-align:left;
	
}

	#pubHome .inside {
	
		padding:40px 60px;
	
	}

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

#contentOverflow {

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


.contentArea {

	background:url(../../../Images/bg_contentArea.gif) repeat-y top center;
	width:940px;
	text-align:center;
	margin:0 auto;
	z-index:10;

}

.contentArea2 {

	background:url(../../../Images/bg_contentArea.gif) repeat-y top center;
	width:940px;
	text-align:center;
	margin:0 auto;
	z-index:10;

}

#contentAreaModules {

	background:#fcfbee;
	width:940px;
	text-align:center;
	margin:0 auto;

}

#caWatermark {

	background:url(../../../Images/bg_caWatermark.jpg) no-repeat bottom center;
	width:940px;
	margin:0 auto;
	z-index:100;

}

	#sideBar {
	
		width:220px;
		text-align:left;
	
	}
	
		#sideBar .inside {
		
			padding:40px 5px 40px 15px;
		
		}
		
		#sideBar .lower {
		
			padding:10px;
		
		}
		
	#contentHolder {
	
		width:700px;
	
	}
	
			#contentOverflow hr {
			
				color:#c0ba7f;
				
			}
			
		#pgHeader {
		
			width:700px;
		
		}
	
		#contentMain {
		
			width:700px;
			text-align:left;
		
		}
		
			#contentMain .inside {
			
				padding:50px 40px 0 55px;
			
			}
			
		#contentSecondary {
		
			width:700px;
			text-align:left;
		
		}
		
			#contentSecondary .inside {
			
				padding:20px 40px 40px 55px;
			
			}
			
		#contentSingleArea {
			
			width:700px;
			text-align:left;
		
		}
		
			#contentSingleArea .inside {
			
				padding:40px 40px 50px 55px;
			
			}
			
			#contentSingleArea hr {
			
				color:#c0ba7f;
				
			}
		
			
		#ccWrap {
		
			
			background:url(../../../Images/bg_ccWrapRepeat.gif) repeat-y right;
			
			margin:0 auto;
		
		}
		
			#ccWrap .inside {
			
				margin-left:310px;
				width:650px;
				
			}
			
				#ccWrap h4 {
				
					color: #fffffe;
					font: italic 18px/1.3 Georgia, "Times New Roman", Times, serif;
					
				}
			
		#ccWrapBottom {
		
			background:url(../../../Images/bg_ccWrapDrop.gif) no-repeat right;
			height:5px;
			
		}

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

#footer {

	background:url(../../../Images/bg_footer.jpg) no-repeat top;
	width:960px;
	height:160px;
	text-align:left;
	margin:0 auto;

}

	#footer .inside {
	
		padding:40px;
				
	}
	
	#footer div {
	
		color:#aca679;
		font: 9px Verdana, Arial, Helvetica, sans-serif;
		
	}
	
	#footer a {
	
		color:#aca679;
		font: 9px Verdana, Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		
	}