@charset "UTF-8";
/* CSS Document */

.block ul {
        list-style-type: none;
        width: 300px;
		margin-left: -25px;
} 

.block li {
        border: 1px dotted #0076c0;
        border-width: 1px 0;
        margin: 5px 0;
}

.block li a { 
        color: #0076c0;
        display: block;
        font: bold 12px Verdana, Helvetica, sans-serif;
        padding: 5px;
        text-decoration: none;
}
 /* In order for the block hover effect to work properly in IE, we need to make the width of the link the same as that of the list item. Otherwise the hover effect will only display when you mouse over the text within the list item. make hover effect work in IE */
 * html .block li a {
	width: 300px;
	
}

.block li a:hover {
	background: #f2f9fe;
	color: #0076c0;
}

.block a em {
	color: #333;
	display: block;
	font: normal 11px Verdana, Helvetica, sans-serif;
	line-height: 125%;
}

.block a span {
	color: #0195f2;
	font: normal 12px Verdana, Helvetica, sans-serif;
	line-height: 150%;
}
.block {
	float: left;
	width: 340px;
	background: #FFF;
}