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

/* nav styles below */

/*
L GREEN   rgba(153,204,102,1)
D GREEN   rgba(51,102,51,1.00)
BLUE   rgba(153,204,255,1) rgba(194,224,255,1.00) <--nav bar color   rgba(12,106,200,1.00)
YELLOW   rgba(204,153,51,1.00)
ORANGE   rgba(204,102,51,1.00)
BROWN   rgba(102,51,0,1.00)
*/

#top_bar {height:30px;
	background: rgba(12,106,200,1.00);
	width:100%;
}

body{min-height: 800px;
	padding: 0px;
	margin: 0px;
}

#nav_container{background-color: rgba(194,224,255,1.00);
	height:60px;
	width: 100%;
	z-index:9999;
	position:sticky;
	top:0px
}

nav{background-color:0;
	height:60px;
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	padding-top:0px
}

nav ul{font-family:Arial, Helvetica, sans-serif, Verdana, Geneva;
	font-size:28px;
	margin:auto;
	padding:0;
	padding-top:5px;
	list-style:none;
	display:flex;
}

/* treats it as a square instead of just the word, the whole block is clickable*/
nav ul li{display: block;         
	position: relative;
	float: left;	
}

nav li ul{display:none;
}      /* anything in nav that is an unordered item IN A LIST (the subnavs) */

nav ul li a {display:block;
	text-decoration:none;
	padding:7px 15px 3px 15px;
	background:rgba(0,0,0,0);   /*change the nav boxes color */
	color:rgba(12,106,200,1.00);   /*nav text color*/
	margin-left:0px;
	white-space:nowrap;
	height:40px;
	width:180px;   /* if the button is too small, make this number bigger*/
	text-align:center;
	
}

nav ul li a:hover{    /*NAV HOVER COLOR */
;
	color:rgba(255,255,255,1)
}

nav li:hover ul {
	display:block;
	position:absolute;
	height:40px;
}

nav li:hover li{
	float:none;
	font-size:20px;
	height: 50px;
	/*height of subnavs */
	line-height: 1.7
}

nav li:hover a{
	background:rgba(194,224,255,1.00) ; 
	/*change the color of the subnavs */
}

nav ul li ul li a{
	text-align:left;  /* top level list items are centered but nested list items are left-aligned */
}

.center_nav{margin-left:0px}