.testSpan{
border-left:#e4e5e4 1px solid;
padding:0 25px 0 25px;
}

#nav ul ul .testSpan{
border:none;
padding:0 0 0 12px;
margin:0 0 0 10px;
background-image:url(/images/bg-subMenuBullet.png);
background-repeat:no-repeat;
background-position:left center;
display:block;



}

li.home .testSpan{
border-left:none;
padding:0 25px 0 25px;
}

#nav {
width:930px;
height:38px;
position:relative;
z-index:100;
margin:20px 0 0 0;
padding:0;
border-top:solid 1px #d9dbd8;
border-left:solid 1px #d9dbd8;
border-right:solid 1px #d9dbd8;
background-image:url(/images/bg-nav.png);


}
/* style table so it does nothing - required for IE to work */
#nav table {position:absolute; top:0; left:0; border-collapse:collapse;;}



/* remove all the bullets, borders and padding from the default list styling */
#nav ul {padding:0;margin:0;list-style-type:none;}
#nav ul ul {width:149px;}


#nav li {float:left;position:relative;}

/* style the links for the top level */
#nav a, #nav a:visited {

font-size:14px;
text-decoration:none;
color:#000;
width:auto;
height:30px;
padding:0;
line-height:29px;
font-weight:bold;
text-align:center;

}

/* style the top level hover */
#nav ul li a:hover {
display:block;
background-color:#ccd5c7;
color:#0b6a3a;
background:transparant;
height:33px;

}

#nav ul li:hover {
height:33px;
border-bottom:5px #006431 solid;
}

#nav ul ul li:hover {
/*height:33px;*/
border-bottom:none;
}

/***** background-color:#ccd5c7; ***/
#nav :hover > a, #nav ul ul :hover > a {
color:#000;

height:30px;

}


/* SECOND LEVEL  */
#nav ul ul a.drop, #nav ul ul a.drop:visited {
color:#4f4f4f; 
background:transparant;
background-image:url(/images/bg-subMenuBullet.png);
background-repeat:no-repeat;
background-position:left center;
}



#nav ul ul a.drop:hover , #nav ul ul li:hover {background-color:#ccd5c7;}
#nav ul ul :hover > a.drop {background-color:#ccd5c7;}


/* style the third level background */
#nav ul ul ul a, #nav ul ul ul a:visited {
color:#0b6a3a;
background:transparant;
}
/* style the third level hover */
#nav ul ul ul a:hover {
color:#0b6a3a;
background:transparant;
}



/* hide the sub levels and give them a positon absolute so that they take up no room */
#nav ul ul {
visibility:hidden;
position:absolute;
height:0;
top:38px;
left:0;
width:255px;
border-left: solid 1px #c5cfc0;
border-right: solid 1px #c5cfc0;
border-bottom: solid 1px #c5cfc0;
height:auto;
}



/* style the second level links */
#nav ul ul a, #nav ul ul a:visited {
color:#4f4f4f;
font-weight:none;
height:auto;
line-height:18px;
padding:3px 0 3px 0px;
margin:0;

text-align:left;
font-size:13px;
height:21px;
display:block;

}
#nav ul ul li {
background-image:url(/images/bg-subMenu.png); 
border-bottom:1px dotted #006431;
width:255px;
height:26px;
opacity: 0.80;
filter:alpha(opacity=75); /* IE's opacity*/
}

#nav ul ul li a:hover {
color:#4f4f4f;
height:21px;
margin:0;
background-repeat:no-repeat;
background-position:left center;
padding:3px 0 3px 0px;
margin:0 0 0 0px;
background-color:#ccd5c7;
}



#nav ul ul li:hover {
height:27px;
border-bottom:1px dotted #006431;
opacity:1;
}



/* make the second level visible when hover on first level list OR link */
#nav ul li:hover ul, #nav ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
/* #nav ul ul :hover ul {visibility:hidden;} */


/* make the third level visible when you hover over second level list OR link */
/* #nav ul :hover ul :hover ul{ visibility:visible;} */

/* position the third level flyout menu */
#nav ul ul ul{left:255px; top:-1px; width:149px;} 



#nav ul ul ul a {
color:#4f4f4f;
}

#nav ul ul,
#nav ul li:hover ul ul
{
  display: none;
}

#nav ul ul li:hover ul,
#nav ul li:hover ul
{
  display: block;
}

#nav ul li.current {
color:#0b6a3a;
height:33px;
border-bottom:5px #006431 solid;
}

#nav ul li.current a {
color:#0b6a3a;
background-image:url(/images/bg-navCurrent.png);
background-repeat:no-repeat;
background-position:center bottom;
display:block;
height:38px;
}

#nav ul li.current ul a {
color:#4f4f4f;
background-image:none;
}