A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {color: #8888FF}

h1 {
font-variant: small-caps;
color: #F2FFF3;
font-size:1.25em;
}


h2 {
color: #BFE4FF;
font-size:1em;
padding-left:2em;

}


#title {
font-size: 2em;
font-variant: small-caps;
color: #F2FFF3;
}

#headerbox1 {
height:3em;
background:#B6E4B8;
height: 50px;
position: absolute;
top: 0px;
left: 0px;
width:15em;
}

#headerbox2 {
float:left;
width: 650px;
height:50px;
background:#B6E4B8;
border-right:2px solid #000;
border-bottom:2px solid #000;
position: absolute;
top: 0px;
left: 15em;
right:0px;
}


#leftbox1 {
left:0px;
width: 15em;
top: 50px;

background:#B6E4B8;
border-right:2px solid #000;
position: absolute;
}


#leftbox2 {
left:0px;
bottom: 0px;
width: 15em;
height: 100%;
/*z-index: -1;*/
background:#B6E4B8;
border-right:2px solid #000;
position: absolute;
}

#footerbox1 {
float:bottom;
height:3em;
background:#B6E4B8;
margin-right:15px;
position: absolute;
bottom: 0px;
left: 0px;
width:15em;
}

#footerbox2 {
float:bottom;
width: 650px;
height:3em;
background:#B6E4B8;
border-right:2px solid #000;
border-top:2px solid #000;
position: absolute;
bottom: 0px;
left: 15em;

}

#maincontent {
width: 630px;
position: absolute;
top: 3em;
left: 10em;
padding: 1em;
font-size: 1.5em;
}