/*Strip the ul of padding and list styling*/

  ul.menu {list-style-type:none; margin:0 auto ; padding:0; margin-right: 15px;
 margin-left:10px; background: #ffffff;}

  ul.nav {list-style-type:none; margin:0 auto ; padding:0;position: absolute;}
  
/*Create a horizontal list with spacing*/

  ul.menu li {display:inline-block; margin-right: 10px;
 margin-left:10px;}
ul.nav li {display:inline-block; margin-right: 1px;}

/*Style for menu links*/
  
li a {display:block; line-height: 30px; text-align: center; font-size:16px; font-family:  Arial; color: #0000ff; background: #ffffff;
 text-decoration: none; padding-top:5px; padding-bottom:5px; padding-right:10px;}


/*Hover state for top level links*/
  
li:hover a  {display:block;
 line-height: 25px; text-align: center; font-size:16px; font-family:Myriad Pro, Arial; color: #ff0000;
 background: #ffffff;
 text-decoration: none; padding-top:5px; padding-bottom:5px;}

/*Style for dropdown links*/
  
li:hover ul a { background: #ffffff; color: #1e90ff; opacity: 1.0; font-size:16px; padding-top:5px; padding-bottom:5px; z-index: 10;}

/*Hover state for dropdown links*/

  li:hover ul a:hover {display:block; line-height: 30px; text-align: center; font-size:16px; font-family: Myriad Pro, Arial; color: #c2722d;
 background: #eeeeef; text-decoration: none; padding-top:5px; padding-bottom:5px;}

/*Hide dropdown links until they are needed*/
  
li ul.nav {display: none;}

/*Make dropdown links vertical*/
  
li ul.nav li {display: block; float: none;}

/*Prevent text wrapping*/

  li ul li a {width: auto; min-width: 125px; padding: 0 10px;}

/*Display the dropdown on hover*/

  ul li a:hover + .hidden, .hidden:hover {display: block; opacity: 1.0;z-index: 10;}