* {
    margin:0px auto;
    font-family: 'Lato', sans-serif;
}

.header-cont {

	background-color:grey;
	height:20%;
	width:100%;
    	display: inline-block;

}


h1 {
    border-bottom: 8px solid #57c4d0;
    font-size: 24px;
    display: inline-block;
}

h2 {
    border-bottom: 1px solid #7297CE;
    padding-right: 0px;
    font-size: 19px;
    display: inline-block;
    color: #2C627F;
}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
position:relative;
//text-align: left;
}

#navcontainer ul li { 
display: inline;
text-decoration: none;
padding: .4em 2em;
}

#navcontainer ul li a
{
text-decoration: none;
padding: .5em 3em;
color: grey;
//background-color: #036;
}

#navcontainer ul li a:hover
{
color: #fff;
background-color: grey;
}



#navcontainer2 ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 140%;
position:relative;
//text-align: left;
}

#navcontainer2 ul li { 
display: inline;
text-decoration: none;
padding: .3em 1em;
color: grey;
}

#navcontainer2 ul li a
{
text-decoration: none;
padding: .5em 3em;
color: grey;
//background-color: #036;
}

#navcontainer2 ul li a:hover
{
color: #fff;
background-color: grey;
}



body {
     margin-left:0px;
     //padding: 25px 15px 25px 10px;
     //background:#2D2D2D
     //font-family: arial, helvetica, sans-serif;
     //white-space:nowrap;
     list-style-type:none;
}

hr { border-color: #57c4d0; }


#more-button{border-style:none;background:none;font:16px Serif;color:blue;margin: 0 0 10px 0;}

#grow input:checked{color:red;}

#more-button:hover{color:black;}

#grow {
    -moz-transition: height .9s;
    -ms-transition: height .9s;
    -o-transition: height .9s;
    -webkit-transition: height .9s;
    transition: height .9s;
    height: 0;
    overflow: hidden;
  }


.box {
    position: relative;
    margin: auto;
    width:80%;
}

.mff input[type="text"], .mff input[type="email"], .mff input[type="password"] {
  padding: 10px;
  border: none;
  border: solid 2px #c9c9c9;
  transition: border 0.3s;
  color: #01486E;
}

.mff input[type="text"]:hover {
    border-bottom: solid 2px red;
}

.btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	margin:3% 3%;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.btn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.btn:active {
	position:relative;
	top:1px;
}

.dropdown {
    position: relative;
    //display: inline-block;
}

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

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

.dropdown a:hover {background-color: #f1f1f1}



.dropdown2 {
    position: absolute;
    //display: inline-block;
}

.dropdown2-content {
    display: none;
    position: relative;
    right:30%;
    width:40px;
    background-color: #f9f9f9;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

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

.dropdown2 a:hover {background-color: #f1f1f1}


.show {display:block;}