.maintext {
	font-family: Calibri, Arial, Tahoma;
	font-size: medium;
	color: #124785;
}
.headerstrip {
	background-color: #124785;
	height: 3px;
	margin: 0px;
	padding: 0px;
}
#justify {
	text-align: justify;
	padding-right: 10px;
	padding-left: 10px;
}
body {
	background-color: #E9F0FC;
}
.contactdetails {
	font-family: Calibri, Arial, Tahoma;
	font-size: large;
	color: #124785;
	text-align: left;
	vertical-align: top;
}
.general-li {
	font-family: Calibri, Arial, Tahoma;
	font-size: medium;
	color: #124785;
	padding-left: 50px;
}


.maintable {
	background-color: #FFF;
}
.headernav {
	font-family: Calibri, Arial, Tahoma;
	font-size: small;
	text-align: right;
	vertical-align: top;
	color: #124785;
}
.headernav a {
	font-family: Calibri, Arial, Tahoma;
	font-size: small;
	text-align: right;
	vertical-align: top;
	color: #124785;
	text-decoration: none;
}
#spacer {
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	display: inline;
}


/* Style The Dropdown Button */
.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  z-index: 1000;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display:block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}
.dropdown-content {
  right: 0;
}
.header {
	font-family: Calibri, Arial, Tahoma;
	font-size: 36px;
	text-align: left;
	font-weight: 100;
	color: #124785;
}
.header-right {
	font-family: Calibri, Arial, Tahoma;
	font-size: 36px;
	text-align: right;
	font-weight: 100;
	color: #124785;
}
/* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
  width: 100%; /*Full width */
  padding: 12px; /* Some padding */  
  border: 1px solid #ccc; /* Gray border */
 border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
 margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical /* Allow the userto vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
  background-color: #124785;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
 cursor: pointer;
}
/* When moving the mouse over the submit button,add a darker green color */
input[type=submit]:hover {
 background-color: #45a049;
}

/* Add a background color and somepadding around the form */
.container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
  font-family: Calibri, Arial, Tahoma;
  color: #124785;
} 
#links a:link {
	font-family: Calibri, Arial, Tahoma;
	font-size: medium;
	color: #124785;
	text-decoration: none;
	font-weight: bold;
}
#links a:active {
	font-family: Calibri, Arial, Tahoma;
	font-size: medium;
	color: #124785;
	text-decoration: none;
	font-weight: bold;
}
#links a:visited {
	font-family: Calibri, Arial, Tahoma;
	font-size: medium;
	color: #124785;
	text-decoration: none;
	font-weight: bold;
}
#links a:hover {
	font-family: Calibri, Arial, Tahoma;
	font-size: medium;
	color: #639CE6;
	text-decoration: underline;
	font-weight: bold;
}
