@import url('master_reset.css');
@import url('forms.css');

/* Base styles */
body
{
    margin: 32px 16px;

    background: white;
    font-size: 85%;
    font-family:  'Arial', 'Helvetica', sans-serif;
}

h1, h2, h3, h4, h5 { color: #0060b0; font-size: 1.25em; font-weight: bold; text-transform: uppercase; }

p, ul
{
    line-height: 150%;
    text-align: justify;
}

/* Table styles */
table
{
    margin-left: -12px;
    border-collapse: collapse;
}

th, td
{
    padding: 6px 12px;

    font-weight: bold;
    font-size: 125%;
}

th
{
    color: #80b0e0;
}

td
{
    color: #808080;
}


/* Address/contact styles */
.address, .contact
{
    list-style: none;

    font-weight: bold;
    text-transform: uppercase;
}

.address li
{
    float: left;
    margin-left: 8px;
}

/* Generic FIR styles */
.image_replace
{
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.image_replace span
{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    margin: 0;
    padding: 0;
}

#skip_to
{
    position: absolute;
    top: -9999px;
    left: -9999px;
}

#wrap_head
{
    width: 80%;
    margin: auto;

    background: url('../../images/head_middle.png') bottom left repeat-x;
}

#head
{
    background: url('../../images/head_right.png') bottom right no-repeat;
}

#logo
{
    width: 244px;
    background: url('../../images/logo.png') bottom left no-repeat;
    height: 144px;

    text-indent: -9999px;
}

/* Navigation */
#nav
{
    width: 80%;
    margin: auto;
    position: relative;
    top: -144px;
    left: 212px;
    padding-top: 64px;
    overflow: hidden;

    list-style: none;
}

#nav li
{
    float: left;
    margin-left: 16px;
}

#nav li a
{
    color: #808080;

    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
}

#nav li.current a
{
    color: #80b0e0;
}

#nav li a:hover
{
    color: #6090e0;
}

/* Main content */
#wrap_content
{
    width: 80%;
    margin: 0 auto;
    padding: 0 20px;
}

#content
{
    position: relative;
    top: -96px;
    padding: 32px;
    overflow: auto;

    border-left: 23px solid #7facd8;
    border-right: 28px solid #7facd8;
}

#content #main
{
    float: left;
    width: 40%;
    padding: 0 4%;
}

#content #news
{
    
}

#content h1
{
    color: #80b0e0;

    font-weight: bold;
    text-transform: uppercase;
}

#content p,
#content ul
{
    padding: 12px 0;
}

/* Footer */
#wrap_foot
{
    position: relative;
    top: -96px;
    width: 80%;
    margin: 0 auto;

    background: url('../../images/foot_middle.png') top left repeat-x;
}

#foot
{
    background: url('../../images/foot_left.png') top left no-repeat;
    color: #404040;
}

#foot .address
{
    padding: 72px 48px;
    background: url('../../images/foot_right.png') top right no-repeat;
}