@import url(global_v1-2.css);
@import url(siteName_css/modules.css);
@import url(siteName_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: #33271f;
	font: 25px Georgia, "Times New Roman", Times, serif;

}


h2 {
	
	color: #6f5839;
	font:italic 18px Georgia, "Times New Roman", Times, serif;
	
}

h3 {
	
	color: #33271f;
	font: 13px "Century Gothic", "Times New Roman"

}

h4 {
	
	color: #33271f;
	font:18px Georgia, "Times New Roman", Times, serif;

}

h5 {
	
	color: #6f5839;
	font: 12px Georgia, "Times New Roman", Times, serif;
	display: inline;

}

h6 {
	
	color: #58462d;
	font: 12px Georgia, "Times New Roman", Times, serif;

}

p {
	
	color: #1A1816;
	font: 13px "Century Gothic", "Times New Roman"

}

hr {color:#b6ada3; }

table, div {
	
	font: 12px "Lucida Sans Unicode", Verdana, Arial, sans-serif;

}

a,a.small,a.anchor,a.visited {
	
	color: #6f5839;
	font: 13px "Century Gothic", "Times New Roman"
	display: inline;
	

}

a:hover {
	
	color: #33271f;
	font: 13px "Century Gothic", "Times New Roman"
	display: inline;
	text-decoration: underline;

}

a img {border:none;}

.page {
	
	background: url(../../../Images/background.jpg) repeat center top;
	text-align: center;
	margin:0 auto;
}

.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 
////////////////////////////////////////////////////////////////*/

#splashHome .siteWrapper {

width:960px; margin:0 auto;
	
}

.siteWrapper {

	
}

 {

	
	text-align:center;
	margin:0 auto;
	
}


#border {background: url(../../../Images/border.gif) repeat-y right; }

#pubHome {


	
}

#privHome {


	
}


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

#splashHome #branding {

	 background: url(../../../Images/headerImg.jpg) no-repeat ; width:953px; height:142px; margin: 0 auto;
}

#pubContent  #branding {

	 padding-top:60px;
}

#privHome #branding {
width:960px; margin: 0 auto;
	
}

#privHome #branding .inside {float:left; width:430px;height:76px; margin-top:10px;margin-left:15px; padding-bottom:5px}

#logo {
	float:left;
	height: 76px;
	width: 120px;
	margin:0 auto;
	
	}
	
	a#logo {
		height: 76px;
		width: 120px;
		background:url(../../../Images/logo3.jpg) no-repeat;
		background-position:bottom;
		/*---display:block; - if inside table – FF ---*/
}
		a#logo:hover {
			background-position:top;
		}
		

#privContent #branding {
width:960px; margin: 0 auto;
	
}

#privContent #branding .inside {float:left; width:430px; height:80px; margin-top:10px;margin-left:15px}
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {

background: url(../../../Images/navBg.jpg) repeat-x top center; height:39px; width:100%;
}
#nav .inside{

color:#e4d6b1; font:12px Georgia, "Times New Roman", Times, serif;  width:922px; text-align:left; margin:0 auto;
}

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

#contentArea {
	
	
}




#splashHome #contentArea {
	
	width:824px; margin:0 auto;
}

#calloutA {
	float:left;
	height: 65px;
	width: 130px;
	margin:10px 0 0 12px;
	
	}
	
	a#calloutA {
		height: 65px;
		width: 130px;
		background:url(../../../Images/calloutA.jpg) no-repeat;
		background-position:bottom;
		/*---display:block; - if inside table – FF ---*/
}
		a#calloutA:hover {
			background-position:top;
		}
		
#calloutB {
	float:left;
	height: 65px;
	width: 130px;
	margin:10px 0 0 12px;
	
	}
	
	a#calloutB {
		height: 65px;
		width: 130px;
		background:url(../../../Images/calloutB.jpg) no-repeat;
		background-position:bottom;
		/*---display:block; - if inside table – FF ---*/
}
		a#calloutB:hover {
			background-position:top;
		}

#calloutC {
	float:left;
	height: 66px;
	width: 130px;
	margin:10px 0 0 12px;
	
	}
	
	a#calloutC{
		height: 66px;
		width: 130px;
		background:url(../../../Images/calloutC.jpg) no-repeat;
		background-position:bottom;
		/*---display:block; - if inside table – FF ---*/
}
		a#calloutC:hover {
			background-position:top;
		}

#calloutD {
	float:left;
	height: 66px;
	width: 130px;
	margin:10px 0 0 12px;
	
	}
	
	a#calloutD {
		height: 66px;
		width: 130px;
		background:url(../../../Images/calloutD.jpg) no-repeat;
		background-position:bottom;
		/*---display:block; - if inside table – FF ---*/
}
		a#calloutD:hover {
			background-position:top;
		}

#calloutE {
	float:left;
	height: 65px;
	width: 130px;
	margin:10px 0 0 12px;
	
	}
	
	a#calloutE {
		height: 65px;
		width: 130px;
		background:url(../../../Images/calloutE.jpg) no-repeat;
		background-position:bottom;
		/*---display:block; - if inside table – FF ---*/
}
		a#calloutE:hover {
			background-position:top;
		}
	
	#calloutF {
	float:left;
	height: 66px;
	width: 130px;
	margin:10px 0 0 12px;
	
	}
	
	a#calloutF {
		height: 66px;
		width: 130px;
		background:url(../../../Images/calloutF.jpg) no-repeat;
		background-position:bottom;
		/*---display:block; - if inside table – FF ---*/
}
		a#calloutF:hover {
			background-position:top;
		}
		
		
		
	#btn1{
	float:left;
	height: 25px;
	width: 134px;
	margin:10px 0 0 12px;
	
	}
	
	a#btn1 {
		height: 25px;
		width: 134px;
		background:url(../../../Images/btn1.jpg) no-repeat;
		background-position:bottom;
		/*---display:block; - if inside table – FF ---*/
}
		a#btn1:hover {
			background-position:top;
		}	
		
	#btn2{
	float:left;
	height: 25px;
	width: 134px;
	margin:10px 0 0 12px;
	
	}
	
	a#btn2 {
		height: 25px;
		width: 134px;
		background:url(../../../Images/btn2.jpg) no-repeat;
		background-position:bottom;
		/*---display:block; - if inside table – FF ---*/
}
		a#btn2:hover {
			background-position:top;
		}	
				
		
		
		
	#btn3{
	float:left;
	height: 25px;
	width: 134px;
	margin:10px 0 0 12px;
	
	}
	
	a#btn3 {
		height: 25px;
		width: 134px;
		background:url(../../../Images/btn3.jpg) no-repeat;
		background-position:bottom;
		/*---display:block; - if inside table – FF ---*/
}
		a#btn3:hover {
			background-position:top;
		}			
		
		
	#btn4{
	float:left;
	height: 25px;
	width: 134px;
	margin:10px 0 0 12px;
	
	}
	
	a#btn4 {
		height: 25px;
		width: 134px;
		background:url(../../../Images/btn4.jpg) no-repeat;
		background-position:bottom;
		/*---display:block; - if inside table – FF ---*/
}
		a#btn4:hover {
			background-position:top;
		}			
		
	#btn5{
	float:left;
	height: 25px;
	width: 134px;
	margin:10px 0 0 12px;
	
	}
	
	a#btn5 {
		height: 25px;
		width: 134px;
		background:url(../../../Images/btn5.jpg) no-repeat;
		background-position:bottom;
		/*---display:block; - if inside table – FF ---*/
}
		a#btn5:hover {
			background-position:top;
		}			
		
		
#splashHome table {	color: #000;
	font: 16px Georgia, "Times New Roman", Times, serif; text-align:center;
	}
	
#weatherPlg { background:url(../../../Images/weatherBox.jpg) no-repeat; width:230px; height:28px; margin:0 auto; padding-top:5px;}


 #pubContent  #contentArea {width:972px; margin:0 auto; background:url(../../../Images/contentBorder.jpg) repeat-y}

 #pubContent  #contentWrapper {
	
	width:958px; margin:0 auto; background:#f2e2d2 url(../../../Images/bg_contentContainer2.jpg) no-repeat left bottom;
}
#pubContent #contentMain {width:716px; text-algin:left; background: url(../../../Images/contentbackground.jpg) repeat-y }




#pubContent #text {width:656px; text-align:left; margin:30px;}

 #pubContent #sidebar{
	
	 width:242px; float:left; height:641px;
}

 #pubContent #sidebar .inside{
 margin-top:40px;
		
}
#pubContent #callout {width:161px; margin-left:30px; text-align:left;}


#pubContent #moduleWrapper {width:716px; text-algin:left;}


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

#moduleWrapper	.floatLeft {
	
		float:left;
		
		
	}
	
	#moduleWrapper .floatRight {
	
		float:right;
		width:520px;
		cursor:pointer;
		padding-left:10px;
		text-align:left;
	}

		#moduleWrapper h3 {
		color:#000;
		font-weight:600;
		}





ul {
	color: #33271f;
	font: 13px Georgia, "Times New Roman", Times, serif;}
	
	

#privHome #contentArea {width:972px; margin:0 auto; background:url(../../../Images/contentBorder.jpg) repeat-y}

#privHome #contentWrapper {
	
	width:958px; margin:0 auto; background:#f2e2d2 url(../../../Images/bg_contentContainer2.jpg) no-repeat left bottom;
}
#privHome #contentMain {width:716px; text-algin:left;  background: url(../../../Images/contentbackground.jpg) repeat-y }

#privHome #text {width:656px; text-align:left; margin:30px;}

 #privHome #sidebar{
	
	 width:242px; float:left; height:641px;
}

 #privHome #sidebar .inside{
 margin-top:40px;
		
}
#privHome #callout {width:161px; margin-left:30px; text-align:left;}

#leftContent {float:left; width:330px;}
#rightContent {float:right; width:240px; margin-left:15px;  }
#rightContent .inside{ width:240px; background:#fff; margin-right:15px;}
#rightContent .news {margin-right:15px; width:240px; }

#quickLinks {color:#3b3123; font:15px/1.6 Georgia, "Times New Roman", Times, serif; text-align:left; width:161px; margin-left:30px}


#privContent #contentArea {width:972px; margin:0 auto; background:url(../../../Images/contentBorder.jpg) repeat-y}

#privContent #contentWrapper {
	
	width:958px; margin:0 auto; background:#f2e2d2 url(../../../Images/bg_contentContainer2.jpg) no-repeat left bottom;
}
#privContent #contentMain {width:716px; text-algin:left;}

#privContent #text {width:656px; text-align:left; margin:30px;}

 #privContent #sidebar{
	
	 width:242px; float:left; height:641px;
}

 #privContent #sidebar .inside{
 margin-top:40px;
		
}
#privContent #callout {width:161px; margin-left:30px; text-align:left;}


div.albumInside {
	
	margin: 60px 0 0 0;
	padding: 0 10px 0 15px;
	height: 140px;
}

	div.albumInside p {
		color: #6f5839;
	font:italic 13px Georgia, "Times New Roman", Times, serif;
	}

div.albumNav {
	position: relative;
	height:28px;
	text-align:center;
}

	div.albumNav p {
		color: #233446;
		font-size: 11px;
		height:28px;
	}
	
	 div.albumNav p a {
	 	text-decoration: none;
	 }
	 
	 div.albumNav p a:hover {
	 	color: #33271f;
	 	text-decoration: underline;
		
	 }
	
	div.albumNav p .prev {
		color: #33271f;
		background: transparent url(../../../Images/prevBtn.jpg) no-repeat bottom left;
		padding-left: 15px;
		text-align:center;
		height:18px;
	}
	
	div.albumNav p .next {
		color: #33271f;
		background: transparent url(../../../Images/nextBtn.jpg) no-repeat bottom right;
		padding-right: 15px;
		text-align:center;
		height:18px;
	}
	
	div.albumNav p a img {
		border: none;
	}
	
	
	#courseTour a {
		padding:3px 8px;
		font: 13px "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		display:inline;
		color:#000;
		text-decoration:none;
		border-top:#D7C8C5 3px solid;
		}
		
		#courseTour a:hover {
			padding:3px 8px;
			border-top:#6F5E41 3px solid;
			display:inline;
			text-decoration:none;
			color:#6F5E41;
			}
			
			#courseTour .on {
				padding:3px 8px;
				border-top:#072138 3px solid;
				display:inline;
				text-decoration:none;
				color:#072138;
				}
				

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

#splashHome #footer {
width:824px; text-align:center; margin:0 auto; padding-top:30px;

}
#pubContent #footer {
width:824px; text-align:center; margin:0 auto; padding-top:15px; padding-bottom:7px;
background: url(../../../Images/footer.jpg) no-repeat; width:965px; height:59px; 

}

#privHome #footer {
width:824px; text-align:center; margin:0 auto; padding-top:15px; padding-bottom:7px;
background: url(../../../Images/footer.jpg) no-repeat; width:965px; height:59px; 

}