body {background-image: url(images/bg.gif); background-position: center;  background-repeat: repeat-y; 
font-size: 1em; text-align: left; font-family: "Lucida Grande", verdana, sans-serif; background-color: #eed; color: #555; margin: 0; padding: 0;}
#container { margin: 0 auto; width: 960px; background-color: #fff;
}
#content  {background-color: #fff; }
#top {background-color: #900; }
#mainmenu {padding: 0; background-color: #807B32; padding: 10px;}
#mainmenu ul {list-style: none; padding: 0; margin: 0;}
#mainmenu ul li {display: inline; padding: 0; margin: 0; }
#mainmenu ul li a {text-align: center;  color: #000; font-size: 90%; padding: 0 0 0 10px;}
#mainmenu ul li a:hover {color: #fff;}
.widepanel {margin: 10px 25px 10px 25px;}
.boldpanel {margin: 10px 20px 10px 20px; padding: 10px; background-color: #807B32; color: #fff;}
.boldpanel h2 {margin: 0; padding: 0px; font-size: 100%;display: inline;}
.boldpanel p {display: inline;}
.boldpanel a { color: #fff;
}
.boldpanel a:hover { color: #CCCF19;}
.redpanel, .bluepanel, .greenpanel {width: 295px; margin: 20px 0 0px 20px; padding: 0 0 0 0; float: left; background-color: #eed;}
a { color: #222; text-decoration: none;
}
.redpanel h2, .bluepanel h2, .greenpanel h2 {font-size: 110%; padding: 5px 10px; margin: 0 0 10px 0;color: #fff;}

.redpanel h2 {background-image: url(images/metalcurve_red.jpg); background-repeat: no-repeat;}
.bluepanel h2 {background-image: url(images/metalcurve_blue.jpg); background-repeat: no-repeat;}
.greenpanel h2 {background-image: url(images/metalcurve_green.jpg); background-repeat: no-repeat;}
.redpanel strong {color: #900;}
.greenpanel strong {color: #090;}
.bluepanel strong {color: #009;}
.redpanel div.foot { background-image: url(images/metalcurve_red.jpg);}
.bluepanel div.foot { background-image: url(images/metalcurve_blue.jpg);}
.greenpanel div.foot { background-image: url(images/metalcurve_green.jpg);}
.foot { background-position: 0 bottom; background-image:  background-repeat: no-repeat;}

#content .foot p {padding: 6px 10px; color: #fff;}
#content .foot a {padding: 0 10px 0 0 ; color: #fff;}
a:hover { color: #c00;}
#content p { padding: 0px 10px 10px 10px; margin: 0; font-size: 90%; text-align: left; }
#content p.highlight {background-color: #807B32; color: #fff; padding: 10px 10px 10px 10px;}
#footer { background-image: url(images/ro_footer.jpg); background-repeat: no-repeat; background-color: #eee; width: 960; height: 200; margin: 20px 0 0 0}
#footer p { }
.clear {clear: both;}