body { 
background-color: #000000;
font-family: verdana, "lucida console", sans-serif;
text-align: left;
}

div {
overflow: auto;
border-color: #FFFFFF;
margin: 0px;
}

p {
margin: 14px;
color: #000000;
font-size: 11px;
}

a {
color: #000000;
font-size: 14px;
font-family: verdana, "lucida console", sans-serif;	
font-weight: normal;
text-decoration: none;
}

a:visited {
color: #000000;
font-size: 14px;
font-weight: normal;
text-decoration: none;
}

a:hover {
}

h1 {
font-size: 18px;
margin-top: 15px;
margin-left: 30px;
margin-right: 20px;
margin-bottom: 15px;
}

h2 { 
font-size: 14px;
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 10px;
text-align: left;
}

h3 { 
font-size: 16px;
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 10px;
text-align: center;
}

/* The container for the page */

#container {
width: 876px;
background-color: #000;
margin: 6em auto;
}

/* This is the box with the image */

#image {
width: 350px;
height: 350px;
background-color: #EFE6DB;
float: left;
overflow: hidden;
}

#image2 {
width: 350px;
height: 350px;
background-color: #CCFFCC;
float: left;
overflow: hidden;
}

/* This is the box containing the text and menu */

#text {
width: 525px;
height: 350px;
background-color: #EFE6DB;
float: right;
overflow: hidden;
}

#text2 {
width: 525px;
height: 350px;
background-color: #C1E5E2;
float: right;
overflow: hidden;
}



/* This is the stuff in text */

#main {
float: left;
width: 520px;
height: 306px;
overflow: auto;
}

#main p {
margin: 5px;
margin-left: 14px;
}

#main h2 { 
margin-left: 30px;
text-align: left;
font-weight: normal;
font-style: none;
}

#main img {
float: left;
}

#main div.leftform {
float: left;
width: 180px;
height: 220px;
}

#main div.rightform {
float: right;
width: 210px;
height: 220px;
}

#main div.belowform {
float: left;
width: 500px;
}

#menu {
float: left;
width: 500px;
overflow: hidden;
padding-left: 10px;
}

#menu img {
float: left;
border: 0px;
border-color: #FFFFFF;
}