@charset "UTF-8";
/* CSS Document */

body {
	background-color:#D7D7D7;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

h1 {
	margin:0;
	padding:0;
}

h2 {
	margin:0;
	padding:0;
}

h3 {
	margin:0;
	padding:0;
}

h4 {
	margin:0;
	padding:0;
}

a {
	color:#072198;
	text-decoration:none;
}

/* Main Nav */
#leftnav {
	width:200px;
	height:100%;
	float:left;
	text-align:center;
}

/* Main Nav logo */
.navlogo {
	width:150px;
	margin:10px 0;
}

/* Main Nav first section */
.firstnav {
	margin:10px 10px 0 10px;
	padding:5px 20px 10px 20px;
	border-top:solid 3px #BBBBBB;
	border-bottom:solid 2px #BBBBBB;
	text-align:left;
}

/* Main Nav sections */
.nav {
	margin:0 10px;
	padding:5px 20px 10px 20px;
	border-bottom:solid 2px #BBBBBB;
	color:#000000;
	text-align:left;
}
/* Main Nav categories */
.cat {
	font-weight:bold;
	text-decoration:none;
}

/* Main Nav subcategories */
.sub {
	margin-left:10px;
	text-decoration:none;
}

td {
	text-align:right;
}

/* Mobile nav simulation */
#mobile-container {
	max-width: 480px;
	height: 500px;
	margin: auto;
	background-color: #cecece;
	color: white;
	border-radius: 10px;
}

/* Style the mobile navigation menu */
.topnav {
	overflow: hidden;
	background-color: #cecece;
	position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
	display: none;
}

/* Style navigation menu links */
.topnav a {
	color: white;
	padding: 5px 10px;
	text-decoration: none;
	font-size: 17px;
	display: block;
}

/* Style the hamburger menu */
.topnav .icon {
	background-color: #521a18;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
	background-color: #81524a;
	color: white;
}

/* Style the active link (or home/logo) */
.active {
	background-color: #cecece;
	color: #81524a;
}