/* ================================================================ 
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/dd_valid.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:765px; 
    height:36px; 
    position:relative; 
    font-size:11px; 
    z-index:37; 
    padding-left: 6px;}


/* This style is for the top nav buttons - the first and last (home and company because they are pixels longer) */
 .menu ul li a.nav_item_H, .menu ul li a.nav_item_H:visited {
   display:block; 
   text-decoration:none; 
   width:128px; 
   height:37px; 
   
   }
   
 /* This style is for the top nav buttons - the middle 4 because they are all the same width */
   .menu ul li a.nav_item, .menu ul li a.nav_item:visited {
   display:block; 
   text-decoration:none; 
   width:126px; 
   height:37px; 
   
   } 
   
 /* This is the basic style of the dropdown menu */   
.menu ul li ul li a, .menu ul li ul li a:visited {
   display:block; 
   text-decoration:none; 
   color:#000;
   width:124px; 
   height:100%;
   text-align:center; 
   color:#fff; 
   border:1px solid #fff; 
   border-bottom:none; 
   /*line-height:20px; */
   font-size:11px; 
   /*overflow:hidden;*/
   padding-top: 10px;
   padding-bottom: 10px;
   
   }


 /* This is applied to the home button - even though there isn't a dropdown menu */   
.menu ul li.nav_item_left ul li a, .menu ul li.nav_item_left ul li a:visited {
   width:126px; 
}

 /* This is applied to the right top nav button because it's wider than the other nav items */  
.menu ul li.nav_item_right ul li a, .menu ul li.nav_item_right ul li a:visited {
   width:125px; 
}


.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */


/* This turns the top nav buttons on and off (except in IE6 and below) */
.menu ul li a#nav_item_home {width:128px; color:#fff;background-image: url('../images/01-Home-off.jpg');}
.menu ul li a#nav_item_home_on {width:128px; color:#fff;background-image: url('../images/01-Home-on.jpg');}
.menu ul li:hover a#nav_item_home {width:128px; color:#fff;background-image: url('../images/01-Home-on.jpg');}
.menu ul li:hover a#nav_item_home_on {width:128px; color:#fff;background-image: url('../images/01-Home-on.jpg');}

.menu ul li a#nav_item_solutions {width:126px; color:#fff;background-image: url('../images/02-Solutions-off.jpg');}
.menu ul li a#nav_item_solutions_on {width:126px;color:#fff;background-image: url('../images/02-Solutions-on.jpg');}
.menu ul li:hover a#nav_item_solutions {width:126px;color:#fff;background-image: url('../images/02-Solutions-on.jpg');}
.menu ul li:hover a#nav_item_solutions_on {width:126px;color:#fff;background-image: url('../images/02-Solutions-on.jpg');}

.menu ul li a#nav_item_contracts {width:126px;color:#fff;background-image: url('../images/03-Contracts-off.jpg');}
.menu ul li a#nav_item_contracts_on {width:126px;color:#fff;background-image: url('../images/03-Contracts-on.jpg');}
.menu ul li:hover a#nav_item_contracts {width:126px;color:#fff;background-image: url('../images/03-Contracts-on.jpg');}
.menu ul li:hover a#nav_item_contracts_on {width:126px;color:#fff;background-image: url('../images/03-Contracts-on.jpg');}

.menu ul li a#nav_item_partners {width:126px;color:#fff;background-image: url('../images/04-Partners-off.jpg');}
.menu ul li a#nav_item_partners_on {width:126px;color:#fff;background-image: url('../images/04-Partners-on.jpg');}
.menu ul li:hover a#nav_item_partners {width:126px;color:#fff;background-image: url('../images/04-Partners-on.jpg');}
.menu ul li:hover a#nav_item_partners_on {width:126px;color:#fff;background-image: url('../images/04-Partners-on.jpg');}

.menu ul li a#nav_item_news {width:126px;color:#fff;background-image: url('../images/05-News-off.jpg');}
.menu ul li a#nav_item_news_on {width:126px;color:#fff;background-image: url('../images/05-News-on.jpg');}
.menu ul li:hover a#nav_item_news {width:126px;color:#fff;background-image: url('../images/05-News-on.jpg');}
.menu ul li:hover a#nav_item_news_on {width:126px;color:#fff;background-image: url('../images/05-News-on.jpg');}

.menu ul li a#nav_item_company {width:128px;color:#fff;background-image: url('../images/06-Company-off.jpg');}
.menu ul li a#nav_item_company_on {width:128px;color:#fff;background-image: url('../images/06-Company-on.jpg');}
.menu ul li:hover a#nav_item_company {width:128px;color:#fff;background-image: url('../images/06-Company-on.jpg');}
.menu ul li:hover a#nav_item_company_on {width:128px;color:#fff;background-image: url('../images/06-Company-on.jpg');}






.menu ul li:hover a {color:#fff;background-image: url('../images/pulldown-background-off.png');}
.menu ul li:hover ul {display:block; position:absolute; top:37px; left:0; width:126px;}
.menu ul li:hover ul li a.hide {background-image: url('../images/pulldown-background-off.png'); color:#fff;}
.menu ul li:hover ul li:hover a.hide {background-image: url('../images/pulldown-background-on.jpg'); color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background-image: url('../images/pulldown-background-off.png'); color:#000;}
.menu ul li:hover ul li a:hover {background-image: url('../images/pulldown-background-on.jpg'); color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:126px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-126px;}