body     { color: #000; font-family: Verdana, Helvetica, Geneva, Arial, SunSans-Regular; background: #333395 url(../images/bkg_page.jpg) repeat-x; margin-top: 8px; margin-bottom: 16px }
#wrap    { background-color: white; text-align: left; clear: both; border: solid 2px #00f; width: 765px; overflow: hidden }
#sidebar { float: left; width: 165px; background: #fff; }
#content     { font-size: 12px; background-color: white; float: right; padding-left: 20px; width: 580px }
#content p   { line-height: 18px; padding: 8px 16px }
#content_top  { line-height: 18px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; border-top: 2px solid #f00 }
h1   { font-weight: normal; font-size: 30px; font-family: Georgia, "Times New Roman", Times; margin-bottom: 8px }
li { padding-bottom: 4px }
.content_lines { padding-top: 10px; padding-right: 100px; padding-bottom: 10px; border-top: 2px solid #f00; font-family: "Verdana", sans-serif; font-size: 12px; }
#footer   { color: white; font-size: 10px; text-align: center; clear: both; padding-top: 10px; width: 765px }
#footer a  { color: white; font-size: 10px; text-align: center; clear: both; padding-top: 10px; width: 765px }
.red { background: #f22 url(../images/red_grad.jpg) repeat-y right top; color: #000; }
#sidebar a { font-size: 12px; text-decoration: none; text-align: center; margin-bottom: 3px; padding-top: 7px; padding-bottom: 7px; display: block }
a:hover.red { background: #f22; color: #fff; }
.yellow { background: #fcc30f url(../images/side_grad.jpg) repeat-y right top;  color: #000; }
a:hover.yellow {background: #fcc30f;}
.green { background: #493 url(../images/green_grad.jpg) repeat-y right top;  color: #000; }
a:hover.green {background: #493; color: white;}
.blue { background: #44f url(../images/blue_grad.jpg) repeat-y right top;  color: #000; }
a:hover.blue {background: #44f; color: #fff }