
body { font: normal normal normal 14px/1.4em 'lucida grande', 'lucida sans', arial, helvetica, 'sans serif'; letter-spacing: -0.03em; color: #333; background: #17357d; }

a { color: #666; }
a:hover { text-decoration: none; }
p { padding: 0; margin: 5px 0; }

h1, h2.formTitle { font: bold normal 1.4em/1em 'helevetica', 'arial', 'sans serif'; letter-spacing: -0.03em; margin: 15px 0 5px 0; padding: 0 0 5px 0; }
h2.formTitle { display: none; padding-left: 5px; font-family: 'lucida grande', 'lucida sans', arial, helvetica, 'sans serif'; }
h2 { font: bold normal 1.3em/1em 'helevetica', 'arial', 'sans serif'; letter-spacing: -0.03em; margin: 15px 0 5px 0; padding: 0 0 5px 0; }
h3 { font: bold normal 1.2em/1em 'helevetica', 'arial', 'sans serif'; letter-spacing: -0.03em; margin: 15px 0 5px 0; padding: 0 0 5px 0; }
h4 { font: bold normal 1.1em/1em 'helevetica', 'arial', 'sans serif'; letter-spacing: -0.03em; margin: 15px 0 5px 0; padding: 0 0 5px 0; }

ol { padding: 3px 10px 3px 20px; }
ol li { list-style: decimal; }
ul { padding: 3px 10px 3px 20px; }
ul li { list-style: square; }

/* main layout */

#wsl { width: 100%; float: left; }

#head { width: 100%; float: left; background: url('images/head.jpg') 0 0 repeat-x; }
#head #header { width: 100%; height: 115px; float: left; }

#contact{ width: 100%; float: left; padding: 15px 0 10px 0; background: #d5e6fc; }
#contact .wrapper { width: 845px; padding: 15px 0 25px 35px; display: none; }

#main { width: 100%; float: left; background: #fff;  }
#main #body { width: 845px; float: left; padding: 25px 0 35px 35px; }

#privacy { width: 100%; float: left; padding: 10px 0 0px 0; background: #e6f1ff; }

#footer { width: 100%; float: left; background: #17357d url('images/footer.jpg') 0 0 repeat-x; }

.wrapper { width: 880px; margin: 0 auto; }

/* 
detailed divs 
*/

/* main */

#header h1#logo { width: 324px; height: 105px; float: left; padding: 0; margin: 0; }
#header h1#logo a { width: 324px; height: 105px; float: left; text-indent: -9999px; background: url('images/logo.jpg') 0 0 no-repeat; }

#body #main_col { width: 550px; float: left; }
#body #main_col a { color: #ff0202; }
#body #main_col a:hover { color: #fff; background: #ff0202; }

#body #sub_col { width: 265px; float: right; }

#body #sub_col #yellow_top { width: 265px; float: left; margin: 0 0 20px 0; color: #3f3d3d; font-size: .85em; background: #fdf3d0 url('images/yellow_top.jpg') 0 0 no-repeat; }
#body #sub_col #yellow_bottom { width: 225px; padding: 10px 20px 20px 20px; float: left; background: url('images/yellow_bottom.jpg') 0 bottom no-repeat; }
#body #sub_col #yellow_top h1 { padding: 7px 0 7px 30px; color: #c5a50f;font-size: 1.6em; background: url('images/ico_yellow.jpg') 0 0 no-repeat; }
#body #sub_col #yellow_top a { color: #c5a50f; }
#body #sub_col #yellow_top a:hover { color: #fff; background: #c5a50f; }

#body #sub_col #blue_top { width: 265px; float: left; color: #3f3d3d; font-size: .85em; background: #d5e6fc url('images/blue_top.jpg') 0 0 no-repeat; }
#body #sub_col #blue_bottom { width: 225px; padding: 10px 20px 20px 20px;float: left; background: url('images/blue_bottom.jpg') 0 bottom no-repeat; }
#body #sub_col #blue_top h1 { padding: 5px 0 7px 32px; color: #3056a3; font-size: 1.6em; background: url('images/ico_blue.jpg') 0 2px no-repeat; }
#body #sub_col #blue_top a { color: #3056a3; }
#body #sub_col #blue_top a:hover { color: #fff; background: #3056a3; }

/* privacy */

#privacy .wrapper { width: 845px; padding: 0px 0 10px 35px; }
#privacy .wrapper h1 { padding: 4px 0 10px 30px; background: url('images/ico_privacy.jpg') 0 0 no-repeat; }

#privacy .wrapper div#contact_info { width: 100%;  margin: 0; float: left; }
#privacy .wrapper div#contact_info p { width: 600px;  margin: 5px 0 0 0; font-size: .85em; float: left; }
#privacy .wrapper h3#contact_link a#expand { width: 149px; height: 36px; float: right; padding: 10px 0 5px 45px; margin: 0; font-size: 1em; letter-spacing: -0.07em; color: #e6f1ff; font-weight: bold; text-decoration: none; background: url('images/contact.jpg') 0 0 no-repeat; }
#privacy .wrapper h3#contact_link a#expand:hover { background: url('images/contact_over.jpg') 0 0 no-repeat; }

#privacy .wrapper .form_container { width: 94%; float: left; display: none; padding: 3% !important; font-size: .9em; background: #c9ddf4; border: 1px solid #aac9ec; }


/* footer */

#footer .wrapper { padding: 15px 0; text-align: right; min-height: 50px; color: #e6f1ff; font-family: helvetica; font-size: 1.1em; }
#footer .wrapper a { color: #fff; }

.fieldSelected { background: #a7c9f5 !important; border: 1px solid #d5e6fc !important;  }

.submitButton { font-size: .9em !important; }
