/* TOP MENU */

div#menu_top {
  float: right;
}

div#menu_top ul {
  margin: 5px 0 0 0;
  padding: 0;
  list-style: none;
}

div#menu_top ul li {
  float: left;
}

div#menu_top ul li a {
  display: block;
  color: #006633;
  padding: 0 10px 0 10px;
  font-size: 10px;
  line-height: 14px;
  text-decoration: none;
  border-left: 1px solid #666666;
}

div#menu_top ul li a.first {
  border-left: none !important;
}

div#menu_top ul li a:hover {
  background: #cce4d9;
}

/* USERS MENU */

div#menu_users {
  float: left;
  width: 500px;
  margin-top: -10px;  
}

div#menu_users ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

div#menu_users ul li {
  float: left;
}

div#menu_users ul li a {
  display: block;
  color: #669933;
  font-weight: bold;
  padding: 0 8px 0 8px;
  font-size: 12px;
  line-height: 14px;
  text-decoration: none;
  border-left: 1px solid #666666;
}

div#menu_users ul li a.first {
  border-left: none !important;  
}

div#menu_users ul li a:hover {
  background: #cce4d9;
}

div#header_bottom {
  float: left;
  clear: both;
  width: 840px;
  background: #204162;
  height: 3px;
}

/* MAIN MENU */

div#menu_main {
  float: left;
  clear: both;
  width: 840px;
  margin-top: 5px;
  background: #204162 url("../images/main_menu_bg.png") repeat-x top left;
}

div#menu_main ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

div#menu_main ul li {
  float: left;
}

div#menu_main ul li a {
  display: block;
  color: #FFF;
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
  text-decoration: none;
  padding: 5px 10px 5px 10px;
}

div#menu_main ul li a:hover,
div#menu_main ul li.current a {
  background: #3277b7 url("../images/main_menu_bg_hover.png") repeat-x;
}

/* CUSTOM MENU */


div#menu_custom {
  float: left;
  clear: both;
  width: 840px;
  margin-top: 5px;
  padding: 0px;  
  background: #204162; /*url("../images/main_menu_bg.png") repeat-x top left;*/
  /* background:#ffffff; */
}

div#menu_custom ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

div#menu_custom ul li {
  float: left;
}

div#menu_custom ul li a {
  display: block;
  color: #FFF;
  font-size: 14px;
  line-height: 12px;
  font-weight: bold;
  text-decoration: none;
  padding: 5px 10px 5px 10px;
}


div#menu_custom ul li a:hover,
div#menu_custom ul li.current a {
  background: #3277b7; /* url("../images/main_menu_bg_hover.png") repeat-x;*/
}


/* SUB MENU */

div#menu_sub {
  float: left;
  clear: both;
  width: 840px;
  background-color: #3277b7;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
}

div#menu_sub ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

div#menu_sub ul li {
  float: left;
}

div#menu_sub ul li a {
  display: block;
  color: #FFF;
  font-size: 10px;
  line-height: 10px;
  text-decoration: none;
  padding: 5px 10px 5px 10px;
  border-right: 1px solid #FFF;
}

/* allows the menu to be highlighted when it is the active link/subsite */
div#menu_sub ul li a:hover, .selectedSubMenu  {
  background: #62acf0;
}

/* FOOTER MENU */
div#menu_footer {
  float: left;
  width: 840px;
  background: #999999;
}

div#menu_footer ul {
  display: table;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  float: right;
}

div#menu_footer ul li {
  display: table-cell;
  float: left;
}

div#menu_footer ul li a {
  display: block;
  color: #FFF;
  font-size: 11px;
  line-height: 11px;
  font-weight: normal;
  text-decoration: none;
  padding: 5px 10px 5px 10px;
}

div#menu_footer ul li a:hover {
  background: #CCC;
  color: #333;
}

ul.alphabet_menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.alphabet_menu li {
  float: left;
}

ul.alphabet_menu p {
  margin: 0;
  padding: 0;
}

ul.alphabet_menu p a {
  background: #cce4d9;
  border: 1px solid #a8bcb3;
  font-size: 10px;
 display: block;
 padding: 3px 5px 3px 5px;
 text-decoration: none; 
 font-weight: bold;
 margin: 1px;
 color: #333333;
}

ul.alphabet_menu p a:hover {
  border: 1px solid #b8cec4;
  background: #d9f2e6;
}