@import url(global_v1-2.css);
@import url(fourStreams_css/modules.css);
@import url(fourStreams_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: #213050;
	font: 21px "Times New Roman", Georgia, Times, serif;
	text-transform: uppercase;

}


h2 {
	
	color: #4A6EB7;
	font: 14px "Times New Roman", Georgia, Times, serif;
	text-transform: uppercase;
	
}

h3 {
	
	color: #4A6EB7;
	font: 14px "Times New Roman", Georgia, Times, serif;

}

h4 {
	
	color: #4A6EB7;
	font: 18px/1.2 "Times New Roman", Georgia, Times, serif;
	margin: .4em 0;

}

h5 {
	
	color: #414850;
	font: 10px Arial, Verdana, sans-serif;
	/*display: inline;*/

}

h6 {
	
	color: #292E33;
	font: 10px Arial, Verdana, sans-serif;

}

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

}

li {
	color: #414850;
	font: 12px/1.6 Arial, Verdana, sans-serif;
	}

table, div {
	
	font: 11px Arial, Verdana, sans-serif;

}

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

}

a:hover {
	
	color: #1954CD;
	font: inherit;
	text-decoration: none;

}

.page {
	
	background: url(../../../Images/bodyBg.gif) repeat-x center top #414850;
	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;

}

.centered {

	margin: 0 auto;
	text-align: center;

}

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

.siteWrapper {

	width: 100%;
	
}

#splashPage {

	
	
}

#privPage {


	
}

	#contentContainer {
	
		width: 100%;
	
	}
	
	#splashPage #contentContainer {
	
		background: url(../../../Images/splash_contentTopBg.gif) repeat-x #272C32;
	
	}
	
	#privPage #contentContainer,
	#contentPage #contentContainer {

		background: url(../../../Images/contentTopBg.gif) repeat-x #FFF;
	
	}



#pubContent {


	
}


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

#branding {

	width: 958px;
	height: 102px;
	background: url(../../../Images/headerBg.jpg) no-repeat center top;
	
	
}
	
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {

	width: 958px;
	height: 28px;

}

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


/***********
splash page
***********/

#splashPage #contentArea {
	
	width: 958px;
	background: url(../../../Images/splash_innerContentBg.gif) repeat-y center top;
	
}



	#splashPage #contentWrapper {
	
		width: 100%;
		background: url(../../../Images/splash_innerContentTopBg.gif) no-repeat center top;
	
	}
	
		#splashPage #mediaWindow {
	
			width: 930px;
	
		}
	
#SplashPageText {
	width: 930px;
	background: #c7c8c9;
	color: #272C32;
	font: 16px "monotype corsiva", arial, sans-serif;
}

#SplashPageText table {
	color: #272C32;
	font: 16px "monotype corsiva", arial, sans-serif;
}

#SplashPageText div {
	color: #272C32;
	font: 16px "monotype corsiva", arial, sans-serif;
}

#SplashPageText .inside {
	padding: 20px;
}
	
	#splashPage #contentMain {
	
		width: 930px;
	
	}
	
		#splashPage #contentMain #firstDoor,
		#splashPage #contentMain #secondDoor,
		#splashPage #contentMain #thirdDoor {
		
			float: left;
			width: 310px;
			height: 140px;
		
		}
		
		#splashPage #contentMain #firstDoor {
		
			background: url(../../../Images/quickLinks_course.jpg) no-repeat left;
		
		}
		
		#splashPage #contentMain #firstDoor:hover {
		
			background: url(../../../Images/quickLinks_course.jpg) no-repeat right;
		
		}
		
		#splashPage #contentMain #secondDoor {
		
			background: url(../../../Images/quickLinks_news.jpg) no-repeat left;
		
		}
		
		#splashPage #contentMain #secondDoor:hover {
		
			background: url(../../../Images/quickLinks_news.jpg) no-repeat right;
		
		}
		
		#splashPage #contentMain #thirdDoor {
		
			background: url(../../../Images/quickLinks_visit.jpg) no-repeat left;
		
		}
		
		#splashPage #contentMain #thirdDoor:hover {
		
			background: url(../../../Images/quickLinks_visit.jpg) no-repeat right;
		
		}
		

/*************
private pages
*************/			
	
#privPage #contentArea,
#contentPage #contentArea {
	
	width: 930px;
	
}

	#privPage #contentWrapper {
	
		width: 100%;
		padding: 30px 0;
	
	}
	
		#privPage #mediaWindow {
		
			width: 100%;
			padding: 30px 0;
			background: url(../../../Images/privHome_innerTopBg.gif) repeat-x center top #DBDDDF;	
		
		}
		
			#privPage #mediaWindow .inside {
		
				width: 870px;
				text-align: left;
				margin: 0 30px;
		
			}
			
				#privPage #mediaWindow .inside .floatLeft {
				
					width: 612px;
				
				}
				
				#privPage #mediaWindow .inside .floatRight {
				
					width: 228px;
				
				}
				
					#privPage #mediaWindow .inside .floatRight h4 {
				
						font-size: 14px;
						font-style: italic;
						margin: 12px 0 0;
				
					}
				
					#weatherWrapper {
			
						width: 200px;
			
					}
			
					#weatherWrapper h2 {
					
						font-size: 18px;
						color: #213050;
					
					}
					
					#quickLinks {
					
						margin: 0;
						padding: 0;
						font-size: 11px;
						width: 200px;
					
					}
					
						#privPage #mediaWindow .inside #quickLinks td {
					
							width: 50%;
					
						}
						
							#quickLinks a,
							#contentPage #sidebar .inside #quickLinks table a {
								
								display: block;
								margin: 0;
								padding: 0 0 0 8px;
								background: url(../../../Images/arrow_light.gif) no-repeat left center;
								text-decoration: none;
						
							}
							
							#quickLinks a:hover,
							#contentPage #sidebar .inside #quickLinks table a:hover {
						
								color: #212F4E;
								background: url(../../../Images/arrow_dark.gif) no-repeat left center;
						
							}
							
		#privPage #contentMain {
		
			width: 670px;
			text-align: left;
		
		}
		
		#privPage #contentMain table {
			color: #414850;
			font: 12px/1.6 Arial, Verdana, sans-serif;
			}
		
			#privPage #contentMain .inside {
			
				width: 642px;
			
			}
			
				#privPage #calloutWrapper {
				
					width: 100%;
				
				}
				
					#privPage #calloutWrapper div div {
				
						padding-bottom: 6px;
						width: 100%;
						border-bottom: 1px dashed #CCC;
				
					}
				
						#privPage #calloutWrapper div div img {
					
							float: left;
							border-right: 10px solid #FFF;
					
						}
						
						#privPage #calloutWrapper div div br {
					
							margin: 0;
							padding: 0;
							line-height: normal;
							clear: both;
					
						}
	
		#privPage #sidebar {
		
			width: 260px;
			text-align: left;
		
		}
		
		/*remove cellpadding from calendar table*/
		#privPage #sidebar table {
		
			border-spacing: 0;
			*border-collapese: expression('separate', cellSpacing = '0'); /*IE only*/
		}
		
		#privPage #sidebar table {
		
			border-spacing: 0;
		
		}
	
	#contentPage #contentWrapper {
		
		width: 100%;
		padding: 30px 0;
		text-align: left;
		
	}
	
		#contentPage #mediaWindow {
		
			width: 100%;
			padding: 0 0 30px;	
		
		}
		
		#contentPage #sidebar {
		
			width: 288px;
		
		}
		
			#contentPage #sidebar .inside {
		
				width: 258px;
		
			}
			
			#contentPage #sidebar .inside div a{
			
				display: inline;
				background: none;
				padding: 0;
			}
		
		#contentPage #contentMain {
		
			width: 642px;
		
		}
	
	#mediaWindow img {
	
		display: block;
	
	}
	
#calendar {
}

#calendar a{
	color: #FFFFFF;
}	

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

#footer {

	padding: 30px 0;
	width: 958px;
	text-transform: uppercase;

}