@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed|Oswald);

#nav-container {
	border-width:0px;
	background: #efefef; 
	background: linear-gradient(top, #fff 0%, #a14619 100%);  
	background: -moz-linear-gradient(top, #fff 0%, #a14619 100%); 
	background: -webkit-linear-gradient(top, #fff 0%,#a14619 100%);
	box-shadow: 0px 3px 5px rgba(0,0,0,0.25);
/*	border-radius:10px;*/
	height:125px;
	width:100%;
	margin:0px;
	position: relative;
	z-index:500;
}

#nav-container h1 {
	font-family:Roboto;
	font-size:27px;
	font-weight:bold;
	color:#a14619;
/*	margin-bottom:0px
	padding-top: 35px;*/
	text-shadow:3px 3px 6px darkgray;
}

nav {
	clear:both;	
/*	text-align:center;*/
}


/*NAVIGATION STYLES FOR NAV BAR ON TOP OF INDEX.HTM PAGE FOR EACH GRADE LEVEL*/
nav ul ul {
	display: none;
	}

nav ul li:hover > ul {
	display: block;
	}

nav ul {
/*	background: #efefef; 
	background: linear-gradient(top, #efefef 0%, #638abc 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #638abc 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#638abc 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);*/
	padding: 0 20px;
	border-radius: 10px;  
	list-style: none;
	position: relative;
	display: inline-table;
	font-family:Roboto, sans-serif;
	font-size:16px;
	font-weight:bold;
}

nav ul:after {
		content: ""; clear: both; display: block;
	} 
	
nav ul li {
	float: left;
}
nav ul li:hover {
	background: #4b545f;
/*	background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
	background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
	background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);*/
	}
	
nav ul li:hover a {
	color: #fff;
	}
	
nav ul li a {
	display: block; padding: 18px 20px;
	color: #fff; text-decoration: none;
	}

nav ul ul {
	background: #5f6975; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
}
nav ul ul li {
	float: none; 
	border-top: 1px solid #6b727c;
	border-bottom: 1px solid #575f6a;
	position: relative;
	}
	
nav ul ul li a {
	padding: 15px 40px;
	color: #fff;
	}	
	
nav ul ul li a:hover {
	background: #4b545f;
	}
	
nav ul ul ul {
	position: absolute; left: 100%; top:0;
}