/* Switch IT
------------------------------*/

.nav{ z-index:99; position:relative;}

.nav ul li a, .nav ul li a:visited {float:left; display:block; text-decoration:none; color:#cbd6e2; padding:12px 18px; line-height:1.2em; font-size:1.333em; overflow:hidden; background: url(../../images/bg-nav.gif) repeat-x #016685;}
.nav ul {padding:0; margin:0;list-style-type: none; background: url(../../images/bg-nav.gif) repeat-x #016685; }
.nav ul li {background:none; padding:0; float:left; position:relative;}
.nav ul li ul {display: none;}

/* specific to non IE browsers */
.nav ul li:hover a{background: url(../../images/bg-nav-hover-2.gif) repeat-x #005b76; color:#fff;}
.nav ul li.navSelected a{background: url(../../images/bg-nav-selected.gif) repeat-x #1d1a1a; color:#fff;}
.nav ul li:hover ul {display:block; background:#005b76; position:absolute; top:43px; left:0; }
.nav ul li:hover ul li a.hide {background:#515050!important;}
.nav ul li:hover ul li ul {display: none;}
.nav ul li:hover ul li a {display:block; background:none; font-weight:normal; font-size:1em; width:200px; color:#dedede; }
.nav ul li:hover ul li a:hover, .nav ul li:hover ul li:hover a.hide {background: #00526a; color:#fff;}
.nav ul li:hover ul li:hover ul {display:block; position:absolute; left:218px; top:0;}
.nav ul li:hover ul li:hover ul.left {left:-218px;}

.nav ul li.navSelected:hover a{cursor:default;}

.nav ul li.navSelected:hover ul{display:none;}

.nav ul li{
position:relative;
}

.nav ul li span{
display:none;
position:absolute;
top:-7px;
left:0;
width:71px;
height:7px;
background:url(../images/bg-nav-hover.png) no-repeat;
}

.nav ul li.navOne span{
width:130px;
}

.nav ul li.navTwo span{
width:94px;
}

.nav ul li.navThree span{
width:162px;
}

.nav ul li.navFour span{
width:87px;
}

.nav ul li.navFive span{
width:95px;
}

.nav ul li.navSix span{
width:133px;
}

.nav ul li.navSeven span{
width:104px;
}

.nav ul li:hover span{
display:block;
}

.nav ul li.navSelected span{
display:block;
background:url(../images/bg-nav-selected-2.png) no-repeat;
}

.nav ul li span em{
width:8px;
height:7px;
background:url(../images/bg-nav-hover-r.png) no-repeat;
position:absolute;
top:0;
right:-8px;
}

.nav ul li.navSelected span em{
background:url(../images/bg-nav-selected-r.png) no-repeat;
}