article, aside, details, figcaption, figure, footer, header, hgroup, menu, navmenu, section { display: block; }
ol, ul { list-style: none; }




/* navmenu menu styles */
#navmenu { 
  display: block; 
  /*width: 280px; */
  margin: 0 auto; 
  -webkit-box-shadow: 3px 2px 3px rgba(0,0,0,0.7);
  -moz-box-shadow: 3px 2px 3px rgba(0,0,0,0.7);
  box-shadow: 3px 2px 3px rgba(0,0,0,0.7);
   list-style-type: none;
}

#navmenu li { }

#navmenu > li > a { 
  display: block; 
  padding: 16px 18px;
  font-size: 1.3em;
  font-weight: bold;
  color: #005596; /*font colour of the bold tabs*/
  text-decoration: none;
  border-bottom: 1px solid #212121;
  background-color: #343434;
  
  /* bacground of the tabs when closed */
  background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
  background: -webkit-linear-gradient(top, #f0f0f0, #f0f0f0);
  background: -moz-linear-gradient(top, #f0f0f0, #f0f0f0);
  background: -ms-linear-gradient(top, #f0f0f0, #f0f0f0);
  background: -o-linear-gradient(top, #f0f0f0, #f0f0f0);
  background: linear-gradient(top, #f0f0f0, #f0f0f0);
}
#navmenu > li > a:hover, #navmenu > 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);
}

#navmenu li ul { display: none; background: #ffffff; }/* background of the OPEN panel */

#navmenu li ul li a { 
  display: block; 
  background: none;
  padding: 10px 0px;
  padding-left: 30px;
  /*font-size: 1.1em;*/
  text-decoration: none;
  font-weight: bold;
  color: #e3e7f1;
  /*text-shadow: 1px 1px 0px #000;*/
}
#navmenu li ul li a:hover {
  background: #394963;
}