/*for older browsers*/
header, nav, main, aside, footer { display: block }

body {
	margin: 2% 0 0 0;
	background-image: url(background.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 100%;
    background-color: #000;
}
#wrapper {
	width: 65%;
	padding: 1%;
	margin: 0 auto auto 2%;
    float: left;
}
#banner {
	width: 100%;
	height: 2.5em;
    font-size: 1.2em;
	text-transform: uppercase;
	text-align: center;
	color: #FFF;
}
#content {
	width: 59%;
	background-color: #FFF;
    margin-top: 3%;
    margin-bottom: 2%;
    border: 0.1em solid #000;
    opacity: .95;
    padding: 1em;
    float: right;
}
#menu {
	width:18%;
	margin-top: 3%;
    margin-left: 9%;
    padding:  1em 1em;
	border: 0.1em solid #000;
	background-color: #8f4322;
    text-align: center;
    opacity: .9;
    float: left;
}
#menu li{
	text-align: center;
	color: #fff;
	border-bottom: 0.1em solid #216B9A;
    list-style: none;
    padding: .5em .5em;
}
#menu ul{
    padding: 0;
}
#menu h2 {
    color: white;
    text-align: center;
}
li a {
	color: #FFF;
}
li a:hover, a:focus, a:active  {
	color: #000;
}
a {
	text-decoration: none;
	color: #166BA1;
}
a:hover, a:focus, a:active {
	color: #DA622E;
}
#aside {
	width: 18%;
	margin-top: 3%;
    margin-right: 9%;
	background-color: #999;
    padding: 1em;
    opacity: .95;
    color: #000;
    border: 0.1em solid #000;
    float: right;
}
#aside h2{
    color: #000;
}
#promo {
    clear: both;
    text-align: center;
    font-size: .9em;
    background-color: #fff;
    border: 0.1em solid #000;
    opacity: .9;
    /*margin-left: 4%;*/
    margin: 0 14% 0 14%;
    width: 70%;
    padding: .15em;
    float: left;
}
textarea#message{
    font-family:  sans-serif;
}
h1 {
	margin-top: 0;
    text-transform: uppercase;
}
h2 {
	color: #166BA1;
	margin-top: 0;
    text-transform: uppercase;
    text-align: center;
}