body
{
    background-color:#e0ffe0;
    font-family: Verdana, Sans-Serif;
    font-size:smaller;
}

#container 
{
width: 720px;
margin: 10px auto;
background-color: #fff;
color: #333;
border: 1px solid gray;
line-height: 130%;
}
#header
{
padding: 10px;
background: #ddd url('header.gif') no-repeat;
border-bottom: 1px solid gray;
height: 75px;
}

#header h1, #header ul
{
display: none;
}

#menu 
{
float: left;
width: 160px;
margin: 0;
padding: 1em;
line-height: 100%;
}

#menu p 
{ 
    margin: 0 0 1em 0;
}
#menu h2
{
  font-size: 1.2em;
}
#menu ul
{
  padding: 0;
  margin: 0;
}
#menu li
{
  list-style-type: none;
  text-decoration: none;
  margin-left: 1em;
}
#menu li.section
{
  font-weight: bold;
  line-height: 1.2em;
  margin-left: 0;
}

#menu a
{
		text-decoration: none;
}

#menu a:link 
{
	color: #0000FF;
}
#menu a:visited 
{
	color: #0000FF;
}
#menu a:hover 
{
	color: #FF0000;
}
#menu a:active 
{
	color: #FF0000;
}

#content
{
margin-left: 200px;
border-left: 1px solid gray;
padding: 1em;
max-width: 36em;
min-height:200px;
}
#content h2 
{
    color: Maroon;
    margin: 0 0 .5em 0; 
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
font-size: smaller;
}

.l2
{
	 margin-left:16px;
}

.l3
{
	 margin-left:32px;
}

img.right
{
  float: right;
  padding: 2em;
}

#validation
{
  width: 720px;
  margin: 0 auto;
}

#validation img
{
  border: 0;
}