* {
margin: 0 0 0 0;
padding: 0 0 0 0
}

body {
	max-width: 1200px;
	margin: 0 auto;
	color: #000000;
	background: #0f0f0f;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: xx-large;
}

img {
max-width: 100%;
border: none
}

header {
width: 100%;
background: #990000;
float: left
}

header img {
display: block;
margin: 0 auto;
padding: 3% 5
}

nav {
width: 96%;
background: #2e2e2e;
padding: .5% 2%;
float: left
}

div.main {
width: 80%;
background: #e0ffff;
float: left;
padding:0 10%
}

footer {
width: 100%;
background: #990000;
float: left
}

div.main h1 {
font-size : 24px;
text-align : center;
color : #980000;
margin: 2% 0 }

div.main h2 {
font-size : 20px;
text-align : left;
color : #800000;
margin: 2% 0  }

div.main p {
	font-size : 16px;
	text-align : justify;
	text-indent : 0px;
	margin: 1.5% 1;
}


div.main img {
margin: 0% 1%;
border: solid #000000 0px }




 

footer p {
font-size : 16px;
text-align : center;
color: #7fff00;
padding: 0 0 .5% 0} 

footer p a {
color: #ffffcc}

/*  horizontal navbar  */
ul.hnavbar{
	list-style:none;
                font-size: 12px;
	font-weight:bold;
	margin-bottom: 0;
                /* Clear floats */
	float:left;
	width:100%;
	position:relative;
	z-index:5;
               background: #2e2e2e
	
}
ul.hnavbar li{
	float:left;
	margin-right:10px;
	position:relative;
}
ul.hnavbar a{
	display:block;
	padding:5px;
	color:#ffffff;
	background:#000000;
	text-decoration:none;
}
ul.hnavbar a:hover{
	color:#7fff00;
	background:#2e2e2e;
	text-decoration:none;
}

/*--- DROPDOWN ---*/
ul.hnavbar ul{
	background: transparent; 
	list-style:none;
	position:absolute;
	left:-9999px; 
}
ul.hnavbar ul li{
	padding-top: 0px; 
	float:none;
}
ul.hnavbar ul a{
	white-space:nowrap; 
}
ul.hnavbar li:hover ul{
	left:0; 
}
ul.hnavbar li:hover a{ 
	background:#000000;
	text-decoration:none;
}
ul.hnavbar li:hover ul a{ 
	text-decoration:none;
}
ul.hnavbar li:hover ul li a:hover{ 
	background:#000000;
}