<style type="text/css">
* {
padding: 0;
margin: 0;
}
<!--
.style1 {font-family:"Verdana", Arial, Helvetica, sans-serif}
-->
#blueblock1{
width: 145px;
border-right: 1px solid #fff;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family:  'Arial', Helvetica, sans-serif;
font-size: 100%;
background-color: #fff;
color: #fff;
}

* html #blueblock1{ /*IE 6 only */
w\idth: 120px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblock1 ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock1 li {
border-bottom: 1px solid #fff;
margin: 0;
}

#blueblock1 li a{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #1958b7;
border-right: 10px solid #fff;
background-color: #FFFFFF;
color: #333;
text-decoration: none;
width: 100%;
}

html>body #blueblock1 li a{ /*Non IE6 width*/
width: auto;
}

#blueblock1 li a:hover{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}

<!--
body {
	background-color: #FFF;
}
-->

</style>
@charset "utf-8";
/* CSS Document */

