/*********FORMATTING FOR MENU PAGES*********/
a.menulink{
	text-decoration:none;
	background-color:white;
	display:block;
	padding: 1px;
	color:#00263a;
	width:250px;
	font-size:.8em;
	margin-right:3px;
}
a.menulink:hover{
	color:#219ebc;
	text-decoration:underline;
}

div.menupage{
	margin:3% 1.2in;
	width:100%;
}
span.menutitle{
	font-size:.9em;
	font-weight:600;
	color:#0b0947;	
}
hr.foothr{
	margin-top:100px;
	color:#f2f2f2;
	height:2px;
	clear:both; /*This is under divs that float left. Clear makes it not float.*/
}


/*********FORMATTING FOR MENU PAGES*********/
.menulabel{
	font-size:0.8em;
	font-weight:600;
}


 /* Navbar container */
 /* Navbar container */
.navbar {
  overflow: hidden;
  width:100%;
  background-color: #00263a;
  border-bottom:1px white;
  color: white;
}
#navdiv{
	overflow: hidden;
	background-color: #00263a;	
	width:100%;
	margin: 0 0 0 0;
	padding:0;
	border-bottom:1px grey;
	color: white;
}

/* Links inside the navbar */
.navbar a {
  float: left;
  font-size: .9em;
  text-align: center;
  padding: .8em 1em;
  text-decoration: none;
  color: white;
}
/* Add a background color to navbar links on hover */
.navbar a:hover{
  color:orange;
}
/****RESPONSIVE****/
/* Hide the link that should open and close the navbar on small screens */
.navbar .icon {
  display: none;
}
/* Add an active class to highlight the current page */
.navbar a.active {
  background-color: #4CAF50;
  color: white;
}


/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 800px) {
  .navbar.responsive {position: relative;}
  .navbar.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .navbar.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .navbar.responsive .dropdown {float: none;}
  .navbar.responsive .dropdown-content {position: relative;}
  .navbar.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}
.navdropdown {
	display: inline-block;
}

.navdropbtn{
	font-size: .8em;
	color: white;
	padding: .8em 1em;
	background-color: #00263a;
	border: none;
	cursor: pointer;
}

.navdropdown-content{
	display: none;
	position: absolute;
	background-color: #00263a;
	box-shadow: 0 8px 16px rbga(0,0,0,0.2);
	z-index: 1;
	font-size: .8em;
}

.navdropdown-content a{
	color: white;
	padding: 12px 16px;
	display: block;
	text-decoration: none;
}

.navdropdown-content a:hover{
	background-color: #ddd;
}

.navdropdown:hover .navdropdown-content {
	display: block;
}
.pagelink {
    color: #619b8a;
    padding: 10px 5px;
    margin: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-weight: 400;
    border-radius: 10px;
    width: 2in;
}


/****RESPONSIVE****/
/* Hide the link that should open and close the navbar on small screens */
.navbar .icon {
  display: none;
}

/* Add an active class to highlight the current page */
.navbar a.active {
  background-color: #4CAF50;
  color: white;
}


/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 800px) {
  .navbar.responsive {position: relative;}
  .navbar.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .navbar.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .navbar.responsive .dropdown {float: none;}
  .navbar.responsive .dropdown-content {position: relative;}
  .navbar.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}
/****RESPONSIVE****/


/*Next and previous buttons*/
a.prevbtn{
	 padding: 6px 20px 6px 15px;
	 
}
a.nextbtn{
	 padding: 6px 15px 6px 20px;
}
a.prevbtn:link, a.nextbtn:link, a.prevbtn:visited, a.nextbtn:visited {

  color: white;
 
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-weight: normal;
}



ul.navlist{
	list-style-type: none;
	margin-bottom:10px;

}
/*Next and previous buttons*/


/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position:fixed;
  top: 0;
  width: 100%;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 60px;
}

#sectionmenu{
	display:table-cell;
	vertical-align: middle;
}

.sectionlink{
	background-color:#00263a;
	color:white;
	padding: 10px 5px;
	margin:5px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-weight:350;
	border-radius:10px;
	width:1.8in;
	line-height:.7in;
	font-family: calibri;
	vertical-align: middle;
}
#twoline{
	line-height:.35in;
}

a.sectionlink:hover{
	background-color: #a9cdde
}

.flex-container > div {
  background-color: #f1f1f1;
  width: 100px;
  margin: 10px;
  text-align: center;
  line-height: 75px;
  font-size: 30px;
}

.whtspc{
	text-decoration:none;
	background-color:white;
	display:block;
	padding: 1px;
	color:white;
	width:250px;
	font-size:.8em;
	margin-right:3px;
}

.menuwidth{
	width=90%
}

.interlink{
	color: orange;
}
.interlink:hover{
	color: #a9cdde
}

.appletlink{

	color: #00263a;
}

.appletlink:hover{
	color: orange;
}