body {
	background: #FFF2D7;
	font-family: 'Roboto', sans-serif;
	font-size: 100%;
	overflow: -moz-scrollbars-vertical; 
	overflow-y: scroll;
}

#header {
	position: fixed;
	left: -9%;
	top: -1%;
	width: 110%;
	padding-top: 4.5%;
	border-bottom: 5px double #AE9845;
	box-shadow: 0px 10px 5px rgba(0,0,0,0.3);
	z-index: 100;
	background: #fff;
}

#footer {
	position: fixed;
	left: -10%;
	bottom: -1%;
	width: 110%;
	padding-bottom: 1%;
	border-top: 5px double #AE9845;
	box-shadow: 0px -2px 5px rgba(0,0,0,0.3);
	z-index: 100;
	background: #fff;
	margin-left: 10%;
	padding-left: 2.5%;
	padding-top: .5%;
	font-size: .75em; /* Fallback for browsers that don't support viewport units. */
	font-size: 2vmin;
}

.title {
	padding-left: 10%;
	padding-right: 10%;
	padding-bottom: 0.5em;
}

.logoimg {
	position: absolute;
	bottom: 5px;
	width:25vw; 
	height:auto; 
}

.insetleft, .insetright {
	width:20%;
	width:40vmin;
	margin-top: 10px;
}

.insetleft {
	float:left;
	padding-right: 10px;
}

.insetright {
	float:right;
	padding-left: 10px;
}

.insetcaption {
	font-size: 8pt;
	font-size: 1.5vmin;
}

/* CSS Menu Maker Adaptation */
#menu {
	float: right;
	margin-left: 5vw;
	width: 72.5vw;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	zoom: 1;
}
#menu ul:after {
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	clear: both;
	visibility: hidden;
}
#menu ul li {
	display: inline-block;
	padding: 0;
	margin: 0;
}
#menu.align-right ul li {
	float: right;
}
#menu.align-center ul {
	text-align: center;
}
#menu ul li a {
	color: #5279B0;
	text-decoration: none;
	display: block;
	padding: 0 1em;
	padding-bottom: 5px;
	font-family: 'Stoke', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 1.6vw;
	position: relative;
	-webkit-transition: color .25s;
	-moz-transition: color .25s;
	-ms-transition: color .25s;
	-o-transition: color .25s;
	transition: color .25s;
}
#menu ul li a:hover {
	color: #F56952;
}
#menu ul li a:hover:before {
	width: 100%;
}
#menu ul li a:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 105%;
	height: 2px;
	width: 0;
	background: #F56952;
	-webkit-transition: width .25s;
	-moz-transition: width .25s;
	-ms-transition: width .25s;
	-o-transition: width .25s;
	transition: width .25s;
}
#menu ul li.menumenulast > a:after,
#menu ul li:menulast-child > a:after {
	display: none;
}
#menu ul li.menuactive a {
	color: #F56952;
}
#menu ul li.menumenuactive a:before {
	width: 100%;
}
#menu.align-right li.menulast > a:after,
#menu.align-right li:menulast-child > a:after {
	display: block;
}
#menu.align-right li:first-child a:after {
	display: none;
}
/* CSS Menu Adaptation End */

.maincontainer, .pushdown {
	z-index: 5;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	border: none;
	background: white;
	width: 70%;
	box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
	font-size: 1em; /* Fallback for browsers that don't support viewport units. */
	font-size: 2.5vmin;
}

.pushdown {
	padding: 2%;
}

h1, h2, h3, h4, h5 {
	color: #5279B0;
	font-weight: 700;
}

h1 {	
	font-size: 1.5em; /* Fallback for browsers that don't support viewport units. */
	font-size: 4vmin;
}

h2 {
	font-size: 1.4em; /* Fallback for browsers that don't support viewport units. */
	font-size: 3vmin;
}

h3 {
	font-size: 1.3em; /* Fallback for browsers that don't support viewport units. */
	font-size: 2.75vmin;
}

hr {
	height: 2px;
	border: none;
	background-color: #F56952;
}

a {
	text-decoration: none;
	color: #5279B0;
}

th,td {
	font-size: .9em; /* Fallback for browsers that don't support viewport units. */
	font-size: 1.1vw;
	vertical-align: top;
	padding-bottom: 10px;
}

@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
	#menu ul li a {
		font-size: 2.25vw;
		letter-spacing: -1px;
		padding: 0 .3vw;
	}

	.maincontainer, .pushdown {
		font-size: .9em;
	}

	h1 {	
		font-size: 1.5em;
	}

	h2 {
		font-size: 1.25em;
	}

	h3 {
		font-size: 1.25em;
	}

	th,td {
	font-size: .7em;
	}
}