html,body{margin:0px;padding:0}
body{
  font-family:Book Antiqua,Verdana, Geneva, sans-serif;
  text-align:center;
  font-size:14px;
  background:#d8d6cd; 
	margin:0px;
}

.container{
width:860px;
margin:0 auto;
overflow: auto;
display: block;
background-color:white;
padding: 20px 20px 0px 20px;
border: 1px solid #787878;
box-shadow: 0px 15px 15px grey;
}

.pages{
  margin-top:30px;
  padding-top:50px;
  display: block;  
}


/* Use a media query to add a break point at 800px: */
@media screen and (max-width:800px) {
 .container {width:100%;}
}


/*
+---------------------------------+
| main menu styles  Start         |
+---------------------------------+
*/

.navigation{
background-color:black;
border-top:14px solid #14243E;
border-bottom:14px solid #14243E;
text-align:left;
vertical-align:bottom;
padding:0px;
margin-top:0px;
margin-right:10px;
}

.menuBar {
  position: fixed;
  width:100%;
  top: 0px;
  background-color:#333;
  padding-top:3px;
  height:30px;
  box-shadow: 0px 15px 15px dimgrey;
}

.navItem{
  background-color:#333;
  text-decoration:none;
  font-size:13px;
  color:white; 
  font-weight:bold;
  padding:3px;
  margin-top:2px;
  margin-right:9px;
  
}

.navItem:hover{
   color:#2c3e50 ;  
  background-color:#cdcdc1;
}

.navItemS{    
  background-color:#e0d6b4;
  text-decoration:none;
  color:#aed6f1;
  font-weight:bold;
  
}

.navItemS:hover{
  background-color:#d5d8dc;
  color:#f39c12;
}

.navItemAnchor{
   color:#2c3e50 ;  
  background-color:#d8d6cd;
  padding:8px 0px 8px 0px;
}

/*
+---------------------------------+
| main menu styles   End          |
+---------------------------------+
*/

.dot {
  height: 15px;
  width: 15px;
  background-color: #606667;
  border-radius: 50%;
  display: inline-block;
}





/*
 * form stuff below
*/

* {box-sizing: border-box;}

.input-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 15px;
}

.icon {
  padding: 10px;
  background: #9f9e99;
  color: white;
  min-width: 50px;
  text-align: center;
}

.input-field {
  width: 100%;
  padding: 10px;
  outline: none;
}

.input-field:focus {
  border: 2px solid #9f9e99;
}

/* Set a style for the submit button */
.btn {
  background-color: #9f9e99;
  color: white;
  padding: 15px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
  font-size:16px;
}

.btn:hover {
  opacity: 1;
}

/*
+--------------------------------------+
| generic styles and links             |
+--------------------------------------+
*/

.hLight{
background-color:#78adc2;
color:#000000;
padding:7px;
font-size:16px;
border:1px solid #64a0aa;
border-radius:5px;
float:center;
margin:auto;
width:90%;
box-shadow: 10px 10px 5px grey;
}

.title{
font-size:18px;
font-weight:bold;
text-decoration:none;
}

.subTitle{
font-size:14px;
font-weight:bold;
}

.quote{
font-size:15px;
font-style:italic;
}

.introText{
font-size:12px;
font-weight:normal;
}

.text{
font-size:12px;
color:#30364C;
font-weight:normal;
}

.hLink{
font-size:13px;
text-decoration:underline;
color:#8A1C3A ;
font-weight: bold;
}
.hLink:hover{
 color:#14243E;
}