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

body {
  margin:0 auto;
  font-family: Arial, sans-serif; 
  font-size:12px; font-weight:400;
  color:#333;
  margin-top:0px;
  background-repeat:no-repeat;
  width:100%;
  height:100%;
  background-size: 100%;
  background-color:#333;
  }
  
H1 {font-size:1.1em; text-transform:uppercase; font-weight:700; }

div#clearer {clear:both;}
  
div#body {
  margin:0 auto;
  width:100%;
  height:100%;
  
}

div#header {
  float:left;
  position:absolute;
  text-align:left;
  margin-top:30px;
  margin-left:1%;
  height:100px;
  z-index:2;
}

div#content_box {
	float:left;
	position:absolute;
	margin-top:250px;
	margin-left:20%;
	margin-right:2%;
	width:78%;
	max-width:800px;
	background:rgba(255,255,255,0.8);
}

div#content {
	padding:20px;
	font-size:1.3em;
	color:#B62321;
}

div#content p {
	max-width:600px;
}

div#footer {
  position:absolute;
  bottom:2%;
  height:20px;
  width:98%;
  padding-right:2%;
  text-align:right;
}

div#footer a {
  text-decoration:none;
  color:#ffffff;
}

div#menu {
float:left;
position:absolute;
margin-top:80px;
margin-left:5%;
height:80px;
width:95%;
background: rgba(120,120,120,0.5);
z-index:1;
}

div#menu_container {
margin-left:430px;
margin-top:85px;
position:absolute;
z-index:3;
}


div#menu_container ul.menu, div#menu_container ul.menu ul {  
text-align:center;
margin-left:-40px;  
}

div#menu_container ul.menu a, div#menu_container ul.menu ul a {
  text-decoration:none;
  color:#fff;
}

div#menu_container ul.menu a:hover, div#menu_container ul.menu a.active {
  color:#b62321;
}

div#menu_container ul.menu li {
list-style:none;
float:left;
position:relative;
margin-left:50px;
padding-top:12px;
font-size:1.8em;
}

div#menu_container ul.menu ul li {
	float:left;
	margin-right:10px;
	margin-left:0px;
	font-size:0.9em;
	padding-top:0px;
	}