body {margin: 0; padding: 0; width: 100%; text-align:center; }

#wrapper { width: 976px; text-align: left; margin: 0 auto; position: relative; }
#header { clear:both; width: 100%; height:68px; background-image: url(../images/top68.jpg); margin-top: 10px; margin-bottom: 10px;}
#footer { clear:both; width: 100%; height:30px; text-align:center; line-height:30px; background-image: url(../images/footer30.png); margin-bottom: 20px;}

#left { width:188px; float:left; overflow: hidden; margin-bottom: 10px;}
#right { width: 188px; float: right; overflow: hidden; margin-bottom: 10px;}
#middle { width: 580px; margin-left: 10px; float: left; overflow: hidden; margin-bottom: 10px;}

.boxtop {width: 580px; height:24px; line-height:24px; background: url(../images/boxtop.jpg); text-indent: 10px;}
.box {width: 580px; min-height: 400px; background: url(../images/box580.png);}
.boxbottom {width: 580px; height:4px; background: url(../images/boxbottom4.jpg) no-repeat;}
.content { margin: 0 16px 0 16px; padding: 4px 0 4px 0; }

#wmiddle { width: 778px; margin-left: 10px; float: left; overflow: hidden; margin-bottom: 10px;}
.wboxtop {width: 778px; height:24px; line-height:24px; background: url(../images/boxtop778.png); text-indent: 10px;}
.wbox {width: 778px; min-height: 400px; background: url(../images/box778.png);}
.wboxbottom {width: 778px; height:4px; background: url(../images/boxbottom778.png) no-repeat;}

.sideboxtop {width: 188px; line-height: 24px; background: url(../images/box188top.png) no-repeat; text-indent: 6px;}
.sidebox {width: 188px;  padding-bottom: 10px; display:table; }
.sidebox.dark {background: url(../images/darkbox188.png);}
.sidebox.green {background: url(../images/greenbox188.png);}
.sidebox.light{background: url(../images/lightbox188.png);}
.sideboxbottom {width: 188px; margin-top: -4px; margin-bottom: 5px; height:5px; background: url(../images/darkbox188bottom.png) no-repeat; }