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

BODY {
background: #7495ab;
text-align: center;
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:link, a:active, a:visited {
text-decoration: none;
font-weight: bold;
color: #32556b;
}

a:hover {
text-decoration: underline;
color: #0089c7;
}


P {
font-size: 13px;
font-weight: normal;
line-height: 18px;
}

H2 {
font-size: 16px;
font-weight: bold;
border-bottom: 1px dotted #32556b;
text-transform: uppercase;
}

#wrapper {
width: 774px;
margin: auto;
padding: 10px;
background: #fff;
}

#header {
clear: both;
text-align: left;
padding: 0px;
margin: 0px 0px 10px 0px;
}

#logo {
float: left;
padding: 0px;
margin: 0px;
}

#number {
float: right;
padding: 0px;
margin: 0px;
}

#hero {
clear: both;
margin: 0px 0px 10px 0px;
padding: 0px;
}

#content {
clear: both;
background: url(/images/bg_content.jpg) top center no-repeat;
margin: 0px 0px 10px 0px;
padding: 10px;
text-align: left;
}

#content H1 {
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
color: #32556b;
padding: 0px 0px 10px 0px;
}

.leftpanel {
width: 362px;
float: left;
margin: 0px 0px 10px 0px;
padding: 10px;
background: url(/images/bg-panel.jpg) top center no-repeat #fff;
text-align: left;
color: #32556b;
}

.leftpanel ul {
font-size: 12px;
line-height: 18px;
}

.rightpanel {
text-align: left;
width: 362px;
float: right;
margin: 0px 0px 10px 0px;
padding: 10px;
background: url(/images/bg-panel.jpg) top center no-repeat #fff;
color: #32556b;
}

.rightpanel ul {
font-size: 12px;
line-height: 16px;
}

#contactpanel {
text-align: left;
width: 362px;
height: 179px;
float: right;
margin: 0px 0px 10px 0px;
padding: 10px;
background: url(/images/bg-contact-panel.jpg) top center no-repeat #fff;
color: #32556b;
}

#footer {
clear: both;
margin: 0px 0px 10px 0px;
padding: 10px;
}