body {
background-color: #9ae4e8;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin:0px;
color: #FFFFFF;
}

A {
color: #3F9A9F;
font-size: 12px;
text-decoration: none; 
}

#header {
width: 1024px;
height: 259px;
background: url(images/header.gif) no-repeat;
margin: 0 auto;
}

#content {
width: 617px;
height: auto;
color: white;
margin: 0 auto;
}

#text {
width: 35%;
height: auto;
margin: 10px 30px 10px 40px;
float:left;
}

#contenttop {
width: 582px;
height: auto;
margin: 0 auto;
background: url(images/contenttop.gif) no-repeat;
}

#contentbottom {
width: 582px;
height: auto;
margin: 0 auto;
background: url(images/contentbottom.gif) no-repeat;
}

#menubg {
width: 617px;
height: 93px;
background: url(images/menubg.gif) no-repeat;
margin: 0 auto;
}

#menubottom {
width: 617px;
height: 380px;
background: url(images/bottomcomplete.gif) no-repeat;
margin: 0 auto;
}


#contentbg {
width: 582px;
height: auto;
background-color: #7cd9de;
margin: 0 auto;
}

#contentbg #panes {
margin-left: 40px;
margin-right: 40px;
}

#contentbg #panes .field {
font-weight: bold;
}

#contentbg #panes .text {
color: #32bcc4;
font-size: 10px;
display: block;
width: 200px;
}

.tweeter { 
background-color:#7CD9DE; 
padding: 1em; 
min-height:75px; 
font: 14px "Lucida Grande", Verdana, Arial, sans-serif; 
}

.tweeter img { 
float: left; 
margin: 5px; 
}

.error { 
background-color:#CC0000; 
border: 1px dotted gray; 
padding: 20px;
}


#three {
width: 25%;
height: auto;
margin: 10px 0 0 35px;
float: left;
}


#three .button {
color: #9ae4e8;
font-size: 12px;
text-decoration: none; 
font-weight: bold; 
padding: 0 3px 0 3px;
cursor: pointer;
}


#three .button:hover {
color: #a5f2f6; 
font-size: 12px;
text-decoration: none; 
padding: 0 3px 0 3px;
}