<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#blueblock{
width: 180px;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: "Traditional Arabic"; 
font-weight: bold;
font-size:16px;
/*font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;*/
/*font-size: 90%;*/
background-color: #CC0033;  /*#FF0000;#90bade;*/
color: #333;
}

* html #blueblock{ /*IE 6 only */
w\idth: 130px; /*147px; 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 {
border-bottom: 1px solid #90bade;
margin: 0;
}

#blueblock li a{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #990000;/*#1958b7;*/
border-right: 10px solid #FF6666;/*#508fc4;*/
background-color: #400000;/*#2175bc;*/
color: #fff;
text-decoration: none;
width: 100%;
font-family: "Traditional Arabic"; 
font-weight: bold;
font-size:16px;
}

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

#blueblock li a:hover{
border-left: 10px solid #FF6666;/*#1c64d1;*/
border-right: 10px solid #400000;/*#5ba3e0;*/
background-color: #990000;/*#2586d7;*/
color: #fff;
font-family: "Traditional Arabic"; 
font-weight: bold;
font-size:16px;
}

</style>

