body
{
margin:5px;
font-family:arial;
font-size:10pt;
}

#title
{
font-size:13pt;
font-weight:bold;
color:#A1347B;
}

#pageHeader
{
background-image:url("../images/topBanner.jpg");
height:108px;
width:100%;
background-repeat:no-repeat;
background-position:top left;
}

#pureLeisureHeader
{
font-size:25px;
}

#pageMinSize
{
width:750px;
height:1px;
clear:both;
background-color:red;
}

#contents
{
background-image:url("../images/contentsBackground.jpg");
width:200px;
padding:5px;
font-family:arial;
font-size:12pt;
margin-top:15px;
float:left;
}

#contents a
{
display:block;
text-decoration:none;
color:white;
font-size:1.3em;
margin-bottom:5px;
padding:3px;
}


#contents a:hover, #contents .selected
{
background-color:#c375a5;
}

#pageContainer
{
min-width:750px;
width:expression(document.body.clientWidth < 750 ? "750px" : "100%" );
}

#mainArea
{
font-size:0.9em;
margin-left:210px;
padding-left:10px;
}

#cornerImage
{
width:249px;
height:337px;
float:right;
}

#websiteLinks
{
clear:both;
text-align:center;
padding-top:10px;
padding-bottom:10px;
}

#websiteLinks a
{
margin-right:10px;
text-decoration:none;
color:gray;
font-size:0.8em;
padding:5px;
}

#websiteLinks a:hover
{
color:#c375a5;
}

#footer
{
font-size:0.7em;
text-align:center;
color:gray;
clear:both;
}

#creatorFooter a
{
font-size:0.7em;
color:gray;
float:right;
text-decoration:none;
clear:both;
}

#creatorFooter a:hover
{
color:purple;
}