html, body
{
  margin: 0;
  padding: 0;
}

body
{
  font: 85%/1.3 TrebuchetMS, Arial, Sans-Serif;
  text-align: left;
  background: #60a8bf;
  padding-bottom: 20px;
}

a
{
  color: #0066b3;
  background: inherit;
  text-decoration: none;
}

h1
{
  font: bold 1.1em Arial, Arial, Sans-Serif;
  color: #036da7;
}

h2
{
  font: bold 1.3em Arial, Arial, Sans-Serif;
  padding: 0;
  margin: 0;
}

h3
{
  font: bold 1.5em Arial, Arial, Sans-Serif;
}

.small
{
  font-size: 80%;
  color: #5d7b85;
  text-align: right;
}

div#header
{
  width: 100%;
  overflow: hidden;
  background: #5d7b85;
  text-align: center;
}

div#header h1, div#menu
{
  width: 770px;
  margin: 0 auto;
  text-align: left;
}

div#header h1
{
  padding: 0px;
  color: #ffffff;
}

ul#nav, ul#nav li
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul#nav
{
  float: right;
  font-size: 80%;
}

ul#nav li
{
  float: left;
  margin-left: 3px;
  text-align: center;
}

ul#nav a
{
  float: left;
  width: 95px;
  padding: 5px 0;
  background: #e7f1f8;
  text-decoration: none;
  color: #666666;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}

ul#nav a:hover
{
  background: #ffffff;
  color: #000000;
}

ul#nav li.activelink a, ul#nav li.activelink a:hover
{
  background: #ffffff;
  color: #003;
}

#right
{
  float: left;
  width: 76%;
  padding: 1em;
  margin-bottom: 1.2em;
  background: #eeeeee;
  text-align: justify;
}

#left
{
  float: right;
  width: 20%;
  margin: 0 0 10px 0;
	
}

#left .box
{
  padding: 1em;
  margin: 0 0 1em 0;
  background : #fff6bf;
}

#content
{
  font: 95%/1.3 TrebuchetMS, Arial, Sans-Serif;
  margin: 0 auto;
  padding: 15px;
  background: #cfe0e6;
}

ul#links
{
  padding: 0;
  margin: 0;
}

li#links
{
  list-style-type: none;
}

table
{
  font-size: 1em;
}

form
{
  display: inline;
}