/* Start Vertical Navigatiuon */
#blueblock{
width: 230px;
padding: 0 0 0 0;
margin-bottom: 1em;
border-bottom: 1px solid #cccccc;
color: #333;
}

* html #blueblock{ /*IE 6 only */
w\idth: 210px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock li {
background: #f2f2f2 url("../images/link_background.gif") repeat-x top left;
border-top: 1px solid #cccccc;
margin: 0;
}

#blueblock li a{
font-weight: normal;
line-height: 1.3em;
display: block;
padding: 7px 8px 7px 12px;
color: #555;
text-decoration: none;
width: 100%;
}

html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}

#blueblock li a:hover{
background: url("../images/bullet_over.gif") no-repeat top left;
background-color: #ddd;
font-weight: normal;
}


#blueblock .sub {
margin: 0;
}

#blueblock .sub a {
background: url("../images/bullet_b.gif") no-repeat top left;
background-color: #eaeaea;
font-size: 0.9em;
display: block;
padding: 5px 0px 5px 20px;
color: #000;
text-decoration: none;
width: 100%;
}

html>body #blueblock .sub a{ /*Non IE6 width*/
width: auto;
}

#blueblock .sub a:hover{
background: url("../images/bullet_b_over.gif") no-repeat top left;
background-color: #e50084;
color: #fff;
}
/* END Vertical Navigatiuon */