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

ul#red li
 {
 background-image: url('/images/red-square.gif');
 background-repeat: no-repeat;
 background-position: 0;
 padding-left: 35px;
 }

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

ul#green li
 {
 background-image: url('/images/green-square.gif');
 background-repeat: no-repeat;
 background-position: 0;
 padding-left: 35px;
 }

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

ul#yellow li
 {
 background-image: url('/images/yellow-square.gif');
 background-repeat: no-repeat;
 background-position: 0;
 padding-left: 35px;
 }

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

ul#blue li
 {
 background-image: url('/images/blue-square.gif');
 background-repeat: no-repeat;
 background-position: 0;
 padding-left: 35px;
 }

.at {
 font-color: #FF0000;
 font-size: 15px;
 font-style: oblique;
}