body {
background : #f2f2f2 url('navbg.jpg') repeat-x left top;
margin : 0;
padding-bottom : 40px;
line-height : 18px;
color : #777777;
text-align : center;
font-style : normal;
font-variant : normal;
font-weight : normal;
font-size : 12px;
font-family : Arial, Verdana, Tahoma;
padding-left : 0;
padding-right : 0;
padding-top : 0;
}
p {
padding : 0;
margin : 10px 0;
}
#wraper {
width : 740px;
height : auto;
margin : 0 auto;
}
#top_left {
width : 144px;
height : 40px;
float : left;
text-align : left;
}
#top_right {
text-align : right;
float : right;
}
.clear {
clear : both;
padding : 0;
margin : 0;
font-size : 1px;
height : 0;
}
.whitespace {
padding : 0;
margin : 0;
height : 15px;
clear : both;
}
.whitespace2 {
padding : 0;
margin : 0;
padding-top : 4px;
}
#top_left h1 {
background : url('logo.jpg') no-repeat;
padding : 0;
margin : 0;
width : 340px;
}
#top_left h1 span {
text-indent : -999em;
display : block;
width : 340px;
}
#top_left h1 a {
text-decoration : none;
display : block;
height : 39px;
width : 340px;
}
#top_right img {
border : 0;
margin : 0;
}
#main_body {
width : 708px;
height : auto;
border : 1px solid #e3e3e3;
background : #fff;
padding : 15px;
text-align : left;
}
#header_img {
padding : 0;
margin : 0;
height : 216px;
width : 708px;
}
#bottom {
width : 708px;
height : auto;
border : 1px solid #e3e3e3;
background : #fff;
padding : 15px;
text-align : left;
border-top : 0;
color : #999;
font-size : 10px;
line-height : normal;
}
#bottom_left {
padding : 0;
padding-top : 3px;
margin : 0;
float : left;
text-align : left;
}
#bottom_right {
padding : 0;
margin : 0;
float : right;
}
#bottom_right img {
border : 0;
}
a:link {
color : #444444;
text-decoration : none;
}
a:visited {
color : #444444;
text-decoration : none;
}
a:hover {
color : #000000;
text-decoration : none;
}
#left_side {
float : left;
text-align : left;
width : 260px;
padding : 15px 0 15px 0;
}
#right_side {
float : right;
width : 430px;
text-align : left;
}
#right_side #left {
width : 176px;
padding : 15px;
float : left;
text-align : left;
background : #fafafa;
}
#left_side ul {
margin : 0;
padding : 0;
padding-top : 5px;
list-style : none;
}
#left_side li {
list-style : none;
text-indent : 24px;
height : 20px;
padding-top : 1px;
display : block;
}
#left_side .facebook {
background : url('facebook.jpg') no-repeat left center;
}
#left_side .twitter {
background : url('twitter.jpg') no-repeat left center;
}
#left_side .flickr {
background : url('flickr.jpg') no-repeat left center;
}
#left_side .linkedin {
background : url('linkedin.jpg') no-repeat left center;
}
#right_side #right {
width : 176px;
padding : 15px;
float : right;
text-align : left;
background : #fafafa;
}
#right_side #reads {
background : #fafafa;
padding : 15px;
}
form {
width : 360px;
text-align : left;
}
fieldset {
margin : 0;
border : 0;
padding : 0;
}
legend {
display : none;
}
form h3 {
clear : both;
padding : 5px 0 10px 0;
font-size : 14px;
}
form label {
display : block;
width : 310px;
font-size : 12px;
line-height : 14px;
padding : 0 0 12px 0;
}
form input {
display : block;
margin-top : 3px;
}
form select {
float : left;
display : block;
}
form label.field-first, form label.field-address, form label.field-city, form label.field-email {
clear : left;
}
form label.field-first, form label.field-last, form label.field-city, form label.field-email, form label.field-phone {
float : left;
margin : 0 10px 0 0;
width : 150px;
}
form label.field-first input, form label.field-last input, form label.field-email input, form label.field-city input, form label.field-phone input {
float : left;
width : 150px;
padding : 0;
}
form label.field-state {
float : left;
margin-right : 10px;
width : 60px;
}
form label.field-state select {
width : 60px;
float : left;
margin-top : 3px;
}
form label.field-zip {
float : left;
width : 80px;
}
form label.field-zip input {
float : left;
width : 80px;
}
form label.field-address {
float : left;
width : 310px;
margin : 0 0 0 0;
}
form label.field-address input {
float : left;
width : 310px;
padding : 0;
}
form input#radiobutton_1, form input#radiobutton_2, form input#radiobutton_3, form input#radiobutton_4 {
clear : left;
float : left;
padding : 0;
margin : 0 0 0 0;
}
form label.radioitem {
clear : none;
margin : 0 0 0 25px;
padding : 0 0 15px 0;
}
textarea {
display : block;
}
form input#checkbox_1, form input#checkbox_2, form input#checkbox_3 {
clear : both;
float : left;
padding : 0;
margin : 0;
}
form label.field-checkbox {
clear : none;
margin : 0 0 0 25px;
padding : 0 0 15px 0;
}
form textarea {
margin-top : 3px;
}
#left_page {
float : left;
width : 480px;
text-align : left;
padding : 15px 0 15px 0;
}
#left_page h2 {
font-size : 14px;
font-weight : normal;
padding-bottom : 6px;
margin-bottom : 0;
color : #333;
margin-top : 0;
}
#left_page .img_float {
float : left;
margin : 5px 15px 5px 0;
}
#left_page .notes {
color : #999;
font-size : 10px;
line-height : 14px;
padding-top : 10px;
margin-bottom : 0;
}
#right_page {
float : right;
width : 170px;
padding : 15px;
background : #fafafa;
}
#right_page .faq_menu {
padding : 0;
margin-top : 4px;
color : #333;
}
#right_page .faq_menu a {
color : #666;
text-decoration : none;
}
#right_page .faq_menu a:hover {
color : #333;
text-decoration : none;
}
#right_page ul {
margin : 0;
padding : 0;
padding-bottom : 14px;
list-style : none;
padding-left : 11px;
}
#right_page li {
list-style : none;
display : block;
font-size : 11px;
line-height : 16px;
padding-bottom : 3px;
padding-top : 3px;
border-top : 1px solid #dfdfdf;
}
#right_page li a {
display : block;
}