/* 
Menu colour used:
menu text yellow: #e8ce33;
menu mid green:   #548c79;
menu dark yellow: #3c7561;
menu text grey:   #d8dadc;
*/

#topMenu_nav {padding:0; margin:0;margin-bottom:2px; list-style:none;background:#1d5f62;height: 30px; white-space: nowrap;width: 100%;margin-top:3px;z-index:500;font-family:verdana, sans-serif; color:White;}
#topMenu_nav li.top {display:block; float:left; height:30px; }
#topMenu_nav li a.top_link {display:block; float:left; height:30px; line-height:30px; color:#ffffff; text-decoration:none; font-size:13px; cursor:pointer;background: #1d5f62;}



#topMenu_nav li a.top_link span {float:left; display:block; padding:0 15px 0 8px; height:30px; } /*top menu strip */
#topMenu_nav li a.top_link span:hover { color: #e8ce33; }

#topMenu_nav li a.top_link span.down {float:left; display:block;  height:30px;  background: #1d5f62; padding:0 15px 0 15px;}

#topMenu_nav li:hover a.top_link {color:#ffffff; background: #1d5f62;}
#topMenu_nav li:hover a.top_link span {background: #1d5f62;}
#topMenu_nav li:hover a.top_link span.down {background: #1d5f62;}

/* Default list styling */

#topMenu_nav li:hover {position:relative; z-index:200; }

#topMenu_nav li:hover ul.sub
{left: 0px; top:30px; background: #1d5f62; padding: 0 0 0 0; border:0 0 0 0; margin: 0 0 0 0; white-space:nowrap; width:140px; height:auto; z-index:300;}

#topMenu_nav li:hover ul.sub li
{display:block; height:30px; position:relative; float:left; width:140px; vertical-align:middle;
}


/* XXXX */
#topMenu_nav li:hover ul.sub li a
{display:block; font-size:13px;

/* these 2: added up(to 30px) moves the txt up or down */
height:24px; padding: 6px 0 0 0; 

width:130px; 
text-indent: 10px; 
color: white; text-decoration:none; }
/* XXXX */

#topMenu_nav li ul.sub li a.fly
{background:#1d5f62 url(arrow.gif) 80px 6px no-repeat;
}
 
 
/*******  TEXT COLORS FOR MENUS *********/
#topMenu_nav li:hover ul.sub li a:hover 
{
background-color: #548c79;
color: #E8CE33;

/* drop-down menu text color */
}


.sub ul li 
{
background-color: #518c79;
height: 30px  !important;
width: 135px;
display: block;
}





/* color of the sub-manu items  color: */
.sub ul li a{color: #d8dadc !important;

}

.sub ul li a:hover
{
background-color: #3c7561 !important;
color: #E8CE33 !important;
}



#topMenu_nav li:hover ul.sub li a.fly:hover
{
 background: url(arrow_over.gif) 80px 6px no-repeat; 
color: #E8CE33;
/* 1st level menu (with sub--items) text mouseover color */
background-color: #548c79;

/* background color for 1st level menu mouseover, when it has 2nd level sub items */
}

/*******  END TEXT COLORS FOR MENUS *********/



#topMenu_nav li:hover li:hover ul,
#topMenu_nav li:hover li:hover li:hover ul,
#topMenu_nav li:hover li:hover li:hover li:hover ul,
#topMenu_nav li:hover li:hover li:hover li:hover li:hover ul
{left:135px; top: 0px;

 background-color: #548c79;
 /* background color of 2nd level menu, no mouseover */
 
 /* text color makes no difference here */
padding: 0 0 0 0; 
border-color:#1d5f62; white-space:nowrap; width:135px; height: 30px; z-index:400; /* height:auto; */}


#topMenu_nav ul, 
#topMenu_nav li:hover ul ul,
#topMenu_nav li:hover li:hover ul ul,
#topMenu_nav li:hover li:hover li:hover ul ul,
#topMenu_nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;
background-color:#3c7561;
 width:0; height:0; margin:0; padding:0; list-style:none;}

#topMenu_nav li:hover li:hover a.fly,
#topMenu_nav li:hover li:hover li:hover a.fly,
#topMenu_nav li:hover li:hover li:hover li:hover a.fly,
#topMenu_nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#548c79 url(arrow_over.gif) 80px 6px no-repeat; 
color: #e8ce33;
/* "color:" for text for 1st level menu items, that have 2nd level subitems, when you's mouse-offed it*/
/* mouseover color for the 1st level menu */
 } 

#topMenu_nav li:hover li:hover li a.fly,
#topMenu_nav li:hover li:hover li:hover li a.fly,
#topMenu_nav li:hover li:hover li:hover li:hover li a.fly
{
/* background-color:#1d5f62;*/
background: url(arrow.gif) 80px 6px no-repeat;
border-color:#1d5f62;
} 


/* quirks n hacks delux for crosses and arrows */
#topMenu_nav li.top, ul.sub a.fly{
padding-left: 11px !important;
background-image: url(../img/bullet_mnu.gif) !important;
background-repeat: no-repeat !important;
background-position: -8px 1em !important;
}


/* for the actual  crosses and arrows */
#topMenu_nav li.top:hover,
#topMenu_nav li:hover li:hover a.fly, 
#topMenu_nav li:hover li:hover li:hover a.fly,
#topMenu_nav li:hover li:hover li:hover li:hover a.fly,
#topMenu_nav li:hover li:hover li:hover li:hover li:hover a.fly{
padding-left: 11px !important;
background-image: url(../img/bullet_mnu_H.gif) !important;
background-repeat: no-repeat !important;
background-position: -8px 1em !important;

}

/* The Arrow positions */
ul.sub a{
padding-left: 11px !important;
background-image: url(../img/bullet_sub_mnu.gif) !important;
background-repeat: no-repeat !important;
background-position: -9px 1em !important;

}