@import url('menu.css');

/* HOME */
/* pre-load the hover images into the lists */
.menu-home li.menu-home {width:48px; background:url(../img/menu/home_.gif) no-repeat;}
.menu-home li.menu-aboutus {width:68px; background:url(../img/menu/aboutus_.gif) no-repeat;}
.menu-home li.menu-contact {width:61px; background:url(../img/menu/contact_.gif) no-repeat;}
.menu-home li a { }
/* set up the normal unhovered images in the links */
.menu-home li a#menu-home {width:48px; background:url(../img/menu/home.gif) no-repeat; height:25px; }
.menu-home li a#menu-aboutus {width:68px; background:url(../img/menu/aboutus.gif) no-repeat; height:25px;}
.menu-home li a#menu-contact {width:61px; background:url(../img/menu/contact.gif) no-repeat; height:25px;}
/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu-home li a#menu-home:hover, .menu li:hover a#home,
.menu-home li a#menu-aboutus:hover, .menu li:hover a#aboutus,
.menu-home li a#menu-contact:hover, .menu li:hover a#contact
 {background:transparent;}

/* set up the first drop down sub level */
.menu-home :hover ul.sub {left:0; top:25px; background: #E2E2E2; padding:1px 0; white-space:nowrap; width:152px; height:auto;}
.menu-home :hover ul.sub li {display:block; height:auto; position:relative; float:left; width:152px;}
.menu-home :hover ul.sub li a {display:block; font-size:11px; height:auto; width:147px; line-height:15px; color:#003D74; text-decoration:none; padding-left:5px; padding-bottom:3px; padding-top:3px; border-bottom:1px dotted #999; }
.menu-home :hover ul.sub li a.fly {background:#E2E2E2 url(../img/menu/arrow.gif) 152px 7px no-repeat;}
.menu-home :hover ul.sub li a:hover {background:#878889; color:#fff;}
.menu-home :hover ul.sub li a.fly:hover {background:#878889 url(../img/menu/arrow_over.gif) 152px 7px no-repeat; color:#fff;}
.menu-home :hover ul li:hover > a.fly {background:#878889 url(../img/menu/arrow_over.gif) 152px 7px no-repeat; color:#fff;} 

/* set up the flyout levels when hovering */
.menu-home :hover ul :hover ul,
.menu-home :hover ul :hover ul :hover ul,
.menu-home :hover ul :hover ul :hover ul :hover ul,
.menu-home :hover ul :hover ul :hover ul :hover ul :hover ul
{left:180px; top:-4px; background: #fff; padding:3px 0; border:1px solid #888; white-space:nowrap; width:93px; z-index:200; height:auto; z-index:300;}