body {
 background:url(i/bg.gif);
 color : #fff;
 font-family : Tahoma, Verdana, 'Arial CE', Arial, Helvetica, sans-serif;
 font-size : 8pt;
 margin:0; padding:0;
}
#topbg {
position:absolute;
background:url(i/bg_top.jpg) repeat-x;
background-position:50% 0;
top:0;
left:0;
height:318px;
width:100%;
}
#main { 
position:relative;
top:0;
width:779px;
margin:0 auto;
}
#topline {
float:left;
background:url(i/bg_topline.jpg) no-repeat;
background-position:12px 0;
width:779px;
height:44px;
}
#topline p {
padding:12px 30px;
font-size:18px;
font-weight:bold;
}


#content {
width:779px;
float:left;
}
#left {
float:left;
width:202px;
background:#4f002d;
margin-right:1px;
height:800px;

}
#left p,#right p {
font-size:14px;
font-weight:bold;
text-align:center;
}
#middle {
float:left;
width:359px;
background:#270b17;
margin-right:1px;
padding:7px;
height:790px ;

}
#right {
float:left;
width:202px;
background:#4f002d;
height:800px;

}

#footer {
width:779px;
height:48px;
float:left;
margin-top:3px;
margin-bottom:0px;
background:url(i/foot.jpg) no-repeat top left;
overflow:hidden;
}
#footer p {
position:relative;
top:15px;
color:#fff;
font-size:12px;
padding:0 15px;
}
#footerlink {
padding:15px 0 15px 0;
text-align:center; 
}
a {
color:#fff;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
p {padding:0; margin:0}

.left {
float:left;
}
.center {
display:block;
margin:0 auto;
}
.clear {
clear:both;
}

img {border:0;}