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


body {
	 	font: normal .8em/1.5em Arial, Helvetica, sans-serif;
	width:70%;
	margin:0 auto;
	/*
	
	background:filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2F2727', endColorstr='#1a82f7');
	*/
	background: #6F6F6F; /* for non-css3 browsers */
/*
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2F2727', endColorstr='#1a82f7'); /* for IE */
/*
background: -webkit-gradient(linear, left top, left bottom, from(#2F2727), to(#1a82f7)); /* for webkit browsers */
/*
background: -moz-linear-gradient(top,  #2F2727,  #1a82f7); /* for firefox 3.6+ */
	*/
z-index:-1;
}

header{
	height:5em;
	padding-top:1.5em;
	background: -moz-linear-gradient(100% 100% 90deg, #2F2727, #1a82f7);
	background: #6F6F6F; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2F2727', endColorstr='#1a82f7'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#2F2727), to(#1a82f7)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #2F2727,  #1a82f7); /* for firefox 3.6+ */
	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);
	background: #6F6F6F; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2F2727', endColorstr='#1a82f7'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#2F2727), to(#1a82f7)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #2F2727,  #1a82f7); /* for firefox 3.6+ */
	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+ */
 background: #6F6F6F; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2F2727', endColorstr='#1a82f7'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#2F2727), to(#1a82f7)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #2F2727,  #1a82f7); /* for firefox 3.6+ */
 
 position: relative;
 z-index: 1000;
}
ul.sub-level {
    display:none;
}
li:hover .sub-level {
	background: -moz-linear-gradient(top,  #ccc,  #000);
	background: #6F6F6F; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2F2727', endColorstr='#1a82f7'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#2F2727), to(#1a82f7)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #2F2727,  #1a82f7); /* for firefox 3.6+ */
    border: #fff solid;
    border-width: 1px;
    display: block;
    position: absolute;
    left: 75px;
    top: 5px;
	z-index:1000;
}
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);
	background: #6F6F6F; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2F2727', endColorstr='#1a82f7'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#2F2727), to(#1a82f7)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #2F2727,  #1a82f7); /* for firefox 3.6+ */




}
/*RESET STYLES*/
li:hover .sub-level .sub-level {
	display:none;
}
.sub-level li:hover .sub-level {
	display:block;
}
