#mainbody
{
padding: 0;
margin: 40px;
background-color: #fff;
color: #000;
font: Bold 12px sans-serif;
text-align: center;
align: center;
v-align: center;
border: 0;
background-image: url(images/background.png);
}

#maincontainer
{
width: 800px;
margin-left: auto;
margin-right: auto;
}

/* ----------------------------------- */
/* Style for the header */
/* ----------------------------------- */

#headercontainer 
{
padding: 15px;
font-size: 16px;
color: #fff;
}

#headercontainer p
{
margin:0;
}

#headercontainer H1
{
margin: 0;
font-size: 64px;
}

#headercontainer H2
{
margin: 0;
font-size: 24px;
}

#headerimage
{
float: left;
}

#headercontainer ul
{
margin: 0;
padding:0px;
}

#headercontainer li
{
display:block;
list-style-type:none;
float:right;
width:150px;
height:40px;
background-image: url(images/button.png);
text-align:center;
line-height:40px;
}

#headercontainer li a, #headercontainer img
{
text-decoration: none;
color:#000;
border: 0;
}


/* -------------------------------------- */
/* div to put the end of a div past floating objects */
/* -------------------------------------- */

#divend, .divend
{
clear: both;
}

/* -------------------------------------- */
/* Menu style          */
/* -------------------------------------- */

#menucontainer
{
float:left;
margin: 0;
width: 270px;
height:100%;
}

#menucontainer ul
{
margin: 0;
padding:0px;
}

#menucontainer li
{
display:block;
list-style-type:none;
margin-left: 0px;
}

#menucontainer li a, #menucontainer img
{
text-decoration: none;
border: 0;
}


/* -------------------------------------- */
/* Style for the content          */
/* -------------------------------------- */


#pagecontentcontainer
{
float:right;
width:500px;
color: #400;
text-align: left;
}

#pagecontenttop
{
margin:0px;
padding:0px;
width:490px;
height:40px;
background-image: url(images/top.png);
}

#pagecontentmiddle
{
margin:0px;
padding:20px;
}

#pagecontent
{
margin:0px;
padding:0px;
width:490px;
background-image: url(images/middle.png);
}

#pagecontentbottom
{
margin:0px;
padding:0px;
height:40px;
width:490px;
background-image: url(images/bottom.png);
}


#contentimage
{
margin-left: auto;
margin-right: auto;
margin top: 20px;
margin bottom: 20px;
}

.imageright
{
float:right;
margin:10px;
}

.imageleft
{
float:left;
margin:10px;
}

.imagecentre
{
text-align:center;
margin-left:63px;
margin-right:auto;
margin-top:10px;
}

/* -------------------------------------- */
/* Style for the footer          */
/* -------------------------------------- */

#footercontainer
{
color: #fff;
padding: 15px;
font: Bold 8pt;
}

#footercontainer a
{
text-decoration: none;
color: #bbb;
}

#footercontainer a:hover
{
color: #000;
}


