/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {font-family: arial, sans-serif; width:100px; height:200px; position:relative; margin:0; font-size:11px; padding-left:5px; padding-top:5px; }
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#fff; width:100px; height:15px; text-align:center; background:#15467a; line-height:13px; font-size:11px; padding-top:5px;}
.menu ul {padding:0px; margin:0;list-style-type: none; }
.menu ul li {padding-top:2px; padding-bottom:2px; float:left; margin-right:1px; position:relative;  }

.menu ul li.home a { background-image:url(../images_common/nav/home-off.gif); background-repeat:no-repeat; }
.menu ul li.home a:hover { background-image:url(../images_common/nav/home-on.gif); background-repeat:no-repeat; }
.menu ul li.vacancies a { background-image:url(../images_common/nav/vacancies-off.gif); background-repeat:no-repeat; }
.menu ul li.vacancies a:hover { background-image:url(../images_common/nav/vacancies-on.gif); background-repeat:no-repeat; }
.menu ul li.aboutus a { background-image:url(../images_common/nav/about-us-off.gif); background-repeat:no-repeat; }
.menu ul li.aboutus a:hover { background-image:url(../images_common/nav/about-us-on.gif); background-repeat:no-repeat; }
.menu ul li.aboutus ul li.worldwide a { background-image:url(../images_common/nav/worldwide-off.gif); background-repeat:no-repeat; }
.menu ul li.aboutus ul li.worldwide a:hover { background-image:url(../images_common/nav/worldwide-on.gif); background-repeat:no-repeat; }
.menu ul li.aboutus ul li.usa a { background-image:url(../images_common/nav/usa-off.gif); background-repeat:no-repeat; }
.menu ul li.aboutus ul li.usa a:hover { background-image:url(../images_common/nav/usa-on.gif); background-repeat:no-repeat; }
.menu ul li.aboutus ul li.canada a { background-image:url(../images_common/nav/canada-off.gif); background-repeat:no-repeat; }
.menu ul li.aboutus ul li.canada a:hover { background-image:url(../images_common/nav/canada-on.gif); background-repeat:no-repeat; }
.menu ul li.ourservices a { background-image:url(../images_common/nav/our-services-off.gif); background-repeat:no-repeat; }
.menu ul li.ourservices a:hover { background-image:url(../images_common/nav/our-services-on.gif); background-repeat:no-repeat; }
.menu ul li.ourservices ul li.permanent a { background-image:url(../images_common/nav/permanent-off.gif); background-repeat:no-repeat; }
.menu ul li.ourservices ul li.permanent a:hover { background-image:url(../images_common/nav/permanent-on.gif); background-repeat:no-repeat; }
.menu ul li.ourservices ul li.contract a { background-image:url(../images_common/nav/contract-off.gif); background-repeat:no-repeat; }
.menu ul li.ourservices ul li.contract a:hover { background-image:url(../images_common/nav/contract-on.gif); background-repeat:no-repeat; }
.menu ul li.candidates a { background-image:url(../images_common/nav/categories-off.gif); background-repeat:no-repeat; }
.menu ul li.candidates a:hover { background-image:url(../images_common/nav/categories-on.gif); background-repeat:no-repeat; }
.menu ul li.ourclients a { background-image:url(../images_common/nav/our-clients-off.gif); background-repeat:no-repeat; }
.menu ul li.ourclients a:hover { background-image:url(../images_common/nav/our-clients-on.gif); background-repeat:no-repeat; }
.menu ul li.register a { background-image:url(../images_common/nav/register-off.gif); background-repeat:no-repeat; }
.menu ul li.register a:hover { background-image:url(../images_common/nav/register-on.gif); background-repeat:no-repeat; }
.menu ul li.contact a { background-image:url(../images_common/nav/contact-us-off.gif); background-repeat:no-repeat; }
.menu ul li.contact a:hover { background-image:url(../images_common/nav/contact-us-on.gif); background-repeat:no-repeat; }

.menu ul li ul {display: none; background:#066daa; border-left: solid #fff 2px;}

.menu ul li ul li { height:18px; background:#066daa; margin-bottom:2px; border-bottom:2px solid #fff; padding-left:3px; padding-top:3px; padding-right:3px; }
/* specific to non IE browsers */

.menu ul li:hover ul {display:block; position:absolute; top:0px; left:100px; width:106px; background:#066daa}
.menu ul li:hover ul li a.hide {background:#1a5899; color:#000;}
.menu ul li:hover ul li:hover a.hide {width:100px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#066daa; color:#fff; width:100px;}
.menu ul li:hover ul li a:hover {background:#066daa; color:#fff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:98px; top:0; color:#fff;}
.menu ul li:hover ul li:hover ul li a {display:block; width:100px; background:#066daa; color:#fff;}
.menu ul li:hover ul li:hover ul li a:hover {background:#066daa; color:#fff;}