/* The container wrapping ul.dropdown */
#navwrap {
float:left;
width:100%;
background: #314ffa;
font: 14px "Segoe UI", "Lucida Grande", Verdana, Arial, sans-serif;
}

/* Top level Unordered list */
ul.dropdown {
list-style:none;
float:left;
/* width:100px; */
margin: 0px;
padding: 0px 0px;  /*  0px 10px; */
}

ul.dropdown  li{
float:left; /* makes horiz list */
position:relative; /* hey Submenu ULs, appear below! */
}

ul.dropdown a {
/* padding:5px; /*space the items, occupy entire height too.  12*/
/* margin-left: 5px; */
padding: 0px 10px;
color:#fff;
text-decoration:none;
/* text-shadow:0 1px 0 #000; */
}

/* Style the link hover */
ul.dropdown li:hover a {
/*
background:#444;
*/
background:#18277f;
/*border-top:1px solid #777;
border-bottom: 1px solid #000;
border-right:1px solid #666;*/
}

/* Displays the link as blocks. */
ul.dropdown li ul a {
display:block;
}

/* sub menus!!  */

ul.dropdown ul {
list-style: none;
margin:0px; /* Appear just below the hovering list */
padding:0px;
width:200px; /* specify the width. */
position:absolute; /* needed */
z-index:5000; /* specify the order */
}

ul.dropdown li ul {
top:17px; /* Positioning:Calc with top level horz list height 20px*/
}

ul.dropdown ul ul {
top:0;
left:100%; /* Position the sub menus to right. */
}

ul.dropdown ul li {
float:none; /* umm.. Appear below the previous one. mmkay? */
}

/* Drop Down! */

/* Hide all the dropdowns (submenus) */
ul.dropdown ul,
ul.dropdown li:hover ul ul,
ul.dropdown ul li:hover ul ul
{ display: none; }

/* Display the submenus only when li are hovered */
ul.dropdown li:hover ul,
ul.dropdown ul li:hover ul ,
ul.dropdown ul li ul li:hover ul
{ display: block;}

ul.dropdown li * a:hover {
/* Change color of links when hovered */
/*
background: #600;
background: #1d2f99;
*/
background: #314ffa
/*border-bottom:1px solid #900;
border-top:1px solid #222;*/
}