@charset "utf-8";


/* Use box-sizing for everything */

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

/* Behave! */

body {
	display:block;
	margin:0px auto;
	max-width:800px;
}



/* Header */


div#Header {
	background-image: url('../images/header.jpg');
	background-size:contain;
	background-repeat: no-repeat;
	width:100%;
	height:0;
	padding-top:22.22%;
}



/* Menubar */


div#MenubarContainer {
	position:relative;
	display:block;
	width:100%;
	text-align:center;
	background-color:#576B30;
	margin-top:1px;
}

div#Menubar {
	display:inline-block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#Menubar a {
	display: inline-block;
	color: white;
	text-align: center;
	padding: 12px 12px;
	margin:0;
	text-decoration: none;
	font-family:Verdana, Arial;
	font-size:13px;
}

div#Menubar a:hover {
	background-color:#8EAE4E;
}

.Menubar-Active {
	background-color: #8EAE4E;
}



/* Body */


div#BodyContent {
	margin:0px;
	padding:0px 10px 0px;
}



/* Footer */


div#FooterContainer {
	display:table;
	width:100%;
	min-height:32px;
	padding:8px;
	background-color:#576B30;
}

div#Footer {
	display:table-cell;
	width:100%;
	color:white;
	text-align:center;
	vertical-align:middle;
	font-family:Verdana, Arial;
	font-size: 14px;
	font-weight:normal;
}

div#Footer a:link, div#Footer a:visited {
	color:white;
}
div#Footer a:hover, div#Footer a:active {
	color:lightgray;
}



/* Globals */


p, ol, ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	text-align:center;
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}

.Border-Fine {
	border: 1px solid #000000;
}

.Shadow {
	box-shadow: 5px 5px 4px #999999;
}

img.Inline-Left {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	max-width:100%;
	height:auto;
}

img.Inline-Right {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	max-width:100%;
	height:auto;
}

/* Mixins */



/* Prevent an element from wrapping */
.NoWrap {
  white-space: nowrap;
  overflow: hidden;
}


/* Center an object in it's container */
.CenterBlock {
	display:block;
	margin-left:auto;
	margin-right:auto;	
}


/* Auto size object in it's container */
.AutoSize {
	width:100%;
	height:auto;
}




/* Structures */


.FlexContainerRow {
	width:100%;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;

	margin:0;
	padding:0;
}

.FlexContainerRowOpt-JustifyVerticalTop {
	align-items:flex-start;
}
.FlexContainerRowOpt-JustifyVerticalCenter {
	align-items:center;
}

.FlexItemRow-2Wide {
  padding: 5px;
  max-width: 380px;
  margin: 5px;
  
/*  line-height: 100px;
  color: white;
  font-weight: bold;
  font-size: 2em;
  text-align: center;*/
}