﻿html, body
{
    margin: 0;
    padding: 0;
}
body
{
    font: 76% Gill Sans, sans-serif;
    text-align: center;
    background-color: #6c1700;
    background-image: url(style/body-background.jpg);
    background-repeat: repeat-x;
}
p
{
    margin: 0 10px 10px;
}
a
{
    display: block;
    font: bold 90% Verdana,sans-serif;
    color: Blue;
    text-decoration: none;
    padding: 5px;
}
h4
{
    color: #6c1700;
    padding-left: 10px;
}
hr
{
    width: 95%;
    text-align: center;
}
#header
{
    background-image: url(style/header.jpg);
    background-repeat: no-repeat;
    margin-right: 1px;
}
#header h1
{
    height: 200px;
    line-height: 200px;
    margin: 0;
    padding-left: 10px;
}
#container
{
    text-align: left;
    background-color: White;
}
#content
{
    clear: left;
}
#content p
{
    line-height: 1.4;
}

#footer
{
    clear: both;
    background-image: url(style/footer.jpg);
    background-repeat: no-repeat;
    width: 700px;
    height: 200px;
    color: #FFF;
}
#footer ul
{
    position: relative;
    float: right;
    text-align: center;
}
#footer li
{
    margin: 0 20px;
}
#footer a
{
    text-decoration: none;
    color: White;
    font: bold 76% Verdana,sans-serif;
}
#footer p
{
    position: relative;
    float: left;
    margin: 0;
    padding: 5px;
    font: bold 76% Verdana,sans-serif;
}

#container
{
    width: 700px;
    margin: 0 auto;
}
#right
{
    float: right;
    width: 350px;
}
#left
{
    float: left;
    width: 350px;
}

#main-nav
{
    text-align: center;
}
ul
{
    padding: 0 0 20px 0;
    margin: 0;
    list-style: none;
}

li
{
    float: left;
    position: relative;
    width: 14%;
}

li ul
{
    display: none;
    position: absolute;
    top: 1em;
    left: 0;
}
li > ul
{
    top: auto;
    left: auto;
}
li:hover ul, li.over ul
{
    display: block;
}
.article
{
    border: solid 1px gray;
    clear: both;
    background-image: url(style/spacer.gif);
    background-repeat: no-repeat;
    height: 236px;
    padding: 10px;
    margin: 10px;
}
.article2
{
    border: solid 1px gray;
    clear: both;
    padding: 10px;
    margin: 10px;
}
.article a
{
    font: bold 90% Verdana,sans-serif;
    color: Blue;
    text-decoration: none;
}
.bigThumb img
{
    float: left;
    position: relative;
    top: 0;
    left: 0;
    padding-right: 10px;
}
.inline a
{
    display: inline;
}

.empList li
{
    clear: both;
    display: list-item;
    width: 45%;
    margin-left: 10px;
}
.clear
{
    clear: both;
}
