body {
background-color: #CCCCCC;
font-family: Arial, Helvetica, sans-serif;
}

h1 {
font-family: Georgia, serif;
}

.pagewrapper {
display: block;
width: 730px;
margin: 15px auto 50px auto;
background-color: #FFFFFF;
}

.templatepagewrapper {
display: block;
width: 980px;
margin: 15px auto 50px auto;
background-color: yellow;
}

.templateheader {
background-color: #CCCCFF;
text-align: center;
padding: 20px;
}

.templateleftnav {
display: block;
width: 250px;
float: left;
background-color: #FFCCCC
}

.templateleftnav p {
padding-left: 20px;
}

.content  {
padding: 20px;
background-color: #FFFFFF;
}

.templatecontent  {
display: block;
width: 690px;
float: left;
margin: 0px auto 0px auto;
padding: 20px;
background-color: yellow;
}

.templatefooter {
clear: both;
background-color: #CCFFCC;
padding: 20px;
text-align: center;
}

.notemplatefooter {
clear: both;
padding: 20px;
text-align: left;
}