body {
 margin: 0px;
 text-align: center;
 background-color: #FFF7E7;
 font-size: 12px;
 color: #352323;
}
#mainbox {
 margin: 0px;
 text-align: left;
 border-style: double;
 border-width: 5px;
 border-color: #E0B8C6;
 width: 720px;
 background-color: #FFFFFF;
}

#headerbox {
 position: relative;
 margin: 0px;
 width: 100%;
 height: 125px;
 color: #ffffff;
 font-size: 24px;
 font-weight: bold;
 background-image: url(img/chariloghead.gif);
}
#footerbox {
 margin: 0px;
 clear: both;
 width: 100%;
 text-align: center;
 color: #ffffff;
 font-size: 12px;
 background-color: #F7D681;
}
#leftbox {
 margin: 0px;
 float: left;
 width: 172px;
 color: #505050;
 background-color: #F7D681;
 font-size: 13px;
 text-align: center;
}

#centerbox {
 margin: 0px;
 float: right;
 width: 540px;
 color: #81536C;
 background-color: #ffffff;
 font-size: 13px;
}

#indexbutton {
 position: absolute;
 top: 0px;
 left: 0px;
}

#invitebutton {
 position: absolute;
 top: 3px;
 left:510px;
}

#rssbutton {
 position: absolute;
 top: 107px;
 left:670px;
}

#headmsg {
 position: absolute;
 top: 40px;
 left:240px;
 font-size: 20px;
 font-weight: bold;
 color: #4080a0;
}

h1 {
 margin: 8px 0 0 0;
 display: block;
 font-size: 14px;
 font-weight: bold;
 background-color: #C9011D;
 color: #ffffff;
}

p.picture {
 float: left;
 width: 48px;
 height: 60px;
 text-align: right;
}

div.pictleft {
 width: 265px;
 height: 60px;
 float: left;
}

div.pictright {
 width: 265px;
 height: 60px;
 float: right;
}

hr.pictclear {
 clear: both;
 height: 1px;
 color: #c0c0c0;
}