.flexdropdownmenu, .flexdropdownmenu ul {      /*topmost and sub ULs, respectively*/
  font-family:         Times New Roman, Arial, Helvetica, sans-serif;
  font-size:           18px;
  text-decoration:     none;
  background-color:    #010C4C;
  color:               #FFFFFF;
  width:               255px;
  margin:              0;
  padding:             0;
  left:                0;
  top:                 0;
  position:            absolute;
  list-style-type:     none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;                 /* Black */
  border-bottom-width: 0;
  visibility:          hidden;
  display:             none;                    /*collapse all sub menus to begin with*/
  box-shadow:          1px 1px 1px 1px #FFFFFF; /*FCD66A shadow for CSS3 capable browsers.*/
  -webkit-box-shadow:  1px 1px 1px 1px #FFFFFF;
  -moz-box-shadow:     1px 1px 1px 1px #FFFFFF;
}


.flexdropdownmenu li {
  position: relative;
}

.flexdropdownmenu li a {
  display:             block;
  width:               255px;                   /*width of menu (not including side paddings)*/
  background-color:    #80A1B2;
  color:               #FFFFFF;                 /* White */
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #000000;                 /* Black */
  text-decoration:     none;
  padding:             2px 2px;
}

* html .flexdropdownmenu li {                   /*IE6 CSS hack*/
  display:             inline-block;
  width:               255px;                   /*width of menu (include side paddings of LI A*/
}

.flexdropdownmenu li a:hover, .flexdropdownmenu li.selected>a {
  font-size:           18px;
  display:             block;
  text-indent:         3px;
  border-style:        solid;
  text-decoration:     none;
  background-color:    #80A1B2;
  color:               #FFFFFF;
}

.rightarrowclass {
  position:            absolute;
  top:                 6px;
  right:               5px;
}