body {
	background-color:#ffffff;
	font-family:sans-serif;
	margin-right:0;
	margin-left:0%;
	font-size:17px;
	
}

#site {
	margin:auto;
	width:90%;
	height:100%;
	/*min-width:40.0em;
	max-width:55.0em;*/
	border:solid 0px #000000;
	background-color:#ffffff;
	margin-top:0;
	
}

.headline {
	border-bottom:solid 1px #b0b0b0;
	background-color:#264089;
	font-size:1.2em;
	font-family:sans-serif;
	font-weight:bold;
	margin-top:0;
	margin-bottom:0.5%;
	color:white;
}

.content{
	border:solid 1px #264089;
	background-color:#ffffff;
	width:91%;
	float:left;
	margin-left:6.0%;
	margin-top:1%;
	
}

.box {
	background-color:#ffffff;
	margin:2%;
	text-align: justify;
    text-justify: inter-word;
	line-height:30px;
}

.menu {
	background-color:#e0e0e0;
	border:solid 1px #264089;
	float:left;
    width:91%;
	margin-left:6.0%;
	height:auto;
   margin-right:0%;
   z-index: 0; /* Stay on top */
   margin-top: 0%; /* Stay at the top */
   
   overflow-x: hidden; /* Disable horizontal scroll */
   /* position: fixed; Fixed Sidebar (stay in place on scroll) */
   margin-top:0;
    }

div.menuTitle {
	border-bottom:solid 2.0px #264089;
	display:block;
	float:left;
	width:100%;
	vertical-align:middle;
	background-color:#e0e0e0;
	font-weight:bold;
	text-align:center;
	font-size:18px;
	padding:1.0em;
	
}

em {
	font-style:italic;
}

/***********************************/
/* Add a black background color to the top navigation */
.topnav {
  
  	background-color:#e0e0e0;
	border:solid 1px #264089;
	overflow: hidden;
    width:100%;
   
}
/*********************/
/* Style the active class, and buttons on mouse-over */
/* Top Menu*/

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  overflow:hidden;
  overflow-x:hidden;
  color:black;
  text-align: center;
  padding: 16px;
  font-size: 20px;
   width: 18.5%; /* Four equal-width links. If you have two links, use 50%, and 33.33% for three links, etc.. */
   text-decoration:none;
   padding-top:.5em; 
   padding-left:0.0em;
   padding-bottom:0.5em;
 }
}
.topnav a:visited {
	text-decoration:none;
	color:darkgreen;
	
	}
/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
  font-weight:bold;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: gold;
  }
/* Add responsiveness - on screens less than 500px, make the navigation links appear on top of each other, instead of next to each other */

/**************************************/
/* Page content. The value of the margin-left property should match the value of the sidebar's width property */

/* On screens that are less than 700px wide, make the sidebar into a topbar */
@media screen and (max-width: 700px) {
   .menu {
	width: 100%;
    float:left;
margin-left:0%;	
margin-right:0%;		
 }

  .topnav a {
	width: 14.5%;
    font-size:16px;
 height:auto;
 text-decoration:bold;
 padding:6px;
  }

 .content{
	width: 100%;
	margin-left:0%;	
	margin-right:0%;
	float:left;
 }
}

@media screen and (max-width: 500px) {
	.topnav a {
	 
	 width: 29.5%;
	  
   }
}