/* start tc nav */
#nav {
width: 181px;
height: 205px;
list-style: none;
margin: 0 0 0 4px;
background: #fff
}

#nav li {
float: left;
position: relative;
width: 100%;
padding: 4px 0 0;
background: url(images/nav-sep.gif) -3px -1px repeat-x
}

#nav li.first {
padding-top: 1px;
background: none
}

#nav li a {
display: block;
overflow: hidden;
width: 100%;
height: 30px;
background: url(images/nav-our-centers.png) 0 50% no-repeat;
text-indent: -10001em;
font-size: 9px;
}

#nav li a.ways-you-can-help {
background-image: url(images/nav-ways-you-can-help.png)
}

#nav li a.car-donations {
background-image: url(images/nav-car-donations.png)
}

#nav li a.getting-help {
background-image: url(images/nav-getting-help.png)
}

#nav li a.about-us {
background-image: url(images/nav-about-us.png)
}

#nav li a.contact-us {
background-image: url(images/nav-contact-us.png)
}

#nav li a.home {
background-image: url(images/nav-our-centers.png)
}

#nav li a.staff-email {
background-image: url(images/nav-staff-email.png)
}

#nav li a:hover, #nav li a:focus, #nav li a:active, #nav li a.current {
background-position: -181px 0
}

#nav li:hover > a {
background-position: -181px 0
}

#nav li ul {
position: absolute;
left: -10001px;
top: -10001px;
list-style: none;
width: 187px;
margin: 0;
padding: 3px 0 3px 3px;
background: #83acca url(images/nav-hack.gif) repeat-y
}

#nav li:hover > ul {
left: 181px;
top: 4px;
}

#nav li.first:hover > ul {
top: 1px;
}

#nav li ul li {
width: 181px;
margin: 0;
padding: 0;
background: #3c87af;
border: 1px solid #83acca;
border-width: 0 3px 1px;
}

#nav li ul li a {
width: 155px;
height: auto;
padding: 2px 13px 2px 13px;
background: none;
color: #fff;
text-indent: 0;
font-family: Verdana, Tahoma, Helvetica, sans-serif;
font-size: 8.5pt;
}

#nav li ul li a.parent {
background: url(images/nav-arrow.gif) 173px 50% no-repeat
}

#nav li ul li a.parent:hover { 
background-position: 173px 50%
}

#nav li ul li a:hover, #nav li ul li a:focus, #nav li ul li a:active { 
background-color: #2f6c7f;
text-decoration: none
}

#nav li ul li:hover > ul, #nav li.first:hover ul li:hover > ul { 
left: 184px; 
top: -3px;
padding-left: 1px;
background-position: -2px 0;
}