/* Main menu settings */
#centeredmenu {
   clear:    both;
   float:    left;
   margin:   0;
   padding:  0;
   width:    100%;
   z-index:  1000; /* This makes the dropdown menus appear above the page content below */
   position: relative;
}

/* Top menu items */
#centeredmenu ul {
   margin:     0;
   padding:    0;
   list-style: none;
   float:      right;
   position:   relative;
   right:      50%;
}
#centeredmenu ul li {
   margin:   0 0 0 1px;  /* space between submenu*/
   padding:  0;
   float:    left;
   position: relative;
   left:     50%;
   top:      1px;
}
#centeredmenu ul li a {
   display:         block;
   margin:          0;
   padding:         0.6em 2.5em .4em 2.5em;      /* defines submenu  size*/
   font-size:       1em;
   line-height:     1.1em;
   background:      #035389;
   text-decoration: none;
   color:           #fff;
   font-weight:     bold;
   border-bottom:   1px solid #000;
}
#centeredmenu ul li.active a {
   color:      #fff;
   background: #000;
}
#centeredmenu ul li a:hover {
   background:    #36f; /* Top menu items background colour */
   color:         #fff;
   border-bottom: 1px solid #03f;
}
#centeredmenu ul li:hover a,
#centeredmenu ul li.hover a { /* This line is required for IE 6 and below */
   background:    #36f; /* Top menu items background colour */
   color:         #fff;
   border-bottom: 1px solid #03f;
}

/* Submenu items */
#centeredmenu ul ul {
   display:  none; /* Sub menus are hiden by default */
   position: absolute;
   top:      2em;
   left:     0;
   right:    auto; /*resets the right:50% on the parent ul */
   width:    10em; /* width of the drop-down menus */
}
#centeredmenu ul ul li {
   left:   auto;  /*resets the left:50% on the parent li */
   margin: 0; /* Reset the 1px margin from the top menu */
   clear:  left;
   width:  100%;
}
#centeredmenu ul ul li a,
#centeredmenu ul li.active li a,
#centeredmenu ul li:hover ul li a,
#centeredmenu ul li.hover ul li a { /* This line is required for IE 6 and below */
   font-size:     .8em;
   font-weight:   normal;           /* resets the bold set for the top level menu items */
   background:    #035389;
   color:         #fff;
   line-height:   1.4em;            /* overwrite line-height value from top menu */
   border-bottom: 1px solid #ddd;   /* sub menu item horizontal lines */
}
#centeredmenu ul ul li a:hover,
#centeredmenu ul li.active ul li a:hover,
#centeredmenu ul li:hover ul li a:hover,
#centeredmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
   background: #36f;                      /* Sub menu items background colour */
   color:      #fff;
}

/* Flip the last submenu so it stays within the page */
#centeredmenu ul ul.last {
   left:  auto; /* reset left:0; value */
   right: 0;    /* Set right value instead */
}

/* Make the sub menus appear on hover */
#centeredmenu ul li:hover ul,
#centeredmenu ul li.hover ul { /* This line is required for IE 6 and below */
   display:  block;            /* Show the sub menus */
}