/* CSS Document */

* {margin: 0; padding: 0;}

html, body {background: url('../images/bg.gif') repeat-x white;}

p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 19px; text-align: left; color: #183152}
p a {color: #BA3535; font-weight: bold; text-decoration: underline;}
p a:hover {color: #C4AF7B; text-decoration: none;}

h1 {font-family: "Times New Roman", Times, serif; font-size: 28px; font-weight: bold; line-height: 30px; text-align: left; color: #B74142;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 20px; text-align: left; color: #183152;}

ul {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 19px; text-align: left; color: #183152; list-style-type: disc; padding: 15px 0 15px 0;}
ul li {margin: 0 0 0 30px;}
ul li a {color: #BA3535; font-weight: bold; text-decoration: underline;}
ul li a:hover {color: #C4AF7B; text-decoration: none;}
ul li ul {margin: 0; padding: 0 0 5px 0;}
ul li ul li {list-style-type: circle; margin-left: 15px;}


#header_wrapper {width: 100%; height: 230px; background: url('../images/header.jpg') no-repeat top center;}
#content_wrapper {width: 800px; height: auto; margin: 0 auto;}
#navigation {float: left; width: 800px; height: 29px; background: url('../images/nav.gif') no-repeat bottom center;}
#body_wrapper {width: 656px; height: auto; margin: 0 auto;}
#body_left {display: block; float: left; width: 442px; height: auto;}
#body_right {float: left; width: 214px; height: auto;}
#body_full {float: left; width: 656px; height: auto; min-height: 150px; background: url('../images/faded_floral.gif') no-repeat left top; background-position: 0px 10px;}
#footer {display: block; float: left; width: 800px; height: auto; margin-top: 10px; padding-bottom: 50px; background: url('../images/nav.gif') no-repeat top center; background-position: 0 25px;}

/* Navigation Styles */
#navigation p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; text-align: center; color: #183152; margin-top: 8px; word-spacing: 32px;}
#navigation p a {color: #183152; text-decoration: none; font-weight: normal;}
#navigation p a:hover {color: #BA3535; text-decoration: underline;}

/* Page Title Styles */
img.page_title {display: block; float: left; width: 440px; height: auto; margin: 13px 0 0 0; padding: 0 0 0 2px;}

/* Text Styles */
#body_left p {display: block; float: left; width: 95%; margin: 10px 0 0 0; padding: 0 0 10px 11px;}
#body_left h1 {margin: 15px 0 0 11px;}

#body_full p {display: block; float: left; width: 95%; margin: 10px 0 0 0; padding: 0 0 10px 11px;}
#body_full h1 {margin: 15px 0 0 11px;}
#body_full h2 {margin: 0 0 0 15px;}

/* Search and Email Input Styles */
div.input_wrapper {display: block; float: left; width: 209px; height: 21px; margin: 15px 0 0 0; padding: 0 0 0 5px;}
div.input_wrapper_internal {display: block; float: right; width: 209px; height: 21px; margin: 15px 0 0 0; padding: 0 0 0 5px;}
div.search_input {display: block; float: left; width: 183px; height: 21px; background: url('../images/search_input.gif') no-repeat;}
input.searchInput {display: block; float: left; width: 174px; height: 14px; margin: 3px 0 0 3px; padding: 1px 0 0 3px; border: 0 solid black; background-color: transparent; font-size: 11px;}
input.searchButton {display: block; float: left; width: 20px; height: 21px; margin-left: 2px; background: url('../images/search_button.gif') no-repeat top; border: 0 solid black;}
input.searchButton:hover {background-position: bottom; cursor: pointer;}
input.emailButton {display: block; float: left; width: 22px; height: 21px; margin-left: 2px; background: url('../images/email_button.gif') no-repeat top; border: 0 solid black;}
input.emailButton:hover {background-position: bottom; cursor: pointer;}

/* Sidebar Box Styles */
p.box_link {color: white; text-align: right; margin: 2px 0 0 0; padding: 0 20px 0 0;}
p.box_link a {color: white; text-decoration: none;}
p.box_link a:hover {text-decoration: underline; color: white;}
p.box_paragraph {font-size: 10px; line-height: 12px; color: white; margin: 2px 0 0 20px; padding: 0 20px 0 0;}
h1.box_heading {display: block; float: left; width: 100%; font-family: "Times New Roman", Times, serif; font-size: 18px; font-weight: normal; line-height: 26px; text-align: center; color: white; margin: 15px 0 0 0;}

div.red_box {float: left; width: 210px; height: 131px; margin: 15px 0 0 2px; background: url('../images/red_box.gif') no-repeat;}
div.gold_box {float: left; width: 210px; height: 101px; margin: 15px 0 0 2px; background: url('../images/gold_box.gif') no-repeat;}

/* Footer Styles */
p.footer_left {float: left; width: 35%; text-align: left; font-size: 9px; margin: 10px 0 0 0; padding: 0 0 0 75px;}
p.footer_right {float: right; width: 35%; text-align: right; font-size: 9px; margin: 10px 0 0 0; padding: 0 75px 0 0;}
p.footer_right_links {float: right; width: 35%; text-align: right; font-size: 11px; margin: 0 0 0 0; padding: 0 75px 0 0;}

/* Contact Table */
#body_full p.left_box {display: block; float: left; width: 115px; height: auto; text-align: right; margin: 0 0 0 10px; padding: 0;}
#body_full p.center_box {display: block; float: left; width: 160px; height: auto; text-align: left; margin: 0 0 0 10px; padding: 0;}
#body_full p.right_box {display: block; float: left; width: 361px; height: auto; text-align: left; margin: 0; padding: 0;}

/* Contact Form */
div.contact_form {display: block; float: left; width: 656px; height: auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
div.contact_form fieldset.left_labels {display: block; float: left; width: 656px; height: auto; border: 1px solid #183152;}
div.contact_form fieldset.left_labels legend {display: block; float: left; width: auto; height: auto; padding: 10px; margin: 0 0 0 5px; font-size: 14px; font-weight: bold; color: #B74142;}
div.contact_form div {display: block; float: left; width: 100%; height: auto; margin: 5px 0 0 0;}
div.contact_form div label {display: block; float: left; width: 225px; height: auto; text-align: right; margin: 3px 0 0 0; padding: 0 5px 0 0;}
div.contact_form input.text {display: block; float: left; width: 198px; height: 18px; padding: 2px 0 0 2px}
div.contact_form select {display: block; float: left; width: auto; height: 24px; padding: 2px 0 2px 2px;}
div.contact_form textarea.address {display: block; float: left; width: 200px; height: 50px; padding: 2px 0 0 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
div.contact_form textarea.comments {display: block; float: left; width: 300px; height: 80px; padding: 2px 0 0 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
div.contact_form input.submitButton {display: block; float: left; width: 65px; height: 30px; border: 1px solid white; border-width: 1px 1px 4px 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-align: center; background-color: #383E4A; color: white; text-decoration: none;}
div.contact_form input.submitButton:hover {color: white; text-decoration: underline; cursor: pointer; border-color: #BA3535;}
div.contact_form input.resetButton {display: block; float: left; width: 65px; height: 30px; border: 1px solid white; border-width: 1px 1px 4px 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-align: center; background-color: #383E4A; color: white; text-decoration: none;}
div.contact_form input.resetButton:hover {color: white; text-decoration: underline; cursor: pointer; border-color: #BA3535;}
span.astriek {font-weight: bold; color: #B74142;}