/* This navigation popout to left or right, currently set to a maximum of 3 levels*/


/* Set some default values, like remove unwanted padding and margin 
Also change the with of the menu here*/

#nav ul {
  width: 178px;
  list-style: none;
  margin: 0;
  padding: 0;
}

#nav li {
  position: relative;
  display: block;
}
* html #nav li {
  float: left; 
  width: 100%;
}
* + html #nav li {
  float: left; 
  width: 100%;
}

#nav a {display: block;}
* html #nav a {height: 1%;}
* + html #nav a {height: 1%;}
 
/* The above css is require, anything below can be changed. */

#nav {
  padding-left: 0px;
}

#nav ul {}

#menulvl_0 a {
  background: #0a0b3b;
  color: #83a2ed;
  text-align: left;
  border-bottom: 2px solid #89abd8;
  border-right: 2px solid #83a2ed;
  text-decoration: none;
  padding: 5px 0 5px 20px;
}

#nav li:hover, #nav a:hover {
	background:#2f3167;
	color:#FFFFFF;
}

#nav li:hover a {
	color:#FFFFFF;
}

#nav ul ul a {
  background: #89abd8;
  color: #fff;
  padding-left: 30px;
}