body {
margin: 0px;
font: 11px Arial, Helvetica, sans-serif;
color: #6B6B6B;
background-color: #166E96;
}

p {
clear: both;
margin: 16px 0px;
}

strong {
color: #303030;
}

h2, h3, h4, h5 {
margin: 0px;
font-size: 11px;
}

h2 {
clear: both;
font-size: 12px;
}

h4, strong, strong a {
color: #303030;
}

span.heading {
font-size: 12px;
font-weight: bold;
}

div.orange h2, div.orange h3, div.orange span.heading {
color: #FE8F02;
}

div.blue h2, div.blue h3, div.blue span.heading {
color: #0A577E;
}

div.pink h2, div.pink h3, div.pink span.heading {
color: #B10254;
}

a {
text-decoration: none;
color: #6B6B6B;
}

a.arrow {
display: block;
width: 0px;
height: 15px;
padding: 4px 0px 0px 25px;
margin: 4px 0px;
font-size: 9px;
font-weight: bold;
text-decoration: none !important;
text-transform: uppercase;
white-space: nowrap;
color: #303030;
background: left no-repeat;
}

div.orange a.arrow {
background-image: url(../images/arrows/orange.gif);
}

div.blue a.arrow {
background-image: url(../images/arrows/blue.gif);
}

div.pink a.arrow {
background-image: url(../images/arrows/pink.gif);
}

a.submit {
display: block;
float: left;
height: 16px;
padding: 3px 20px 0px 6px;
margin-top: 16px;
font-size: 10px;
font-weight: bold;
text-decoration: none !important;
text-transform: uppercase;
color: #FFFFFF;
background: url(../images/submit.gif) right no-repeat;
}

a.download {
display: block;
width: 0px;
padding-left: 15px;
margin-top: 2px;
font-size: 10px;
white-space: nowrap;
color: #303030;
text-decoration: none !important;
background: url(../images/download.gif) left no-repeat;
}

a.expanded {
background-image: url(../images/download_expand.gif);
}

a.toplink {
clear: both;
float: left;
margin-top: 16px;
color: #0A577E;
}

table, form {
margin: 0px;
}

form {
margin-top: 30px;
}

form td {
padding-bottom: 5px;
}

form td.label {
padding: 3px 20px 0px 0px;
line-height: 14px;
text-align: right;
}

input, textarea, select {
width: 300px;
font: 11px Arial, Helvetica, sans-serif;
color: #6B6B6B;
}

input.checkbox {
width: auto;
margin-right: 5px;
}

select {
width: 306px;
}

ul, ol {
padding: 0px;
margin: 16px 32px;
}

ul ul, ol ol {
margin: 0px 32px;
}

ul {
list-style-type: disc;
}

div.body {
float: left;
width: 100%;
}

div.shadow {
position: relative;
left: 50%;
clear: both;
float: left;
width: 790px;
margin-left: -395px;
background-position: right;
background-repeat: repeat-y;
}

div.shadow div.top, div.shadow div.bottom {
float: left;
width: 10px;
}

div.page {
float: left;
width: 780px;
background-color: #FFFFFF;
}

#header {
padding-top: 9px;
background-color: #8AB6CF;
}

#menu {
background-color: #98C4DC;
}

#banner {
background: url(../images/body_banner.gif) repeat-x;
}

#content {
background: url(../images/body_content.gif) repeat-x;
}

#footer {
padding-bottom: 28px;
}

#header div.shadow {
background-image: url(../images/shadow_header.gif);
}

#header div.shadow div.top {
height: 26px;
background-image: url(../images/shadow_header_top.gif);
}

#menu div.shadow {
background-image: url(../images/shadow_menu.gif);
z-index: 1;
}

#banner div.shadow {
background-image: url(../images/shadow_banner.gif);
}

#content div.shadow {
background-image: url(../images/shadow_content.gif);
}

#content div.shadow div.top {
height: 420px;
background-image: url(../images/shadow_content_top.gif);
}

#footer div.shadow {
background-image: url(../images/shadow_content.gif);
}

#footer div.shadow div.bottom {
float: right;
height: 60px;
background: url(../images/shadow_footer_bottom.gif) bottom no-repeat;
}

#header div.page {
height: 109px;
background: #FFFFFF url(../images/page_header.gif) top right no-repeat;
}

#logo {
margin: 40px 0px 0px 27px;
width: 188px;
height: 40px;
background-image: url(../images/logo.gif);
}

#menu div.page {
border-bottom: 1px solid #FFFFFF;
background-image: url(../images/page_menu.gif);
}

#menu div.page a {
display: block;
float: left;
height: 15px;
padding: 5px 21px 5px 20px;
line-height: 14px;
font-weight: bold;
color: #FFFFFF;
background: url(../images/divider.gif) left no-repeat;
}

#menu div.page a:hover, #menu div.page a.active {
color: #FFCC00;
}

#menu div.page a.first {
background: none;
}

#submenus {
clear: both;
}

#submenus div {
display: none;
position: absolute;
border: 1px solid #FFFFFF;
border-bottom-width: 0px;
margin-top: -1px;
line-height: 14px;
font-weight: bold;
}

#submenus a {
display: block;
width: 200px;
height: 15px;
padding: 5px 16px 5px 17px;
border-bottom: 1px solid #FFFFFF;
white-space: nowrap;
background-color: #5C9FC2;
color: #FFFFFF;
}

#submenus a:hover, #submenus a.active {
background-color: #FFCC00;
}

#banner div.page {
border: solid #FFCC00;
border-width: 5px 0px;
}

#banner div.page img {
float: left;
}

#content div.page {
min-height: 420px;
background-image: url(../images/page_content.gif);
}

#content div.page a {
text-decoration: underline;
}

#content div.columns {
background-image: url(../images/page_content_columns.gif);
position: relative;
}

#content div.columns div {
float: left;
}

#content div.page div.column {
float: left;
width: 220px;
min-height: 260px;
padding: 125px 20px 20px 20px;
background-repeat: no-repeat;
}

#about.column {
background-image: url(../images/columns/about.jpg);
}

#services.column {
background-image: url(../images/columns/services.jpg);
}

#news.column {
background-image: url(../images/columns/news.jpg);
}

#main {
float: left;
width: 479px;
min-height: 320px;
padding: 50px 15px 50px 25px;
}

#title {
margin-bottom: 16px;
}

#image {
float: right;
width: 260px;
height: 252px;
background: url(../images/image.gif) top right no-repeat;
}

#contact {
float: left;
padding: 90px 30px;
line-height: 20px;
}

#footer div.page {
width: 750px;
height: 42px;
padding: 8px 20px 0px 10px;
font-size: 10px;
line-height: 12px;
color: #898989;
background: #FFFFFF url(../images/page_footer.gif) bottom right no-repeat;
}

#footer div.page a {
text-decoration: underline;
color: #898989;
}

#footer div.page img {
float: left;
margin-right: 5px;
}

#created {
padding-left: 45px;
font-size: 11px;
color: #4A4A4A;
background: url(../images/footer.gif) left no-repeat;
}

#shadow {
float: left;
width: 780px;
background-image: url(../images/shadow.gif);
}

#shadow div.left, #shadow div.right {
height: 10px;
}

#shadow div.left {
float: left;
width: 7px;
background-image: url(../images/shadow_left.gif);
}

#shadow div.right {
float: right;
width: 20px;
background-image: url(../images/shadow_right.gif);
}