/* CSS Document */


a.white:link {
color: #FFf;
text-decoration: none;
}

/* visited link */
a.white:visited {
color: #fff;
text-decoration: none;
}

/* mouse over link */
a.white:hover {
color: #fff;
text-decoration: none;
}

/* selected link */
a.white:active {
color: #fff;
text-decoration: none;
}





.navborder{
	border-right:1px solid #FFF;
	
	margin-right: -1%; /*this effects the lenght of the nav bar so it does not wrap the text*/
}




nav {
	
	margin-top: -16px; /*control the spacoing of the nav bar between the top image and the main content here with the margin-top tag*/
	margin-bottom: -16px; /*control the spacoing of the nav bar between the top image and the main content here with the margin-top tag*/
	text-align: center;
	position: absolute; /*this makes sure that the nav bar does not move around up and down, very important*/
	/*display: inline;*/
    /*white-space: nowrap;*/ /*this effects the lenght of the nav bar so it does not wrap the text*/
	
	}
	
	

	

nav ul ul {
	display: none;
	
	
}

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


nav ul {
	background: #ffcc66; 
/*	background: linear-gradient(top, #ffcc66 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #ffcc66 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #ffcc66 0%,#bbbbbb 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);*/
	
	padding: 0 21.5px; /*Control the length of the nav bar here with the padding tag, must consider the .navborder class*/
	/*border-radius: 10px; */ 
	list-style: none;
	position: relative;
	display: inline-table;
	z-index: 999;
	
	

}
	nav ul:after {
		content: ""; clear: both; display: block;
		
	}

	nav ul li {
		float: left;
		
		/*margin-right: -.1em*/ /*this effects the lenght of the nav bar so it does not wrap the text*/
		/*margin: 0 -1.8px 0 0;*/ /*this effects the lenght of the nav bar so it does not wrap the text*/
 
	
	}
		nav ul li:hover {
			background: #3399cc;
			/*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: 25px 40px;*/
			/*color: #757575; */
			
			
			
			
			/*Control the height of the nav bar here with the cell padding*/
		display: block; padding: 15px 10px;
		/*Control the color of the nav bar text  here with the color*/
		color: #ffffff;
		
		/*control the decoration of the text on the nav bar here for instance if you want to under line it ect, we have it set to none*/
		text-decoration: none;
		/*Control the lenght of the nav bar here with the width*/
		
	width:300px;
	/*border-right: 1px solid red;*/
	

			
			
			
	

			
			
			
		}
			
		
	nav ul ul {
		background: #3399cc; border-radius: 0px; padding: 0px;
		position: absolute; top: 100%;
		 
	}
		nav ul ul li {
			float: none; 
			border-top: 1px solid #ffffff;
			border-bottom: 1px solid #ffffff; position: relative;
			 
			
			
		}
			nav ul ul li a {
				padding: 15px 40px; /*controls how high the blue dropdown buttons are and there length underneath the nav*/
				color: #fff;
				text-decoration: none;
				
			}	
				nav ul ul li a:hover {
					background: #3399cc;
					
				}
		
	nav ul ul ul {
		position: absolute; left: 100%; top:0;
		
	}