/*main nav*/

ul.nav{
list-style:none;
display:block;
float:left;
margin:0;
width:702px;
height:50px;
}

ul.nav li, ul.nav li a, ul.nav li span{
display:block;
float:left;
height:50px;
}

ul.nav li a{background:url("../images/nav.gif") no-repeat left top;}

ul.nav li a.about, ul.nav li a.aboutOn{
background-position:0 0;
width:110px;
}
ul.nav li a.services, ul.nav li a.servicesOn{
background-position:-110px 0px;
width:130px;
}
ul.nav li a.info, ul.nav li a.infoOn{
background-position:-240px 0px;
width:110px;
}
ul.nav li a.special, ul.nav li a.specialOn{
background-position:-350px 0px;
width:150px;
}
ul.nav li a.news, ul.nav li a.newsOn{
background-position:-500px 0px;
width:85px;
}
ul.nav li a.eLearning, ul.nav li a.eLearningOn{
background-position:-585px 0px;
width:117px;
}

ul.nav li a.about:hover{background-position:0px -50px;}
ul.nav li a.services:hover{background-position:-110px -50px;}
ul.nav li a.info:hover{background-position:-240px -50px;}
ul.nav li a.special:hover{background-position:-350px -50px;}
ul.nav li a.news:hover{background-position:-500px -50px;}
ul.nav li a.eLearning:hover{background-position:-585px -50px;}

ul.nav li a.aboutOn{background-position:0px -100px;}
ul.nav li a.servicesOn{background-position:-110px -100px;}
ul.nav li a.infoOn{background-position:-240px -100px;}
ul.nav li a.specialOn{background-position:-350px -100px;}
ul.nav li a.newsOn{background-position:-500px -100px;}
ul.nav li a.eLearningOn{background-position:-585px -100px;}

/*sub nav*/

.bgSubNav{
background:transparent url("../images/bg_sub_nav.png") no-repeat center top;
display:block;
padding:24px 7px 12px 25px;
width:177px;
overflow:auto;
}

.bgSubNavBottom{
background:url("../images/bg_sub_nav_bottom.png") no-repeat center top;
width:209px;
height:15px;
overflow:auto;
}

.altBgSubNav{background:transparent url("../images/bg_sub_nav2.png") no-repeat center top;}
.altBgSubNavBottom{background:transparent url("../images/bg_sub_nav2_bottom.png") no-repeat center top;}

.bgSubNav h3{
width:153px;
height:26px;
}

.bgSubNav ul{
background:url("../images/bg_sub.gif") repeat-y 0 0;
list-style:none;
display:block;
margin:0;
width:153px;
}

.altBgSubNav ul{background:url("../images/bg_sub_alt.gif") repeat-y 0 0;}

.bgSubNav ul li, .bgSubNav ul li a{
display:block;
float:left;
width:153px;
}

.bgSubNav ul li a{height:32px;}

/*services nav*/

body #home .bgSubNav ul,
body #faq .bgSubNav ul,
body #sitemap .bgSubNav ul,
body #links .bgSubNav ul,
body #news .bgSubNav ul,
body #request .bgSubNav ul,
body #special_projects .bgSubNav ul,
body #adv_search .bgSubNav ul,
body #jobs .bgSubNav ul,
body #contactus .bgSubNav ul,
body #search_result .bgSubNav ul{
height:96px;
}

body #servicesLab .bgSubNav ul,
body #servicesTechno .bgSubNav ul,
body #servicesTrainingCalender .bgSubNav ul,
body #servicesResearch .bgSubNav ul{height:96px;}
body #servicesLab .bgSubNav ul.fiveChild{height:160px;}

body #servicesTechno .bgSubNav ul.threeChild,
body #servicesTrainingCalender .bgSubNav ul.threeChild{
background:url("../images/bg_sub_techno.gif") no-repeat 0 0;
height:108px;
}

body #servicesTechno .bgSubNav ul.threeChild{
height:152px;
}

ul li a.navServices_1{background:url("../images/navServices_1.gif") no-repeat 0 0;}
ul li a.navServices_2{background:url("../images/navServices_2.gif") no-repeat 0 0;}
ul li a.navServices_3{background:url("../images/navServices_3.gif") no-repeat 0 0;}

ul li a.navServices_1_1{background:url("../images/navServices_1_1.gif") no-repeat 0 0;}
ul li a.navServices_1_2{background:url("../images/navServices_1_2.gif") no-repeat 0 0;}
ul li a.navServices_1_3{background:url("../images/navServices_1_3.gif") no-repeat 0 0;}
ul li a.navServices_1_4{background:url("../images/navServices_1_4.gif") no-repeat 0 0;}
ul li a.navServices_1_5{background:url("../images/navServices_1_5.gif") no-repeat 0 0;}

ul li a.navServices_2_1{background:url("../images/navServices_2_1.gif") no-repeat 0 0;}
ul li a.navServices_2_2{background:url("../images/navServices_2_2.gif") no-repeat 0 0;height:44px;}
ul li a.navServices_2_3{background:url("../images/navServices_2_3.gif") no-repeat 0 0;}
ul li a.navServices_2_4{background:url("../images/navServices_2_4.gif") no-repeat 0 0;height:44px;}

ul li a.navServices_3_1{background:url("../images/navServices_3_1.gif") no-repeat 0 0;}
ul li a.navServices_3_2{background:url("../images/navServices_3_2.gif") no-repeat 0 0;}
ul li a.navServices_3_3{background:url("../images/navServices_3_3.gif") no-repeat 0 0;}
ul li a.navServices_3_4{background:url("../images/navServices_3_4.gif") no-repeat 0 0;}

/*about nav*/

body #about .bgSubNav ul{height:128px;}

ul li a.navAbout_1{background:url("../images/navAbout_1.gif") no-repeat 0 0;}
ul li a.navAbout_2{background:url("../images/navAbout_2.gif") no-repeat 0 0;}
ul li a.navAbout_3{background:url("../images/navAbout_3.gif") no-repeat 0 0;}
ul li a.navAbout_4{background:url("../images/navAbout_4.gif") no-repeat 0 0;}
ul li a.navAbout_21{background:url("../images/navAbout_2_1.gif") no-repeat 0 0;}
ul li a.navAbout_22{background:url("../images/navAbout_2_2.gif") no-repeat 0 0;}
ul li a.navAbout_23{background:url("../images/navAbout_2_3.gif") no-repeat 0 0;}
ul li a.navAbout_24{background:url("../images/navAbout_2_4.gif") no-repeat 0 0;}

/*news*/

ul li a.navNews_1{background:url("../images/navNews_1.gif") no-repeat 0 0;}
ul li a.navNews_2{background:url("../images/navNews_2.gif") no-repeat 0 0;}
ul li a.navNews_3{background:url("../images/navNews_3.gif") no-repeat 0 0;}

/*SpecialProj*/

body #special_projects .bgSubNav ul{height:160px;}

ul li a.navSpecialProj_1{background:url("../images/navSpecialProj_1.gif") no-repeat 0 0;}
ul li a.navSpecialProj_2{background:url("../images/navSpecialProj_2.gif") no-repeat 0 0;}
ul li a.navSpecialProj_3{background:url("../images/navSpecialProj_3.gif") no-repeat 0 0;}
ul li a.navSpecialProj_4{background:url("../images/navSpecialProj_4.gif") no-repeat 0 0;}
ul li a.navSpecialProj_5{background:url("../images/navSpecialProj_5.gif") no-repeat 0 0;}
ul li a.navSpecialProj_6{background:url("../images/navSpecialProj_6.gif") no-repeat 0 0;}

/*for all <a>*/

.bgSubNav ul li a:hover{background-position:-153px 0;}
.bgSubNav ul li a:active, .bgSubNav ul li a.On, .bgSubNav ul li a.On:hover{background-position:-306px 0;}

