html, body {
    padding: 0;
    margin: 0
}

body {
    background-color: #390101;
    background-image: url('../images/background.jpg');
    background-repeat: no-repeat;
    background-position: center 50px;
    color: #FFF;
    font-family: 'Arial', helvetica, sans-serif;
    font-size: 0.9em;
    text-align: center;
    line-height: 1.6em;
}

#container {
    width: 992px;
    margin: 0 auto 0 auto;
    text-align: left;
}

img {
    border: 0px
}

#header {
    height: 176px;
    position: relative;
}

#logo {
    position: absolute;
    top: 34px
}

#horizontal_menu {
    position: absolute;
    top: 133px
}

#horizontal_menu span {
    display: none
}

#horizontal_menu a {
    color: #FFF;
    font-size: 1.6em;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: -0.05em;
    margin: 0 20px 0 0
}

#horizontal_menu a:hover {
    color: #FF4E1F;
    text-shadow: 2px 2px 2px #000;
}

#footer {
    margin: 0 0 64px 0;
    clear: both;
}

#footer_col_1 {
    width: 671px;
    float: left;
    text-align: center
}

#footer_col_1 p {
    padding: 0px;
    margin: 0px
}

#footer_col_2 a {
    margin: 0 3px 0 0
}

a, a:link {
    color: #419fd2
}

a:hover {
    color: #65c4f8;
}

a:active {
    color: #FF4E1F;
}

a:visited {
    color: #8c64e8
}

a:visited:hover {
    color: #976ef4
}

#front_row1 {
    height: 457px;
    margin-top: 16px;
}

#front_col1 {
    width: 608px;
    height: 457px;
    float: left;
}

#front_col2 {
    margin-left: 640px;
    height: 457px;
}

#logo_box {
    width: 100%;
    background: #FFF;
    height: 227px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    position: relative;
    margin-bottom: 40px
}

#logo_box img {
    position: absolute;
    top: 8px;
    left: 36px
}

.box {
    width: 320px;
    background: #306c96;
    height: 180px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    position: relative;
    margin: 0 0 32px 0;
    background-image: url('../images/box_background.jpg');
    background-repeat: no-repeat;
    background-position: bottom center;
    padding: 16px
}

.box h2 {
    margin-top: 0px;
}

h2 {
    font-size: 1.8em;
    letter-spacing: -0.05em
}

h3 {
    font-size: 1.6em;
    letter-spacing: -0.05em
}

#front_row_col1, #front_row_col2, #front_row_col3 {
    width: 309px;
    float: left;
    height: 160px;
    margin-top: 37px;
    margin-bottom: 37px
}

#front_row_col1, #front_row_col2 {
    margin-right: 32px
}

#front_row2 h3 {
    margin-top: 0px
}

h1 {
    font-size: 2.4em;
    letter-spacing: -0.05em
}

#rss {
    float: left;
    margin-right: 8px
}

.wide_box {
    width: 960px;
    background: #306c96;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    position: relative;
    margin: 0 0 32px 0;
    background-image: url('../images/widebox_background.jpg');
    background-repeat: no-repeat;
    background-position: bottom center;
    padding: 16px
}

.wide_box h1, .wide_box h2 {
    margin-top: 0px
}

#contact1 {
    margin-right: 32px;
    margin-left: 16px
}

#contact1, #contact2 {
    width: 47%;
    float: left;
    height: 200px
}

#contact2 {
    height: 200px;
}

#contact1 input, #contact2 input, #contact1 textarea, #contact2 textarea {
    width: 98%
}

label {
    font-weight: bold;
    font-size: 0.9em;
    cursor: pointer;
    margin-top: 8px;
}

input, select, textarea {
    font-family: 'Arial', helvetica, sans-serif;
    font-size: 1em;
    color: #390100;
    /*
     -moz-border-radius: 8px;
     -webkit-border-radius: 8px;
     border: 1px solid #EEE;
     padding: 2px;
     */
    margin: 0 0 12px 0
}

button {
    font-family: 'Arial', helvetica, sans-serif;
    color: #390100;
    font-weight: bold;
    cursor: pointer;
    font-size: 1.1em
}

#contact2 img {
    clear: both;
    display: block
}

.buttonbar {
    clear: both;
    text-align: center;
    background: #33749E;
    padding: 8px 0 8px 0;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

#contact_form {
    width: 960px;
    background: #306c96;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    position: relative;
    margin: 0 0 32px 0;
    background-image: url('../images/widebox_background.jpg');
    background-repeat: no-repeat;
    background-position: bottom center;
    padding: 16px
}

.float_left {
    float: left;
    margin: 8px 24px 8px 8px
}

.float_right {
    float: left;
    margin: 8px 8px 8px 24px
}

.spacer {
    clear: both;
    width: 100%;
    height: 1px
}

a.highlight_link {
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1em;
    background-image: url('../images/globe.gif');
    background-position: 0 2px;
    background-repeat: no-repeat;
    padding: 0 0 0 22px
}

a.highlight_link:hover {
    color: #BFEAFF
}

a.screeny img {
    border: 4px solid #306D99
}

a.screeny:hover img {
    border: 4px solid #3AA7DF
}

#footer_icons {
    width: 100%;
    clear: both;
    height: 32px;
    margin: 0 0 36px 16px;
    text-align: left
}

#footer_icons ul, #footer_icons ul li {
    padding: 0px;
    margin: 0px;
    list-style-type: none
}

#footer_icons li {
    float: left;
    display: block;
}

#footer_icons li a {
    text-decoration: none;
    margin: 0 8px 0 0;
    color: #FFB39F;
    font-weight: bold
}

#footer_icons li a:hover {
    color: #FFF
}

#footer_icons li img {
    position: relative;
    top: 8px;
    right: -4px
}

.contact_box {
    width: 25%;
    float: left;
    height: 158px;
    margin: 0 0 32px 0
}

#footer {
    position: relative
}

#footer_contact {
    position: absolute;
    bottom: -22px;
    right: 0px
}

#index .box a, #index #front_row2 div a {
    color: #FFF;
    text-decoration: none
}

ul.sites, ul.sites li {
    margin: 0px;
    padding: 0px;
    list-style-type: none
}

ul.sites {
    width: 960px;
    padding: 4px 16px 4px 16px;
    background-image: url('../images/widebox_background.jpg');
    background-repeat: no-repeat;
    background-position: bottom center;
    height: 64px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

ul.sites li {
    float: left
}

ul.sites li a {
    text-decoration: none;
    font-weight: bold;
    font-size: 1.6em;
    color: #DFF3FF
}

ul.sites li a:hover {
    color: #FFF
}

ul.sites li a span {
    position: relative;
    top: -24px
}

#resources .wide_box ul li a {
    color: #CFEFFF;
    font-weight: bold;
    text-decoration: none;
}

#resources .wide_box ul li a:hover {
    text-decoration: underline;
    color: #FFF
}

.wide_box a {
    color: #CFEFFF;
    font-weight: bold
}

.wide_box a:hover {
    color: #FFF
}

#front_col1 a {
    color: #FFF;
    text-decoration: none
}

a.more {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background: #1F597F;
    padding: 4px 8px 4px 8px;
    text-decoration: none;
    text-shadow: 2px 2px 2px #0A354F;
    text-transform: lowercase
}

a.more:hover {
    text-shadow: 2px 2px 2px #031E2F
}