ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

li
{
background-image: url(arrow.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: .6em;
}

#sidebar ul {
list-style-type: none;
padding: 3px;
}

#sidebar li a {
display: block;
line-height: 150%;
width: 239px;
background: URL(ticks_grey.gif);
text-decoration: none;
}

#sidebar li a:link, a:active {
color: #666;
}

#sidebar li a:hover {
color: #F33;
background-position: 0 -20px;
}

#sidebar li a:visited {
background-position: 0 -40px;
}

// Put this these rules at the top of your CSS file and it will reset the default settings across all browsers to render the same. It's a great starting point for any new design.

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

:link,:visited {
text-decoration: none; 
}
 
ul,ol {
list-style: none;
}
 
h1,h2,h3,h4,h5,h6,pre,code {
font-size: 1em;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
margin: 0;
padding: 0;
}

a img,:link img,:visited img {
border: none;
}
 
address {
font-style: normal;
}