* {margin:0; padding:0;}
#blueblock{
width: 260px;
height: 100%;
font-family: 'Tahoma';
color: #FFF;
}

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

#blueblock li {
list-style: none;
border-bottom: none;
margin: 0;
}

#blueblock li a{
list-style: none;
display: block;
padding: 0px 5px 0px 20px;
background: none; 
height:auto;
font-size:14px;
font-weight:normal;
line-height:28px;
color: #000;
text-decoration: none;
width: auto;
}

#blueblock li.sub a{
display: block;
padding: 0px 5px 0px 30px;
background:none; height:auto;
font-size:13px;
font-weight:normal;
line-height:23px;
color: #000;
text-decoration: none;
width: auto;
}

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

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

#blueblock li a:hover{
padding: 0px 5px 0px 20px;
background-image: linear-gradient(to right, rgba(38,124,14,1), rgba(255,0,0,0));
height:auto;
line-height:28px;
font-weight:normal;
color: #FFF;
}

#blueblock li.sub a:hover{
padding: 0px 5px 0px 30px;
background-image: linear-gradient(to right, rgba(38,124,14,1), rgba(255,0,0,0));
 height:auto;
font-size:12px;
line-height:23px;
font-weight:bold;
background-color: none;
color: #FFF;
}