*{
	box-sizing:border-box;
}
element.style {
margin-bottom: 0px;
margin-top: 0px;
}
/* Navigation menu */
nav3 ul {
	float:left;

padding-left: 0px;
margin-bottom: 0px;
margin-top: 0px;
position: relative;
top: -12px;
left:14px;
list-style-type: none;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
text-align:center;
font-weight:bold;
font:#6d6e71;
overflow:hidden;

}

nav3 li {

  float: left;
  padding: 0 10px;
  width:19.5%;;
  
}

nav3 a {

  display: block;
  width:100%;
  height:50px;

  padding-left: 0px;
padding-right: 0px;

 

  color: #6d6e71;

  text-decoration: none;

 background: #fff;
border: 7px solid #666;


}



nav3 li.green a, nav3 li.green a:active {

  border-color:  #98cdcd;


}

nav3 li.blue a, nav3 li.blue a:active {

  border-color: #d2edf6;

}

nav3 li.purple a, nav3 li.purple a:active {

  border-color: #c0bcde;

}

nav3 li.yellow a, nav3 li.yellow a:active {

  border-color: #f9f49b;

}


nav3 li.orange a, nav3 li.orange a:active {

  border-color: #fecc66;

}

/*school menu */


nav4 ul {
	float:left;

padding-left: 0px;
margin-bottom: 0px;
margin-top: 0px;
position: relative;
top: 6px;
left:14px;
list-style-type: none;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
text-align:center;
font-weight:bold;
font:#6d6e71;
overflow:hidden;

}

nav4 li {

  float: left;
  padding: 0 10px;
  width:60%;;
  
}

nav4 a {

  display: block;
  width:100%;
  height:50px;

  padding-left: 0px;
padding-right: 0px;

 

  color: #6d6e71;

  text-decoration: none;

 background: #fff;
border: 7px solid #666;


}



nav4 li.green a, nav4 li.green a:active {

  border-color:  #98cdcd;


}


nav4 li.orange a, nav4 li.orange a:active {

  border-color: #fecc66;

}



/*guide menu */


nav5 ul {
	float:left;

padding-left: 0px;
margin-bottom: 0px;
margin-top: 0px;
position: relative;
top: 6px;
left:14px;
list-style-type: none;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
text-align:center;
font-weight:bold;
font:#6d6e71;
overflow:hidden;

}

nav5 li {

  float: left;
  padding: 0 10px;
  width:25%;;
  
}

nav5 a {

  display: block;
  width:100%;
  height:50px;

  padding-left: 0px;
padding-right: 0px;

 

  color: #6d6e71;

  text-decoration: none;

 background: #fff;
border: 7px solid #666;


}

nav5 li.green a, nav5 li.green a:active {

  border-color:  #98cdcd;


}



nav5 li.purple a, nav5 li.purple a:active {

  border-color: #c0bcde;

}

nav5 li.yellow a, nav5 li.yellow a:active {

  border-color: #f9f49b;

}


nav5 li.orange a, nav5 li.orange a:active {

  border-color: #fecc66;

}




/*sub menu */
 
 /*Gt Stylesheet */
#cssmenu > ul{
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

/* The container */
#cssmenu > ul {
	display: block;
	position: relative;
	width: 100%;
}

	/* The list elements which contain the links */
	#cssmenu > ul li {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		width: 100%;	
	}

		/* General link styling */
		#cssmenu > ul li a {
			/* Layout */
			display: block;
			position: relative;
			margin: 0;
			border-bottom: 1px solid #f7f9f9;
			padding: 11px 20px;
			width: 80%;

			/* Typography */
			font-family: Arial, Helvetica, sans-serif;
			color: #ffffff;
			text-decoration: none;
			
		
			font-size: 16px;
			font-weight: 400;

			/* Background & effects */
			background: #9595c9;
		}

		/* Rounded corners for the first link of the menu/submenus */
		#cssmenu > ul li:first-child>a {
			border-top-left-radius: 20px;
			border-top-right-radius: 20px;
			border-top: 0;
		}

		/* Rounded corners for the last link of the menu/submenus */
		#cssmenu > ul li:last-child>a {
			border-bottom-left-radius: 20px;
			border-bottom-right-radius: 20px;
			border-bottom: 0;
		}


		/* The hover state of the menu/submenu links */
		#cssmenu > ul li>a:hover, #cssmenu > ul li:hover>a {
			color: #fff;
			
			background: #ffcb08;
			background: -webkit-linear-gradient(bottom, #ffcb08);
			
			font-family: Arial, Helvetica, sans-serif;
			color: #58585a;
			text-decoration: none;
			
			text-shadow: 0 1px 0 #58585a;
		}

		/* The arrow indicating a submenu */
		
		
		
		
/* Footer */

nav1 a {
	position: relative;
	display: inline-block;
	margin: 15px 25px;
	outline: none;
	color: red;
	text-decoration: none;
	letter-spacing: 1px;
	font-weight: 400;
	
	
}

nav1 a:hover,
nav1 a:focus {
	outline: none;
}

/* Effect 21: borders slight translate */
.footer a {
	padding: 10px;
	color: #000000;
	font-weight: 100;
	font-family:"Arial Rounded MT Bold";
	text-align:center;
	font-size:16px;
	text-shadow: none;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.footer a::before,
.footer a::after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: #000;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.footer a::before {
	top: 0;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.footer a::after {
	bottom: 0;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

.footer a:hover,
.footer a:focus {
	color: #fff;
}

.footer a:hover::before,
.footer a:focus::before,
.footer a:hover::after,
.footer a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

.footer-bg {
	background: #98ca3c;
}