@charset "UTF-8";
html, body {height: 100%;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, em, img, small, strong, b, i, dl, dt, dd, ol, ul, li, ftable, caption, tbody, tfoot, thead, tr, th, td, footer, header, hmenu, nav, section, menu {margin:0;padding:0;border:0;vertical-align:baseline;background-color: transparent;}
body {
	margin: 0;
	padding: 0;
	color: #BaBa3D;
	background-color: #3e2104;
	font-family: "Myriad Web Pro", Verdana, Tahoma, Arial, Helvetica, sans-serif;
 } 
img {max-width: 100%; height: auto;}
h1 {font-size: 120%; margin-bottom: 12px;} 
p {font-size: 100%; margin-top: 12px;} 
a {text-decoration:none; color:#FFF; font-weight:bold;}
a:visited {text-decoration: none;color: #E2D394;}
a:active, a:hover {color: #F5F2CB;}
.crossstripe, .crossspace {clear: both; width: 100%; position: relative; }
.leftstripetop { height: 15%;}
.crossstripe {height: 25%;}
.crossspace {height: 100%; display: flex; align-items: stretch; }
.leftstripetop, .leftstripe, .leftoverlap  { float: left; width: 16%;}
.leftstripetop, .leftstripe  { background-color: #593a1f;}
.leftstripe { height: 100%;}
.leftoverlap { background-color: #654327; height: 100%;}
.logo { margin: auto 3%; padding-left: 1%; }
.mainband {
height: 100%;
background-color: #4E311E;
display: flex;
flex-direction: column;
justify-content: center;
}

.mainband, .maincontent {width: 84%;float: left;}
.maintag {
margin: 2% 3%;
vertical-align: top;
color: #BAA43D;
}