/* navigation menu styles */
#navigation { 
  display: block; 
  width: 197px; 
  margin: 0 auto;
  list-style:none;

}

#navigation li { list-style:none; }

#navigation > li > a { 
  display: block;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  padding: 13px 0px 13px 20px;
  list-style:none;
 font-weight: bold;
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #598200;
background: #9dd53a; /* Old browsers */
background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* IE10+ */
}
#navigation > li > a:hover, #navigation > li > a.open { 
  color: #e9e9e9;
  border-bottom-color: #384f76;
  background-color: #6985b5;
  background: -webkit-gradient(linear, left top, left bottom, from(#6985b5), to(#456397));
  background: -webkit-linear-gradient(top, #6985b5, #456397);
  background: -moz-linear-gradient(top, #6985b5, #456397);
  background: -ms-linear-gradient(top, #6985b5, #456397);
  background: -o-linear-gradient(top, #6985b5, #456397);
  background: linear-gradient(top, #6985b5, #456397);
}

#navigation li ul { display: none; background: #4a5b78; }

#navigation li ul li a { 
  display: block;
  font-family:Arial, Helvetica, sans-serif;
  background: none;
  padding: 10px 0px 10px 15px;
  font-size: 12px;
  text-decoration: none;
  font-weight: normal;
  color: #e3e7f1;
  list-style:none;

}
#navigation li ul li a:hover {
  background: #394963;
}