body{
	background-image: url("../img/geometricbkg.png");
	background-color:#e8e8ea;
	background-position:center top;
	font-family: Raleway, Helvetica, Arial, sans-serif;
	margin:0;
	padding:0;
	color:#2c2c2c;
}
#wrapper{
	width:1020px;
	background:rgba(255,255,255,.7);
	margin:0;
	margin-left:auto;
	margin-right:auto;
}
a{
	text-decoration:none;
}
h1, h2, h3 ,h4, h5, h6{
	color: #4e4ea4;
}

h1{
	font-size:3em;
}

h2{
	font-size:2em;
}

h3{
	font-size:1.5em;
}
h4{
	font-size:1.2em;
}
h2{
	font-weight:normal;
}

h2, h4, h5, h6{
	color:#1d9ba6;
}
.darkbkg {
	color:white;
}
.numbers{
	font-family:Helvetica, Arial, sans-serif;
}
/*Header and Navigation*/
header img{
	margin-top:20px;
	margin-left:30px;
}
#topnav{
	margin-top:-100px; 
	background-image: url("../img/navbkg.png");
	clear:both;
	height:50px;
}
#topnav ul{
	display:flex;
	list-style:none;
	float:right;
	margin:0;
}
#topnav li{
	line-height:49px;
}
#topnav li:hover{
	background-color:#005b6c;
}
.navitem{
	font-size:1.2em;
	text-align:center;
	padding:0px 20px;
	color: #ffffff;
}
.navitem:link{
	font-weight:bold;
	text-decoration:none;
}
.navitem:visited{
	color: #ffffff;
}
.navitem:active{
	color: #a6f1f0;
}
.dropdown{
	font-weight:bold;
}
.dropdown-content {
	display:none;
	position:absolute;
	background:rgba(29, 155, 166,.7);
	width:111px;
	z-index:1;
}
.droplink{
	color:white;
	font-size:1em;
	font-weight:bold;
	text-align:center;
}
.dropdown:hover .dropdown-content{
	display:flex;
	flex-direction:column;
}
.droplink:hover{
	background-color:#1d9ba6;
}

/*Main Body*/
main{
	padding: 75px 40px 50px 40px;
}


/*Secondary Nav*/
#secondnav{
	height:40px;
	background-color:#005b6c;
	text-align:center
}
#secondnav ul{
	display:flex;
	list-style:none;
	margin:0;
	padding:0;
	justify-content:center;
}
#secondnav li{
	line-height:39px;
	font-size:.9em;
}
#secondnav a{
	padding:0px 30px;
	color: #ffffff;
	font-weight:bold;
}
#secondnav a:link{
	text-decoration:none;
	/* other styles */
}
#secondnav a:visited{
	color: #ffffff;
	/* other styles */
}
#secondnav a:hover{
	color: #d0f1f1;
	/* other styles */
}
#secondnav a:active{
	color: #a6f1f0;
}

/*Footer*/
#footer{
	background-color:#1d9ba6;
	display:inline-block;
	width:100%;
}
#leftfooter{
	float:left;
	margin-left:40px;
}
#rightfooter{
	float:right;
	margin:20px 40px 20px 0px;
	text-align:right;
	font-weight:bold;
}
#rightfooter p{
	padding:0;
	margin:3px;
}
#rightfooter a:hover{
	color:#290c59;
}
#rightfooter a:active{
	color:#5050a6;
}
.socialicons{
	margin-top:-10px;
}
.icon{
	height:20px;
	margin-right:10px;
	display:inline-block;
}
.icon:hover{
	background-color:#5050a6;
}