body
{
background-color: #FFFFFF;
text-align: center;
font-family: arial, helvetica, sans-serif;
}

h1
{
margin-top: 0px;
margin-bottom: 0px;
font-size: x-small;
font-weight: bold;
color: #FF0000;
}

h2
{
margin-top: 0px;
margin-bottom: 0px;
font-size: x-small;
font-weight: bold;
}

h3
{
margin-top: 0px;
margin-bottom: 0px;
font-size: x-small;
font-weight: bold;
color: #006699;
}

p
{
margin-top: 0px;
margin-bottom: 8px;
}

ul
{
list-style-type: disc;
list-style-position: inside;
}

a
{
font-size: x-small;
text-decoration: none;
color: #0000FF;
}

a:visited
{
color: #0000FF;
}

a:hover
{
text-decoration: underline;
}

/* sections */

div.container
{
width: 800px;
text-align: left;
}

div.left
{
float: left;
width: 674px;
padding-right: 5px;
font-size: x-small;
}

div.right
{
width: 120px;
}

div.header
{
height: 83px;
background-image: url(../images/header.jpg);
border-bottom: 3px solid #CCCCCC;
}

div.menu
{
float: left;
width: 132px;
margin-top: 8px;
font-weight: bold;
}

div.main
{
margin-left: 132px;
margin-top: 8px;
border-left: 3px solid #CCCCCC;
padding-left: 8px;
padding-right: 8px;
}

div.content
{
padding-top: 8px;
}

div.sectiontitle
{
border-bottom: 1px solid gray;
padding-bottom: 4px;
}

div.footer
{
border-top: 3px solid #CCCCCC;
padding-top: 8px;
font-size: xx-small;
}

/* classes */

img.screenshotbig
{
float: left;
margin: 0px 24px 8px 0px;
}

img.screenshotsmall
{
float: left;
margin: 0px 24px 32px 0px;
}

a.download
{
font-size: x-small;
font-weight: bold;
text-decoration: none;
color: #0000FF;
}

a.download:visited
{
color: #0000FF;
}

a.footer
{
font-size: xx-small;
text-decoration: none;
color: #0000FF;
}

a.footer:visited
{
color: #0000FF;
}