* Main navigation bar styles*/

.menu { width:435px; background:url(../images/menu_bg.jpg) top left repeat-x; text-align:center;  height:22px; font-family:Arial, Helvetica, sans-serif; }
.menu ul { padding:0px 0px 0px 0px; margin:0 auto; list-style-type:none; }
.menu ul li { float:left; position:relative; height:22px; line-height:10pt; }/* float the top list items to make it horizontal */
.menu ul li { padding:0; margin:0; }


.menu01Bg { background:url(../images/menu_about_off.jpg) top left no-repeat; width:72px; height:22px; } 
.menu02Bg { background:url(../images/menu_products_off.jpg) top left no-repeat; width:70px; height:22px; }
.menu03Bg { background:url(../images/menu_services_off.jpg) top left no-repeat; width:68px; height:22px; } 
.menu035Bg { background:url(../images/menu_facility_off.jpg) top left no-repeat; width:68px; height:22px; } 
.menu04Bg { background:url(../images/menu_quality_off.jpg) top left no-repeat; width:57px; height:22px; }
.menu05Bg { background:url(../images/menu_contact_off.jpg) top left no-repeat; width:80px; height:22px; } 


/* Main menu rollover styles, allows button to stay highlighted when on the dropdown */

.rollover1 { width:72px; height:22px; display:block; padding:0; margin:0 }
.rollover1:hover { background:url("../images/menu_about_on.jpg") top left no-repeat; }
.rollover1 a { display:block; height:22px; line-height:10pt; font-size:9pt; font-weight:normal; color:#193e8f; border-top:0px; border-bottom:0px; text-decoration:none; padding:5px 10px 0px 10px; margin:0 }
.rollover1 a:hover { background:url("../images/menu_about_on.jpg") top left no-repeat; color:#ffffff; text-decoration:none; }/* Rollover fix for IE 6 */
.rollover1 :hover > a { background:url("../images/menu_about_on.jpg") top left no-repeat; color:#ffffff; text-decoration:none; }

.current1 { width:72px; height:22px; background:url("../images/menu_about_on.jpg") top left no-repeat; padding:0; margin:0; }
.current1 a {display:block; height:22px; line-height:10pt; font-size:9pt;  font-weight:normal; color:#193e8f; border-top:0px; border-bottom:0px; text-decoration:none; padding:5px 10px 0px 10px; margin:0 }
.current1 a:hover { background:url("../images/menu_about_on.jpg") top left no-repeat; color:#ffffff; text-decoration:none; }/* Rollover fix for IE 6 */


.rollover2 { width:78px; height:22px; display:block; padding:0; margin:0 }
.rollover2:hover { background:url("../images/menu_products_on.jpg") top left no-repeat; }
.rollover2 a { display:block; height:22px; line-height:10pt; font-size:9pt;  font-weight:normal; color:#193e8f; border-top:0px; border-bottom:0px; text-decoration:none; padding:5px 6px 0px 6px; margin:0 }
.rollover2 a:hover { background:url("../images/menu_products_on.jpg") top left no-repeat; color:#ffffff; text-decoration:none; }/* Rollover fix for IE 6 */
.rollover2 :hover > a { background:url("../images/menu_products_on.jpg") top left no-repeat; color:#ffffff; text-decoration:none; }

.current2 { width:78px; height:22px; background:url("../images/menu_products_on.jpg") top left no-repeat; padding:0; margin:0; }
.current2 a {display:block; height:22px; line-height:10pt; font-size:9pt;  font-weight:normal; color:#193e8f; border-top:0px; border-bottom:0px; text-decoration:none; padding:5px 6px 0px 6px; margin:0 }
.current2 a:hover { background:url("../images/menu_products_on.jpg") top left no-repeat; color:#ffffff; text-decoration:none; }/* Rollover fix for IE 6 */


.rollover3 { width:68px; height:22px; display:block; padding:0; margin:0 }
.rollover3:hover { background:url("../images/menu_services_on.jpg") top left no-repeat; }
.rollover3 a { display:block; height:22px; line-height:10pt; font-size:9pt;  font-weight:normal; color:#193e8f; border-top:0px; border-bottom:0px; text-decoration:none; padding:5px 10px 0px 10px; margin:0 }
.rollover3 a:hover { background:url("../images/menu_services_on.jpg") top left no-repeat; color:#ffffff; text-decoration:none; }/* Rollover fix for IE 6 */
.rollover3 :hover > a { background:url("../images/menu_services_on.jpg") top left no-repeat; color:#ffffff; text-decoration:none; }

.current3 { width:68px; height:22px; background:url("../images/menu_services_on.jpg") top left no-repeat; padding:0; margin:0; }
.current3 a {display:block; height:22px; line-height:10pt; font-size:9pt;  font-weight:normal; color:#193e8f; border-top:0px; border-bottom:0px; text-decoration:none; padding:5px 10px 0px 10px; margin:0 }
.current3 a:hover { background:url("../images/menu_services_on.jpg") top left no-repeat; color:#ffffff; text-decoration:none; }/* Rollover fix for IE 6 */


.rollover35 { width:68px; height:22px; display:block; padding:0; margin:0 }
.rollover35:hover { background:url("../images/menu_facility_on.jpg") top left no-repeat; }
.rollover35 a { display:block; height:22px; line-height:10pt; font-size:9pt;  font-weight:normal; color:#193e8f; border-top:0px; border-bottom:0px; text-decoration:none; padding:5px 10px 0px 10px; margin:0 }
.rollover35 a:hover { background:url("../images/menu_facility_on.jpg") top left no-repeat; color:#ffffff; text-decoration:none; }/* Rollover fix for IE 6 */
.rollover35 :hover > a { background:url("../images/menu_facility_on.jpg") top left no-repeat; color:#ffffff; text-decoration:none; }

.current35 { width:68px; height:22px; background:url("../images/menu_facility_on.jpg") top left no-repeat; padding:0; margin:0; }
.current35 a {display:block; height:22px; line-height:10pt; font-size:9pt;  font-weight:normal; color:#193e8f; border-top:0px; border-bottom:0px; text-decoration:none; padding:5px 10px 0px 10px; margin:0 }
.current35 a:hover { background:url("../images/menu_facility_on.jpg") top left no-repeat; color:#ffffff; text-decoration:none; }/* Rollover fix for IE 6 */













.rollover4 { width:57px; height:22px; display:block; padding:0; margin:0 }
.rollover4:hover { background:url("../images/menu_quality_on.jpg") top left no-repeat; }
.rollover4 a { display:block; height:22px; line-height:10pt; font-size:9pt;  font-weight:normal; color:#193e8f; border-top:0px; border-bottom:0px; text-decoration:none; padding:5px 10px 0px 10px; margin:0 }
.rollover4 a:hover { background:url("../images/menu_quality_on.jpg") top left no-repeat; color:#ffffff; text-decoration:none; }/* Rollover fix for IE 6 */
.rollover4 :hover > a { background:url("../images/menu_quality_on.jpg") top left no-repeat; color:#ffffff; text-decoration:none; }

.current4 { width:57px; height:22px; background:url("../images/menu_quality_on.jpg") top left no-repeat; padding:0; margin:0; }
.current4 a {display:block; height:22px; line-height:10pt; font-size:9pt;  font-weight:normal; color:#193e8f; border-top:0px; border-bottom:0px; text-decoration:none; padding:5px 10px 0px 10px; margin:0 }
.current4 a:hover { background:url("../images/menu_quality_on.jpg") top left no-repeat; color:#ffffff; text-decoration:none; }/* Rollover fix for IE 6 */


.rollover5 { width:80px; height:22px; display:block; padding:0; margin:0 }
.rollover5:hover { background:url("../images/menu_contact_on.jpg") top no-repeat; }
.rollover5 a { display:block; height:22px; line-height:10pt; font-size:9pt;  font-weight:normal; color:#193e8f; border-top:0px; border-bottom:0px; text-decoration:none; padding:5px 5px 0px 5px; margin:0 }
.rollover5 a:hover { background:url("../images/menu_contact_on.jpg") top left no-repeat; color:#ffffff; text-decoration:none; }/* Rollover fix for IE 6 */
.rollover5 :hover > a { background:url("../images/menu_contact_on.jpg") top left no-repeat; color:#ffffff; text-decoration:none; }

.current5 { width:80px; height:22px; background:url("../images/menu_contact_on.jpg") top left no-repeat; padding:0; margin:0; }
.current5 a {display:block; height:22px; line-height:10pt; font-size:9pt;  font-weight:normal; color:#193e8f; border-top:0px; border-bottom:0px; text-decoration:none; padding:5px 5px 0px 5px; margin:0 }
.current5 a:hover { background:url("../images/menu_contact_on.jpg") top left no-repeat; color:#ffffff; text-decoration:none; }/* Rollover fix for IE 6 */



/* First level dropdown styles */
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul { width:100px; visibility:hidden; position:absolute; height:21; top:26px; left:2px; margin-left:-2px; }
.menu ul ul li { display:block; width:100px; height:auto; position:relative; line-height:10px; border:none; }
/* rollover styles */
.menu ul ul a { display:block; width:100px; background-image:url(../images/menu_dropdown01.jpg); height:100%; text-transform:none; line-height:9pt; color:#193e8f; text-align:left; font-size:9pt; text-decoration:none; font-weight:normal; padding:4px 5px 4px 10px; margin:0; border:solid #193e8f; border-width:0px 1px 1px 1px; }
.menu ul ul a:hover { color:#99a9cd; background:#ffffff; }
* html .menu ul ul a { width:100px; w\idth:100px; }

.right ul ul { left:-65px; }


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table { position:absolute; left:0; top:0; font-size:9px; }
 

/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{ visibility:visible; height:auto; padding-bottom:3em; background:transparent url(../images/spacer.gif);}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{ visibility:hidden; }
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{ visibility:hidden; }
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible; }
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { visibility:visible; }