*{
	margin:0;
	padding:0;
}	

body{
  max-width:80%;
  margin-left:auto;
  margin-right:auto;
  padding:5px;
  font-family: Arial, Helvetica, sans-serif;
} 
img{
  margin-left:5px;
  margin-right:5px;
} 

.form-btn {
	font-size:14px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #666;
	padding:5px 10px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffffff), color-stop(100%, #999) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #999 100% );
	background:-ms-linear-gradient( top, #ffffff 5%, #999 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#999');
	background-color:#ffffff;
	color:#222;
	display:inline-block;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
	margin-right:10px;
}
.form-btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f6f6f6), color-stop(100%, #ffffff) );
	background:-moz-linear-gradient( center top, #999 5%, #ffffff 100% );
	background:-ms-linear-gradient( top, #999 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#999', endColorstr='#ffffff');
	background-color:#f6f6f6;
}
.form-btn:active {
	position:relative;
	top:1px;
	color:#000;
}

.heading{
font-size:24px;
font-weight:bold;
color:blue;
}

.subHeading{
  font-size:18px;
  font-weight:bold;
  color:blue;
  margin-bottom:5px;
} 

/* Banner */
.siteBanner{
	display:flex;
}

.siteBanner-box-1{
  flex:1;

}

.siteBanner-box-2{
  flex:1;

}

/* -------------------- Navigation ------------------ */
.User-topnav {
  overflow: hidden;
  background-color: #ff0099;
  border-radius:15px;
  margin-bottom:10px;

}

.User-topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 18px;
}

.User-active {
  background-color: #4CAF50;
  color: white;
}

.User-topnav .icon {
  display: none;
}

.User-dropdown {
  float: left;
  overflow: hidden;
}

.User-dropdown .User-dropbtn {
  font-size: 18px;    
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.User-dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 99; 
}

.User-dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.User-topnav a:hover, .User-dropdown:hover .User-dropbtn {
  background-color:blue;
  color: white;
}

.User-dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}

.User-dropdown:hover .User-dropdown-content {
  display: block;
}

.User-frame{
	border:solid 2px #ccc;
	border-radius:15px;
	padding:10px;
  margin-bottom:10px;
  overflow:hidden;
}