body {
background-color: #FFFCF3;
text-align: center;
margin: 0px; padding: 0px;
}

#outer {
text-align: left;
position: relative;
top: 0px;
right: 10px;
margin-left: auto;
margin-right: auto;
width: 780px;
margin-top: 0px;
margin-bottom: 0px;
background-color: white;
}

#listcol {
background: none;
}
#main{
background-color: #fff5e0;
border-left: solid black 1px;
}
.listbox {
border: solid 2px green;
width: 285px;
padding: 5px 5px 5px 10px;
font-family: 'times new roman', helvetica, serif;
font-size: 16px;
color: black;
margin-bottom: 10px;
line-height: 1.2;
background-color: white;
}
.listbox .title {
font-weight: bold;
font-size: 20px;
color: green;
}
div#listpanel {
position: absolute;
width: 256px;
left: 540px;
top: 0px;
background: white url(images/redshadeR.jpg);
background-repeat: repeat-y;
}

div#colpanel3 {
position: absolute;
width: 540px;
/*width: 256px;*/
left: 0px;
top: 0px;
background: white url(images/redshadeN.jpg);
background-repeat: repeat-y;
border-left: solid black 1px;
}

/* border: 2px solid gray; */