/*  CSS Document  */

body {
font-family: 'Arial', Arial, sans-serif;
margin-left: 1em;
margin-right: 1em;
font-size: 90%;
background-color: #e6e6ff;}

/*  Header  */

#header {
text-align: center;}

#header h1 {
font-size: 170%;
font-weight: bold;
padding: 10px 0px 10px 0px;}

#header p {
padding-bottom: 15px;}


/*  SIDE NAVIGATION  */

#sidenav {
width: 15.5em;
margin: 0 0.5em 0 1em;
padding: 0 0 5px 0;
border: 1px solid black;
background-color: white;
float: left;}

#sidenav li {
margin: 15px 0;}


/*  MAIN CONTENT AREA  */

#screenshot {
position: relative;
margin-left: 18em;
margin-bottom: 30px;
width: 600px;
height: 434px;}

#screenshot img {
border: 0px;}

#content h2 {
font-size: 130%;
font-weight: normal;
text-decoration: underline;
margin-left: 14.3em;
margin-right: 1.5em;
margin-bottom: -5px;}

#content p {
text-align: justify;
margin-left: 18.5em;
margin-right: 1.5em;}

#content ul {
text-align: justify;
margin-left: 18.5em;
margin-right: 1.5em;}

#content table {
text-align: justify;
margin-left: 1em;
margin-right: 1em;}

#content td {
vertical-align: top;
padding: 10px;}

#description h1 {
font-size: 120%;
margin-top: 20px;
margin-bottom: 20px;}

#description p {
text-align: justify;}

#description img {
border: 0px;
float: left;
margin: 0px 15px 10px 0px;}