/****** Page Edited By IMC for 508 compliance *****
* Commented and added the CSS values, As we have vertical menus to horizantal the shadow effect was distrubing the layout at line 21
* Commented by IMC as we converted vertical menus to horizantal the big submenus was coming down as it was having fix width at line 42
* Commented and added by IMC for proper display of menu a herf 49
* Added the CSS  ".topmenulink:focus" to show the hover effect on focus effect by IMC at 63
* Added the new CSS while converted vertical menus to horizantal.A s before the main menu was build in table format we have converted it in UL LI format at 74. 
/****** Page Edited By IMC for 508 compliance *****/

.flexdropdownmenu, .flexdropdownmenu ul{ /*topmost and sub ULs, respectively*/
font: normal 12px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid white;
border-bottom-width: 0;
visibility: hidden;
display: none;


 /*collapse all sub menus to begin with*/
/*-- Start --- Commented and added the CSS values, As we have converted vertical menus to horizantal the shadow effect was distrubing the layout.*/
/*--box-shadow: 3px 3px 8px #818181; ---*//*shadow for CSS3 capable browsers.*/ 
/*--webkit-box-shadow: 3px 3px 8px #818181;  ---*/
/*--moz-box-shadow: 3px 3px 8px #818181;---*/
 /*--border-right:none; ---*/
 width:100%;  
   background: #94b6d2;  
 border-bottom: 1px solid white;
  
/*-- END ---*/
}


.flexdropdownmenu li{
position: relative;
float:left;
}

.flexdropdownmenu li a{
display: block;
/* commented by IMC as we converted vertical menus to horizantal the big submenus was coming down as it was having fix width*/
/*width: 140px; */ /*width of menu (not including side paddings)*/   
/*color: white;*/
color:#000066;
background: #94b6d2;
/* border-bottom:1px solid white; */ /*Commented by IMC as it was showing dark line at the bottom of the submenu*/
text-decoration: none;
/*-- START -- Commented and added by IMC for proper display of menu a herf */
/* padding: 4px 5px; */   
border-right:1px solid white; 
padding:6px 10px; 
font-size:11px; 
/*-- END --*/
}

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

/* Added the CSS  ".topmenulink:focus" to show the hover effect on focus effect by IMC */
.flexdropdownmenu li a:hover, .flexdropdownmenu li a:focus,  .flexdropdownmenu li.selected > a, .flexdropdownmenu li a:active{ 
background: #003466 !important;
color:#FFFFFF !important;
*background: #003466 !important;
*color:#FFFFFF !important;

}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
/****************** START - CSS ADDED BY IMC *********************/
/*  Added the new CSS while converted vertical menus to horizantal.
    As before the main menu was build in table format we have converted it in UL LI format.     */
#menucontainerUL{
    margin: 0;
    overflow: hidden;
    padding: 0;
    float:left;
}
#menucontainerUL .topmenutd {
float:left;
list-style:none;
}
#menucontainerUL_R{
    margin: 0;
    overflow: hidden;
    padding: 0;
    float:right;
}
#menucontainerUL_R .topmenutd {
float:left;
list-style:none;

}
#adminMENU li{
float:right;
}
#helpMENU li{
float:right;
}
/****************** END *********************/
