@charset "UTF-8";

/******* NAVIGATION STYLE *********/

#navbar {
	width:800px;
	height:32px;
	margin: 0px auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	font-variant:small-caps;
	line-height: 14px;
}

#navbar ul ul {
	display: none;
}

	#navbar ul li:hover > ul {
		display: block;
	}
	
	#navbar ul li.inactive:hover > ul {
		display: none;
	}
	
	
#navbar ul {
	/*width: 760px;*/
	min-height:32px;
	background: #003d66; 
	background: -webkit-linear-gradient(bottom, #003d66 0%, #005c99 50%); 
	background: -moz-linear-gradient(bottom, #003d66 0%, #005c99 50%); 
	background: -o-linear-gradient(bottom, #003d66 0%, #005c99 50%); 
	background: -ms-linear-gradient(bottom, #003d66 0%, #005c99 50%); 
	background: linear-gradient(bottom, #003d66 0%, #005c99 50%); 
	padding: 0;
	padding-left:15px;
	border: 0;
	border-radius: 0px;  
	list-style: none;
	position: relative;
	display: block;
	text-align: left;
	white-space: nowrap;
}
	#navbar ul:after {
		content: ""; clear: both; display: block;
	}

	#navbar ul li {
		float: left;
		/* width:auto; */
	}
	

	
		#navbar ul li:hover {
			background: #006bb2;
			background: -webkit-linear-gradient(bottom, #006bb2 0%,#007acc 50%);
			background: -moz-linear-gradient(bottom, #006bb2 0%,#007acc 50%);
			background: -o-linear-gradient(bottom, #006bb2 0%,#007acc 50%);
			background: -ms-linear-gradient(bottom, #006bb2 0%,#007acc 50%);
			background: linear-gradient(bottom, #006bb2 0%,#007acc 50%);
			
		}
		
		#navbar ul li.inactive:hover {
			background:none;
		}
			
		#navbar ul li a {
			display: block; 
			padding: 10px 15px;
			color:#fff;
			text-decoration: none;
		}
		
		#navbar ul li.inactive a {
			color: #fff;
		}
			
		
	#navbar ul ul {
		/* width;auto; */
		background:#006bb2; 
		border: 0;
		border-radius: 0px; 
		padding: 0;
		position: absolute; 
		top: 100%;
		box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
	}
	
		#navbar ul ul li {
			/*width:auto;*/
			float: none; 
			position: relative;
		}
		
			#navbar ul ul li a {
				color: #fff;
				border-top: 1px solid #007acc;
				border-bottom: 1px solid #005c99;
				border-left: 1px solid #007acc;
				border-right: 1px solid #005c99;
			}	
				#navbar ul ul li a:hover {
					background: #004c80;
					border-top: 1px solid #003d66;
					border-bottom: 1px solid #005c99;
					border-left: 1px solid #003d66;
					border-right: 1px solid #005c99;
				}
						
			#navbar ul ul li.inactive a {
				border-top: 1px solid #007acc;
				border-bottom: 1px solid #005c99;
				color: #b2e0ff;
			}	
			
				#navbar ul ul li.inactive a:hover {
					background:#006bb2; 
				}
		
	#navbar ul ul ul {
		width:auto;
		position: absolute; 
		left: 100%; 
		top:5px;
	}
	
	#navbar ul ul ul li a {
		display:block;
	}
	
	
		


/******* END NAVIGATION STYLE *********/