@charset "utf-8";
/* CSS Document */

body {
font-size: 100%;
font-family: Arial, Helvetica, sans-serif;
background-image: url('images/bg.gif');
background-repeat:repeat-y;
background-position: center;
background-color: #1a60bc;
margin-top: 0;
}

#wrapper {
width: 600px;
margin: 0 auto;
}

#header {
margin: 0 -20px;
}

#content {
text-align: center;
}

.leftside3 {
width: 254px;
height: 240px;
margin-top: -290px;
float: left;
padding: 10px;
}

.rightside3 {
width: 300px;
height: 240px;
margin-top: -290px;
float: right;
padding: 10px;
}

.leftside2 {
width: 300px;
height: 240px;
margin-top: -240px;
float: left;
padding: 10px;
}

.rightside2 {
width: 254px;
height: 200px;
margin-top: -240px;
float: right;
padding: 10px;
}

.leftside1 {
width: 300px;
height: 90px;
float: left;
padding: 10px;
}

.rightside1 {
margin-top: -20px;
height: 110px;
width: 254px;
float: right;
padding: 10px;
}

.middle {
clear: both;
padding: 0;
margin: 0;
width: 600px;
}

.headline1 {
font-size: 1.6em;
color: #ff0000;
padding: 8px;
text-align: center;
font-weight: bold;
}

.headline2 {
font-size: 1.2em;
color: #000080;
padding: 8px;
text-align: center;
margin-bottom: 0px;
}

.headline3 {
clear: both;
float: left;
width: 600px;
margin: 22px 0 0 -2px;
color: #FFFFFF;
padding: 0px;
font-size: 1em;
text-align: center;
font-weight: bold;
}

.headline4 {
clear: both;
width: 600px;
margin-top: -44px;
float: left;
color: #FFFFFF;
padding: 3px;
font-size: 1em;
text-align: center;
font-weight: bold;
}

h2 {
font-size: 1em;
padding: 6px;
margin: 0;
text-align: center;
}

h3 {
font-size: 1em;
padding: 6px;
color: #ff0000;
margin: 0;
text-align: center;
}

ul {
font-size: .8em;
margin: 0;
padding: 8px;
}

p {
text-align: left;
padding: 0px;
margin: 10px;
}

.form1 {
text-align: center;
width: 250px;
height: 215px;
padding-top: 10px;
}

form {
margin: 0;
padding: 0;
}

.small {
margin: 0px;
padding: 4px;
font-size: .7em;
}

#disclaimer {
text-align: center;
font-size: 10px;
color:#333333;
margin-top: 10px;
}

#links {
width: 600px;
text-align: center;
height: 12px;
padding: 0;
font-size: 12px;
}

#links a {
padding: 6px;
margin: 0 10px 10px 10px;
line-height: 20px;
text-decoration: none;
color: #333333;
}

.logos {
background: url('images/logos.gif') no-repeat;
height: 80px;
width: 300px;
}

.natural {
background: url('images/natural.gif') no-repeat;
width: 580px;
height: 184px;
margin: 0 auto;
}

.colon {
background: url('images/colon.gif') no-repeat;
width: 124px;
height: 123px;
}

.naturalbg {
background: url('images/naturalbg.gif') no-repeat;
width: 300px;
height: 215px;
}

.naturaltext {
font-size: .6em;
float: right;
width: 190px;
text-align: left;
margin: 9px;
color: #555555;
}

.testimonial {
font-size: .8em;
padding: 10px;
width: 180px;
float: left;
}

.testimonial img {
float: left;
padding: 0 10px 0 0;
}

.author {
font-style: italic;
width: 140px;
float: right;
}

a img {
border: 0;
}

.arrow {
clear: both;
float: left;
background: url('images/boxarrow.gif') no-repeat;
height: 300px;
width: 600px;
}

.reversearrow {
clear:both;
float: left;
background: url('images/reverseboxarrow.gif') no-repeat;
height: 300px;
width: 600px;
}

#footer {
clear: both;
float: left;
margin: 10px 0 10px 0;
width: 600px;
height: 30px;
padding: 0;
}