/* Websites CSS links */

#links ul {
        list-style-type: none;
        width: 340px;
        padding: 9px 5px 9px 20px;
}

#links li {
        border: 1px dashed #252525;
        border-width: 1px 0 0;
        border-bottom: 1px dashed #252525; /* Make a bottom dashed border */
        margin: 0px 0;
        /*background: url(/img/rdo_off.png) no-repeat left center; /* when the cursor is over, in the left side of the menu item background it will be display the rdo_off.png picture */
}

#links li a {
        color: #565656;
        display: block;
        font: bold 75% Verdana, Arial, Helvetica, sans-serif;
        padding: 9px 5px 9px 20px;
        text-decoration: none;
}

 * html #links li a {  /* make hover effect work in IE */
	width: 340px;
}

#links li a:hover {
        color: #D7D7D7;
        background: #111111 url(/img/arrow.gif) no-repeat right center; /* when the cursor is over, in the left side of the menu item background it will be display the rdo_on.png picture */
        /* text-indent:15px; /* Set this line of code to move the text 15 px to the right */
        background-position: 98% /* Position the icon_link.gif */
}

#links a em {
        color: #414141;
        display: block;
        font: normal 85% Verdana, Arial, Helvetica, sans-serif;
        line-height: 140%;
}

#links a span {
        color: #A50800;
        font: normal 85% Verdana, Helvetica, sans-serif;
        line-height: 140%;
}