li { list-style-type: none; }
.basic, #list2, #list3, #navigation { width:20em; }

.basic  { width: 258px; font-family: verdana; }
.basic div { background-color: #eee; }

.basic p { margin-bottom : 10px; border: none; text-decoration: none; font-weight: bold; font-size: 10px; margin: 0px; padding: 10px; }
.basic a { padding: 0 0 0 20px; height: 25px; line-height:25px; border-top:1px solid #000000; cursor:pointer; display:block; text-decoration: none; font-size: 12px; color: #7f7f7f; background-color: #000; font-family: Arial, Helvetica, sans-serif; background-image: url("/images/accordion/greenBar.jpg"); }


.basic a.selected { color:#FFF; font-weight:normal; background-color:#000; background-image: url("/images/accordion/redBarSelected.jpg"); }
.basic a.greenBar {background: url(/images/accordion/greenBar.jpg) no-repeat;}
.basic a.blueBar {background: url(/images/accordion/blueBar.jpg) no-repeat;}
.basic a.redBar {background: url(/images/accordion/redBar.jpg) no-repeat;}
.basic a.yellowBar {background: url(/images/accordion/goldBar.jpg) no-repeat;}

.basic a.greenBar.selected {background: url(/images/accordion/greenBarSelected.jpg) no-repeat;}
.basic a.blueBar.selected {background: url(/images/accordion/blueBarSelected.jpg) no-repeat;}
.basic a.redBar.selected {background: url(/images/accordion/redBarSelected.jpg) no-repeat;}
.basic a.yellowBar.selected {background: url(/images/accordion/goldBarSelected.jpg) no-repeat;}

.accordian { position:relative; }
.accordian a { background:none; border:none; bottom:0; color:#FFF; display:block; height:auto; line-height:auto; padding:2px 8px; position:absolute; right:0; }

#brownBar { background: url(/images/accordion/brownBar.png) no-repeat; width: 257px; height: 26px; }