@import url(global_v1-2.css);
@import url(blackdiamond_css/modules.css);
@import url(blackdiamond_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: #3c221a;
	font:italic 24px Garamond, "Times New Roman", Times, serif;

}


h2 {
	
	color: #847D54;
	font: 16px Georgia, "Times New Roman", Times, serif;
	
}

h3 {
	
	color: #3c221a;
	font:700 14px 24px Garamond, "Times New Roman", Times, serif;
	text-transform:uppercase;

}

h4 {
	
	color: #3c221a;
	font:700 12px Arial, Helvetica, sans-serif;
	text-transform:uppercase;

}

h5 {
	
	color: #654034;
	font:18px Garamond, "Times New Roman", Times, serif;
	display: inline;

}

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

}

p {
	
	color: #333;
	font:14px/1.5 "Times New Roman", Times, serif;

}

table, div {
	
	color: #333;
	font:14px/1.5 "Times New Roman", Times, serif;

}

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

}

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

}

.page {
	
	background:#000 url(../../../Images/site_bg.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: siteName
////////////////////////////////////////////////////////*/

.hideText {

	display: none;

}

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

#siteWrapper {

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

#moduleWrapper {

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

	#moduleWrapper a,a.small,a.anchor,a.visited {
	
		font:inherit;
		text-decoration:none;
		
	}

#branding {

	width:960px;
	height:153px;

}

#logo {

	padding-left:100px;

}

#quicklinks {

	float: right;
	padding-top:30px;
	
}

	#quicklinks a,a.small,a.anchor,a.visited {
	
		color: #fff;
		font:11px "Times New Roman", Times, serif;
		text-decoration: none;
		text-transform:uppercase;
	
	}
	
	#quicklinks a:hover {
		
		color: #e8d99d;
		font:11px "Times New Roman", Times, serif;
		text-decoration: none;
		text-transform:uppercase;
	
	}

#homeNav {

	width:960px;
	height:28px;
	background:#080605;

}

	#homeNav .inside {
	
		width:960px;
		
	}

#nav {

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

}

/* -------------------------------------------------------------
= PUBLIC HOME PAGE CLASSES 
------------------------------------------------------------- */

#flash {

	width:942px;
	
}

	#flash .inside {
	
		padding-left:18px;
		
	}
	
#rolloverArea {

	width:961px;
	margin-left:5px;
	
}

#rollover1 {
	
		height:131px;
		float:left;
		width:316px;
		display:block;
		margin-left:5px;
		
	}
	
	a#rollover1 {
	
		height: 131px;
		width: 316px;
		background:url(../../../Images/rollover1.gif);
		background-position:top left;
		
	}
	
		a#rollover1:hover {
		
			background-position: top right;
			
		}
		
#rolloverWrapper {

	float:right;
	text-align:right;
	width:634px;
	
}
		
	#rollover2 {
		
			height:131px;
			float:left;
			width:316px;
			margin-right:1px;
			display:block;
			
		}
		
		a#rollover2 {
		
			height: 131px;
			width: 316px;
			background:url(../../../Images/rollover2.gif);
			background-position:top left;
			
		}
		
			a#rollover2:hover {
			
				background-position: top right;
				
			}		
		
	#rollover3 {
	
		float:right;
		height:131px;
		width:316px;
		display:block;
		
	}
	
	a#rollover3 {
	
		height: 131px;
		width: 316px;
		background:url(../../../Images/rollover3.gif);
		background-position:top left;
		
	}
	
		a#rollover3:hover {
		
			background-position: top right;
			
		}	
		

/* -------------------------------------------------------------
= CONTENT PAGE CLASSES 
------------------------------------------------------------- */

#contentArea {

	width:960px;
	background:url(../../../Images/content_bg.gif) repeat-y;
	
}

#contentAreaMod {

	width:960px;
	background:url(../../../Images/content_bg.gif) repeat-y;
	
}

	#contentAreaMod .floatLeft {
	
		float:left;
		width:200px;
		
	}
	
	#contentAreaMod .floatRight {
	
		float:right;
		width:700px;
		cursor:pointer;
		
	}


#headerImage {	

	width:960px;
	clear:both;

}

	#headerImage .inside {
	
		padding:20px 30px;
		
	}

#contentBg {

	width:960px;
	background:url(../../../Images/brick_bg.gif) repeat-y;
	text-align:left;
	clear:both;

}

#sideBar {

	float:left;
	width:225px;
	background:#3c221a;
	text-align:left;
	margin-left:10px;
	border-bottom:5px solid #20100c;

}

	#sideBar .inside {
	
		padding:10px 0px;
	
	}
	
	#sideBar p {
	
		color:#efe3cd;
		font:11px/1.4 Arial, Helvetica, sans-serif;
	
	}
	
	#sideBar h5 {
	
		color:#d8c59e;
		font:700 12px Arial, Helvetica, sans-serif;
	
	}


#contentWrapper {

	float:right;
	width:715px;
	
}

#top {

	width:640px;
	margin-top:10px;
	

}

	#top .inside {
	
		padding:10px 20px;
	
	}
	
	#top h1 {
	
		color: #3c221a;
		font:italic 24px Garamond, "Times New Roman", Times, serif;
		display:inline;
	
	}
	
	#top p {
	
		color: #3c221a;
		font:10px Arial, Helvetica, sans-serif;
		display:inline;
	
	}

#middle {

	width:640px;
	padding-bottom:30px;

}

	#middle .inside {
	
		padding:10px 10px 10px 30px;
	
	}

#messageBoard {

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

}

	#messageBoard a {
	
		color:#111;
		font:11px Arial, Helvetica, sans-serif;
		text-decoration:none;
		
	}
	
	#messageBoard a:hover {
	
		color:#111;
		font:11px Arial, Helvetica, sans-serif;
		text-decoration:underline;
		
	}

#thumbnails {

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

}

	#thumbnails .left {
	
		float:left;
		width:210px;
		padding-left:30px;
		
	}

	#thumbWrapper {
	
		float:right;
		width:450px;
	
	}
	
		#thumbWrapper .floatLeft {
		
			float:left;
			width:200px;
		
		}
		
		#thumbWrapper .floatRight {
		
			float:right;
			width:200px;
			margin-right:30px;
		
		}
		
		#messageBoard .rosterLetterOn {
			
			background:none;
			font:700 13px "Times New Roman", Times, serif;
		}

#topImage {

	/*width:700px;*/

}

	#topImage .inside {
	
		padding:20px 20px 10px 10px;
		
	}

/* -------------------------------------------------------------
= PRIVATE HOME CLASSES 
------------------------------------------------------------- */

#privWrapper {

	width:960px;
	text-align:left;
		background:url(../../../Images/privHeader_bg.gif) repeat-y;
}

	#privSideBar {
	
		float:left;
		width:225px;
		background:url(../../../Images/privsidebar_bg.jpg) repeat-x;
		margin-left:10px;
	
	}
	
		#privSideBar .inside {
		
			padding:20px 10px;
		
		}
		
		#privSideBar p {
	
			color:#efe3cd;
			font:700 11px/1.8 Arial, Helvetica, sans-serif;
			text-decoration:none;
		
		}
		
		#privSideBar a {
	
			color:#efe3cd;
			font:700 11px/1.8 Arial, Helvetica, sans-serif;
			text-decoration:none;
		
		}
	
	#privHeader {
	
		float:right;
		height:350px;
		margin-right:10px;
	
	}
	
		#privHeader img {
		
			display:block;
			
		}
	
		#privHeader .inside {
		
			padding:15px;
		
		}
		
		#privHeader h5 {
		
			color:#7b5346;
			font:18px Garamond, "Times New Roman", Times, serif;
			display:inline;
			
		}
		
		#privHeader p {
		
			color:#fff;
			font:11px Arial, Helvetica, sans-serif;
			display:inline;
			
		}
		
		#privHeader a,a.small,a.anchor,a.visited {
	
			color: #8c675b;
			font:700 11px Arial, Helvetica, sans-serif;
			text-decoration: none;
			text-transform:none;
		
		}
	
		#privHeader a:hover {
			
			color: #fff;
			font:700 11px Arial, Helvetica, sans-serif;
			text-decoration: uppercase;
			text-transform:none;
		
		}
	
#pluginWrapper {

	width:700px;
	padding:0px 0px 40px 30px;

}

	#pluginWrapper .floatLeft {
	
		float:left;
		width:300px;
		/*padding-left:30px;*/
	
	}
	
	#pluginWrapper .floatRight {
	
		float:right;
		margin-right:40px;
		/*padding-right:50px;*/
	
	}
	
	#pluginWrapper hr {
	
		border-bottom:4px solid #d8c399;
		
	}
	
#courseTour {

}

	#courseTour .tNavTabOn {
	
		background:#EFE3CD;
		font:inherit;
		font-weight:700;
		
	}
	
	
	
		#courseTour a {
		
			color:#165913;
			font:700 14px "Times New Roman", Times, serif;
			
		}


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

#footerWrapper {

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

	#footerWrapper h4 {
	
		color:#f4eae1;
		font:italic 18px Garamond, "Times New Roman", Times, serif;
		text-transform:none;
		
	}
	
	#footerWrapper p {
	
		color:#625b55;
		font:9px Verdana, Arial, Helvetica, sans-serif;
		
	}
	
	#footerWrapper a {
	
		color:#625b55;
		font:9px Verdana, Arial, Helvetica, sans-serif;
		text-decoration:none;
		
	}
	
	#footerWrapper a:hover {
	
		color:#999;
		font:9px Verdana, Arial, Helvetica, sans-serif;
		text-decoration:underline;
		
	}

#footerHome {

	background:url(../../../Images/footer_bg.jpg) no-repeat;
	text-align:center;
	height:300px;
	
}

	#footerHome .inside {
	
		padding:20px;
		
	}
	
#footer {

	background:url(../../../Images/footer_bg_content.jpg) no-repeat;
	text-align:center;
	height:312px;
	
}

	#footer .inside {
	
		padding:20px;
		
	}