body {
	padding: 2em 2em 1em 1em;
	margin: 0;
	font-family: sans-serif;

	color: #003333;
	background: #FFDDCC;
	background-position: top left;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-image: url(logo.png);
}
a { text-decoration: none; }
a:link { color: #521F99; background: transparent }
a:visited { color: #521F99; background: transparent }
a:active { color: #9D7ACC; background: transparent }
a:hover { color: #4D7ACC; background: transparent }


h1, h2, h3, h4, h5, h6 { 
  color: #003366;
  margin-left: 1em;
}

p, ul, ol {
  margin-left: 2em;
}

table.realtable {
  margin-left: 2em;
  text-align: center;
  background-color: #eee;
  border-collapse: collapse;
  border-style: solid;
  border-width: 1px;
  border-color: #999; 
}

td.realtable {
  border-style: solid;
  border-width: 1px;
  border-color: #666; 
  padding: 0.3em;
}

td.links {
  width:10em;
}

th, td { /* ns 4 */
  font-family: sans-serif;
}

a.link:hover {
  background-color: #a00
}

img.link {
  border: 1px solid #00f;
}

img.bigpic {
  border: 2px solid #fff;
}

p.desc {
  border: 1px solid #fff;
  background-color: #eee;
  margin-top: 0;
  margin-bottom: 2px;
}

p.links {
  font-weight: bold;
  border: 1px solid #fff;
  background-color: #ccc;
  margin-top: 0;
  margin-bottom: 2px;
}

img.right { float:right }
img.left { float:left }
.center {text-align: center}
.right {text-align: right }
.left {text-align: left }

#Header {
  padding:5px 20px 5px 20px;
  text-align: center;
  border-style:solid;
  border-color:black;
  border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
  background-color:#FFE7CC;
  line-height:0px;   
}

.headertext {
  width: 100%;
  font-size: 20px;
  font-weight: bold;
}

#Content {
  margin:50px 100px 10px 100px;
  padding:10px;  
}