﻿/* Main Page Settings */
body {
	background-color: #282b2f;
	color: #282b2f;
	height: 100%;
	width: 100%;
	font-family: Calibri, Cambria;
}


/* Logo Image */
.logo-image {
	background-color: #282b2f;
}


/* Logo Text */
.content1 {
	width: 50%;
	margin: 0 auto 0 auto;
	padding: 5px;
	border-radius: 10px;
	background-color: #bec0b8;
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
	font-size: large;
	text-align: center;
	color: #FFFFFF;
}

.content2 {
	padding: 0 2px 0 2px;
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
	font-size: large;
	text-align: center;
	color: #FFFFFF;
}

/* Navigation */
.sidenav {
	background-color: #bec0b8;
	display: none;
	height: 100%;
	width: 170px;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	padding-top: 3%;
	overflow-x: hidden;
	text-align: center;
}

.sidenav a {
	display: block;
	text-decoration: none;
	font-size: medium;
	color: #282b2f;
	padding: 8px 28px 8px 32px;	
}

.sidenav a:hover {
	background-color:#4e5355;
	color: #FFFFFF;	
}

.sidenav .closebtn {
	position: absolute;
	color: #282b2f;
	top: 0;
	right: 0;
	font-size: xx-large;
	margin-left: 10px;
	padding: 2px 10px 2px 10px;
}

/* Logo Block */
.navlogo img {
	width: 70%;
	padding-top: 0;
	margin: 0 auto 0 auto;
}

.navlogo {
	text-align: center;
	padding-top: 70%;
	
}

.navlogo h2 {
	padding: 0;
	margin: 0 auto 0 auto;
}

.navlogo h6 {
	margin: 0 auto 0 auto;
	padding: 0;
}


