/* general styles for left nav div container*/
#left_nav {
top:0px;
font-size:11px;
background-image: url(images/leftNavBackGround.gif);
background-repeat:repeat-y;
height:100%;
}

/* removes default list styling */
#left_nav ul {
list-style: none;
margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; 
padding: 0px;

}
#left_nav li {
list-style: none;
margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; 
width:193px;
}
/*roll-off state*/
#left_nav li a {
margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; 
padding-top:7px;
padding-left:15px;
padding-bottom:5px;
display: block;
border-bottom: 1px solid #ccc;
background-image: url(images/navOff.gif);
color: #666;
text-decoration: none;
font-weight:normal;
width:193px;
}
/*roll-on state*/
#left_nav li a:hover {
font-weight:normal;
text-decoration:none;
color:#58A8D2;
background-image: url(images/navOn.gif);
background-position: left;
background-repeat: no-repeat;
width:193px;
}

/*breadcrumb state*/
#left_nav li span{
padding-top:7px;
padding-left:15px;
padding-bottom:5px;
display: block;
border-bottom: 1px solid #ccc;
color:#58A8D2;
text-decoration: none;
width:193px;
font-weight:bold;
background-image: url(images/navOn.gif);
background-position: left;
background-repeat: no-repeat;
}