body 
{
background-color: #AABAC9; 
text-align: center;
margin-left: 0; 
margin-right: 0;
margin-top: 0; 
margin-bottom: 0; 
}

<style type="text/css">

h1 {padding:0; margin:0; color: #6F7A8E; font: Verdana; font-size: 20px}
H2 {padding:0; margin:0; color: #6F7A8E; font: Verdana; font-size: 20px}
H3 {padding:0; margin:0; color: #6F7A8E; font: Verdana; font-size: 15px}
H4 {padding:0; margin:0; color: #014E82; font: Verdana; font-size: 12px}
H5 {padding:0; margin:0; color: #000000; font: Verdana; font-size: 10px}
H6 {padding:0; margin:0; color: #000000; font: Verdana; font-size: 8px}

.leftcol 
{
padding:0; 
margin:0; 
color: black; 
font: 12px Arial;

}

p.nav 
{
padding:0; 
margin:0; 
color: #616145; 
font: 12px Arial;
font-variant: small-caps;
letter-spacing: 1px;
text-align: center;
}


ul 
{ 

font: 12px Verdana;
text-align: justify;
padding: 0px;
}

li 
{
margin-top : 0px;
margin-right: 10px;
margin-left: 10px;
text-decoration : none;
}

a:link.nav {color: black; text-decoration: none; padding: 1px;}
a:visited.nav {color: black; padding: 1px; text-decoration: none;}
a:hover.nav {color: #FFFFFF; text-decoration: none;  background-color: #6F7A8E; padding: 1px;}
a:active.nav {color: #FFFFFF; padding: 1px;}


p 
{
font: 12px Verdana;
text-align: justify;
}

a:link {color: #800000; text-decoration: none}
a:visited {color: #800000}
a:hover {color: #FF0000; text-decoration: underline}
a:active {color: #FFFFFF}


div.container 
{
width:777px; 
margin:0px; 
line-height:150%; 
margin-left: auto; 
margin-right: auto; 
text-align: left;
}

div.header 
{
padding:0px; 
color: #6F7A8E; 
font: Verdana; 
font-size: 20px; 
background-color: #AABAC9; 
}

div.header2 
{
padding:0.5em; 
color: #6F7A8E; 
font: Verdana; 
font-size: 20px; 
background-color: #AABAC9; 
}

h1.header 
{
padding:0; 
margin:0; 
color: #6F7A8E; 
font: Verdana; 
font-size: 15px
}

div.left 
{
float:left; 
width:160px; 
margin:0; 
}

div.left2 
{
float: left;
width:30px; 
margin:0px;

text-align: right;
}

div.content 
{
margin-left:174px; 
border-top: 8px solid #727A87;
border-left: 8px solid #727A87;
border-bottom: 8px solid #727A87;
border-right: 8px solid #727A87;
padding:15px; 
background-color: #9DA9B7;
}

div.footer 
{
padding:2px; 
color: #6F7A8E; 
font: Verdana; 
font-size: 10px; 
background-color: #AABAC9; 
clear:left;
}


div.container2 
{
width:777px; 
margin:0px; 
line-height:150%; 
margin-left: auto; 
margin-right: auto; 
text-align: left;
}

div.content2
{
margin-left:5px; 
border-top: 1px solid #6F7A8E;
border-left: 1px solid #6F7A8E;
border-bottom: 1px solid #6F7A8E;
border-right: 1px solid #6F7A8E;
padding: 0.2em; 
background-color: #9DA9B7;
}


div.containerx 
{
width:550px; 
margin:0px;
border-top:5px double #C2C2C2;
border-left:1px solid #5D5050; 
line-height:150%; 
border-right: 1px solid #5D5050;
margin-left: auto; 
margin-right: auto; 
text-align: left;
font: 12px Verdana;
background-image: url(img/paper2.gif);
}

div.leftx 
{
float:left; 
width:250px; 
margin:0; 
padding:5px;
text-align: left;
}

div.contentx 
{
margin-left: 250px; 
border-left: 5px double #C2C2C2;
padding:5px; 
background-image: url(img/paper2.gif);
}


div.containerz 
{
width:550px; 
margin:0px; 
border-left:1px solid #5D5050; 
line-height:150%;
border-bottom: 1px solid #5D5050;
border-right: 1px solid #5D5050;
margin-left: auto; 
margin-right: auto; 
text-align: left;
font: 10px Verdana;
background-image: url(img/paper2.gif);
text-align: justify;
}


div.leftz 
{
float:left; 
width:100px; 
margin:0; 
padding:5px;
text-align: left;
font: 10px Verdana;
}

div.contentz 
{
margin-left: 100px; 
border-left: 5px double #C2C2C2;
border-top: 5px double #C2C2C2;
padding:5px; 
background-image: url(img/paper3.gif);
}



div.container3 
{
width:777px; 
margin:0px; 
line-height:100%; 
margin-left: auto; 
margin-right: auto; 
text-align: right;
}

div.content3 
{
margin-right:2px; 
margin-left: 5px;
border-top: 1px solid #6F7A8E;
border-left: 1px solid #6F7A8E;
border-bottom: 1px solid #6F7A8E;
border-right: 1px solid #6F7A8E;
padding:0.3em; 
background-color: #9DA9B7;
}



div.container5 
{
width:530px; 
margin:1px;
border-top:5px solid #939FAD;
border-left:5px solid #939FAD;
border-bottom:5px solid #939FAD;
border-right: 5px solid #939FAD;
margin-left: auto; 
margin-right: auto; 
text-align: left;
font: 12px Verdana;
padding:8px;
background-image: url(img/fade1.gif);
}

div.container-side 
{
width:150px; 
margin:1px;
border-top:1px solid #939FAD;
border-left:1px solid #939FAD;
border-bottom:1px solid #939FAD;
border-right: 1px solid #939FAD;
margin-left: auto; 
margin-right: auto; 
text-align: left;
font: 12px Verdana;
padding:8px;
background-image: url(img/fade1.gif);
}

div.left5 
{
float:left; 
width:175x; 
margin:0; 
padding:5px;
text-align: left;
}



/* contact form style */

/* for main form wrapping div */
div#gb_form_div { 
  /* not styled on demo page */
}

/* id for the form itself */
form#gb_form { 
  /* not styled on demo page */
}

/* form and results heading size */
.main_formhead, .formhead { 
  font-size : 1.4em; 
  color : #6F7A8E; 
}



/* form legends and dt "heading" */
legend, dt { 
  font-weight : bold; 
  color : #000000;
}

/* main legend at top of the form */
legend#mainlegend { 
  font-size : 1.2em;
  color : #6F7A8E; 
}

/* form label text */
label { 
  color : #000000;
}

/* all inputs, select, and textarea */
input.med, input.short, select.med, textarea.textbox { 
  font : 95% 'Trebuchet MS', sans-serif; 
  color : #6F7A8E; 
  padding : 2px; 
  border : 1px solid #6F7A8E;
  background-color : #fffffa;
}

/* hover and focus styling - the classes like .hover and .focus below are for the javascript for IE */
input.med:hover, input.med:focus, input.short:hover, input.short:hover, select.med:hover, select.med:focus, textarea.textbox:hover, textarea.textbox:focus, input.med.hover, input.med.focus, input.short.hover, input.short.focus, select.med.hover, select.med.focus, textarea.textbox.hover, textarea.textbox.focus { 
  color : #000;  
  border : 1px solid #000;
  background-color : #fff;
}

/* for the checkbox input */
input.checkbox {
  /* not styled on demo page */
}

/* error heading weight and color - bold is for the error reason text */
span.error, dt.error, strong.error { 
  color : #cd0000; 
  font-weight : bold; 
}

/* success heading color */
span.success { 
  color : #000000; 
  font-weight : bold; 
}

/* privacy and "Why?" small element link sizes (relative to their parent element */
small.privacy, small.whythis { 
  font-size : 80%; 
}

/* set up relativity to position small Why? text */
small.whythis { 
  position : relative; 
}

/* Why? link style */
small.whythis a { 
  text-decoration : underline; 
  font-size : 0.95em;
}

small.whythis a:hover, small.whythis a:focus, small.whythis a:active { 
  text-decoration : none;
} 

/* hide the Why? text span */
small.whythis a span { 
  border : 1px solid #fafafa; 
  background-color : #fafafa; 
  padding : 0 4px 0 4px; 
  color : #fafafa;
  text-decoration : none; 
}

/* bring back Why? text span (title attribute backs this up for borwsers it doesn't function in */
small.whythis a:hover span, small.whythis a:focus span, small.whythis a:active span { 
  border : 1px solid #000; 
  background-color : #eecc11; 
  color : #000;
  padding : 0 4px 0 4px; 
  text-decoration : none; 
}

/* the link back to me for form credit */
p.creditline { 
  float : right; 
  margin : -17px 0; 
  padding-bottom : 1px; 
  font-size : 80%; 
}

/* used for abbreviation used relative to form. the .abbr class is for the span added for IE */
abbr, .abbr { 
  cursor : help; 
  border-bottom : 1px dotted #999;
}

/* set result color for blockquote dt "heading" */
dl#result_dl_blockq dt, dl.result_dl_blockq dt {
  color : #000000;
}

/* position result blockquote flush with parent */
dl#result_dl_blockq blockquote, dl.result_dl_blockq blockquote {
  margin-left : 0;
}

/* style the input names in the result */
div#hf_form_div span.items {
  font-weight : bold;
  color : #cc9900;
}


/* End CSS */

</style>