body,td { font-size:11px; color:#555; line-height:15px; }

#mainContent table { float:left; }
#mainContent a { color: #39C; }
#mainContent a:hover { color: #000; }
#mainContent .container { text-align:left; width:910px; margin:0px 30px 20px 30px; }

p { margin-top:0; }

h1 { text-align:left; font: normal 20px Arial, Helvetica, sans-serif; color:#39C; height:40px; margin:5px 0 0 0; line-height:1.8em; border-bottom:1px solid #E6E6E6; }
h2 { text-align:left; font: normal 17px Arial, Helvetica, sans-serif; color:#39C; height:35px; margin:20px 0 0 0; }
h3 {  }

hr { border: 1px; color: #DDE; background-color: #DDE; height: 1px; clear: both; }

.showlist { float:left; list-style:none; margin:0; padding:0; line-height:2em; }
.showlist li { list-style:none; width:430px; height:25px; margin:0; color: #39C; border-bottom:1px solid #E6E6E6; }
.showlist li a { display:block; text-decoration:none; color: #000; }

.archivelist { float:left; list-style:none; margin:0; padding:0; line-height:2em; }
.archivelist li { list-style:none; width:234px; height:25px; margin:0; color: #39C; border-bottom:1px solid #E6E6E6; }
.archivelist li a { display:block; text-decoration:none; color: #000; }
.archivelist li h4 { float:left; margin:0; text-align:left; font: bold 11px Tahoma, Geneva, sans-serif; color:#39C; white-space:nowrap; overflow:hidden; }
.archivelist li h5 { float:right; margin:0; text-align:left; font: normal 11px Tahoma, Geneva, sans-serif; color:#39C; overflow:hidden; }

.archiveposter, .archiveposter ul { float:left; margin:0; padding:0; list-style:none; }
.archiveposter li { list-style:none; float:left; width:124px; margin-right:22px; margin-bottom:10px; }
.archiveposter li img { width:124px; height:176px; margin-bottom:5px; }
.archiveposter li a { display:block; text-decoration:none; color: #000; }
.archiveposter li h4 { width:100%; margin:0; text-align:left; font: bold 11px Tahoma, Geneva, sans-serif; color:#39C; white-space:nowrap; overflow:hidden; }
.archiveposter li h5 { width:100%; margin:0; text-align:left; font: normal 10px Tahoma, Geneva, sans-serif; color:#39C; overflow:hidden; }

/* Scroll Bar Styling Starts Here */

#scrollContent {
/* Typical fixed height and fixed width example */
text-align:left;
width: 365px;
height: 400px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
xbackground-color: #E7EADE;
margin: 0 0 0 0;
padding:0 15px 0 0;
}

#archiveContent {
/* Typical fixed height and fixed width example */
text-align:left;
width: 254px;
height: 400px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
xbackground-color: #E7EADE;
margin: 0 0 0 0;
padding:0 15px 0 0;
}

.scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; }
.vscrollerbase { width: 10px; background-color: #DEDEDE; filter:alpha(opacity=50); /* Internet Explorer */ -moz-opacity:0.5; /* Mozilla 1.6 and below */opacity: 0.5; /* newer Mozilla and CSS-3 */ }
.vscrollerbar { width: 10px; background-color: #39C; }
.hscrollerbase { height: 10px; background-color: #DEDEDE; }
.hscrollerbar { height: 10px; background-color: #39C; }
.scrollerjogbox { width: 10px; height: 10px; top: auto; left: auto; bottom: 0px; right: 0px; xbackground-color: gray; }