/* CSS Document */

body {
background: rgb(214, 221, 239) url(../images/gradient.jpg) repeat-x;
margin-top: 5%;
padding: 0px;
}

#backgroundContainer {
width: 724px;
margin: 0px auto;
padding: 0px 0px 0px 0px;
background: transparent url(../images/page-bg.jpg) repeat-y;
}

#mainContainer {
position: relative;
width: 724px;
margin: 0px auto;
padding: 0px 0px 0px 0px;
background: transparent url(../images/contact-bg.jpg) no-repeat top center;
}

#address {
position: relative;
top: 65px;
right: 55px;
width: 197px;
height: 62px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 12px;
line-height: 14pt;
text-align: left;
}

#bodyArea {
width: 724px;
background: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#navArea {
width: 195px;
margin: 0px 0px 0px 0px;
padding: 70px 0px 50px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13pt;
color: #FFFFFF;
font-weight: bold;
background: transparent;
}

#navArea a {
width: 200px;
display: block;
color: #000000;
text-align: right;
text-decoration: none;
font-variant:small-caps;
background: #E5E7DF;
padding: 0px 10px 0px 0px;
margin: 10px 0px 0px 0px;
}

#navArea .contact {
width: 200px;
display: block;
color: #000000;
text-align: right;
text-decoration: none;
background: #FFEEA9;
padding: 0px 10px 0px 0px;
margin: 10px 0px 0px 0px;
}

#navArea a span {
font-size: 14pt;
font-weight:normal;
}

#navArea a:hover {
color: #FFFFFF;
background: #626754;
}

#contentArea {
width: 521px;
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 15px;
}

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16pt;
line-height: 17pt;
font-weight: normal;
color: #FFFFFF;
margin: 0px 0px 0px 220px;
padding: 0px 0px 0px 10px;
background: #626754;
text-transform: uppercase;
}

h1 span {
font-size: 18pt;
}

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
width: 250px;
margin: 0px 0px 0px 247px;
padding: 0px 0px 0px 0px;
font-weight: normal;
}

#contentArea h2 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12pt;
line-height: 18pt;
color: #333333;
margin: 0px 0px 0px 16px;
padding: 0px 0px 0px 35px;
background: transparent url(../images/h2-bg.jpg) no-repeat 10px 3px;
}

#contentArea p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #333333;
font-weight: bold;
line-height: 13pt;
padding: 0px 40px 25px 25px;
margin: 0px -20px 0px 0px;
}
#contentArea ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 25px 0px;
}

#contentArea li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #000000;
line-height: 12pt;
margin: 0px 0px 0px 40px;
padding: 0px 0px 0px 0px;
}

#calendar {
width: 209px;
background: transparent url(../images/calendar-bg.jpg) repeat-y;
padding: 0px 0px 25px 0px;
margin: 0px 0px 0px 0px;
}

#calendar h1 {
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
display: block;
border-bottom: 1px solid white;
font-weight: bold;
font-size: 10pt;
line-height: 11pt;
padding: 0px 10px 0px 5px;
background: none;
margin: 0px 0px 0px 10px;
text-align: left;
}

#calendar p {
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
color: #333333;
padding: 2px 10px 10px 18px;
margin: 0px 0px 0px 0px;
text-align: left;
}

#footerArea {
width: 770px;
height: 33px;
background: transparent url(../images/footer-bg.jpg) no-repeat;
}

#footerArea p {
position: relative;
width: 543px;
top: 0px;
right: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: center;
color: #666666;
line-height: 13pt;
margin: 0px 50px 0px 0px;
padding: 0px 0px 0px 0px;
}

h4 span {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: normal;
color: #333333;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

h4 {
display: block;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16pt;
line-height:14pt;
font-weight: normal;
color: #000000;
padding: 0px 0px 5px 25px;
margin: 0px 0px 0px 0px;
text-decoration: none;
border-bottom:1px solid #000000;
}

h4 a:hover {
background: url(../images/email-button-over.jpg) 10px 0px no-repeat;
}
form {
clear: both;
margin: 0px 0px 25px 15px;
padding: 25px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #333333;
font-weight: normal;
line-height: 13pt;
border: none;
width: 350px;
}

form fieldset {
clear: both;
border-color: #333333;
border-width: 1px 0px 0px 0px;
border-style: solid none none none;
width: 450px;
}

form fieldset legend {
clear: both;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12pt;
color: #333333;
margin: 0px 0px 0px 0px;
padding: 0px 5px 0px 5px;
}

form fieldset label {
clear: both;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 9pt;
color: #333333;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 25px;
}

form input {
width: 350px;
overflow: visible;
margin: 0px 0px 10px 25px;
padding: 0px 0px 0px 0px;
}

form textarea {
width: 350px;
height:200px;
overflow: visible;
margin: 0px 0px 10px 25px;
padding: 0px 0px 0px 0px;
}

form button {
margin: 0px 0px 10px 25px;
padding: 0px 0px 0px 0px;
}