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


body {
 	font: normal .8em/1.5em Arial, Helvetica, sans-serif;
	width:70%;
	margin:0 auto;
	background:#6F6F6F;
}

header{
	height:5em;
	padding-top:1.5em;
	background: -moz-linear-gradient(100% 100% 90deg, #2F2727, #1a82f7);
	text-align:center;
	color:white;
}

section{
	position: absolute;
	padding-left:1%;
	padding-right:1%;
  	top: 6.5em;
  	left: 25%;
	width:58%;
	bottom:0;
	margin:auto;
	border-top: #fff solid;
	border-left: #fff solid;
	border-width: 3px;
	text-align:justify;
	background:#F8F8F8;
}

footer{
	position:absolute;
	bottom:0;
  	left: 25%;
	width:58%;
	border-top: #fff solid;
	border-width: 3px;
	text-align:center;
	background:#F8F8F8;
}
h1 {
  	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	}
nav {
	font-size:1.1em; 
  	position: absolute;
  	top: 6em;
  	left: 15%;
  	width: 10%;
	background: -moz-linear-gradient(left, #2F2727, #1a82f7);
	z-index:1000;
	}
nav ul {margin:0px; padding:0px;}
nav li {list-style: none;} 

ul.top-level li {
 border-bottom: #fff solid;
 border-top: #fff solid;
 border-width: 1px;
}

nav a {
 color: #fff;
 cursor: pointer;
 display:block;
 height:25px;
 line-height: 25px;
 text-indent: 10px;
 text-decoration:none;
}
nav a:hover{
 text-decoration:none;
}

nav li:hover {
 background: -moz-linear-gradient(top,  #04acec,  #0186ba) !important; /* for firefox 3.6+ */
 position: relative;
}
ul.sub-level {
    display:none;
}
li:hover .sub-level {
	background: -moz-linear-gradient(top,  #ccc,  #000);
    border: #fff solid;
    border-width: 1px;
    display: block;
    position: absolute;
    left: 75px;
    top: 5px;
}
ul.sub-level li {
    border: none;
    float:left;
    width:200px;
}
/*Second Level*/
nav .sub-level {
    background: #999;
}

/*Third Level*/
nav .sub-level .sub-level {
	background: -moz-linear-gradient(top,  #000,  #ccc);
}
/*RESET STYLES*/
li:hover .sub-level .sub-level {
	display:none;
}
.sub-level li:hover .sub-level {
	display:block;
}