/* generic */
body
{
    background-color: #ffffff;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: smaller;
    color: #0e054f;
    background-image: url(images/bg-site.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}
table tr td div
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: small;
    color: #0e054f;
}
h4
{
    color: #0e054f;
}
.justifyit
{
    text-align: left;
}
input
{
    border: solid 1px #0e054f;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    color: #0e054f
}
textarea
{
    border: solid 1px #0e054f;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    color: #0e054f
}

/* layout */
#container
{
    width: 90%;
    position: relative;
    left: 50%;
    margin-left: -45%; /* half the width of the div */
}
#body
{
    background-color: #0e054f;
    padding-left: 10px;
    padding-right: 10px;
}
#content
{
    width: 100%;
    background-color: #ffffff;
}
#content-container
{
    width: 100%;
    padding: 5px;
}
/*
#content-container td
{
    border: solid 1px black;
}
*/
#tabs
{
    width: 100%;
    height: 27px;
    border-bottom: solid 3px #ba0000;
    background-color: #0e054f;
}
    
/*
#content-container table, #content-container td
{
    border: solid 1px red;
}
*/

.tab-header
{
    width: 160px;
    height: 21px;
    background-image: url(images/tab-headers.gif);
    background-repeat: no-repeat;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
}

.tab-content
{
    width: 158px;
    background-color: #f0764d;
    border-left: solid 1px #ba0000;
    border-right: solid 1px #ba0000;
    color: #ffffff;
}
.tab-buscontent
{
    width: 158px;
    background-color: #f0764d;
    border-left: solid 1px #ba0000;
    border-right: solid 1px #ba0000;
    color: #ffffff;
    text-align: center;
}
.tab-content-categories
{
    width: 158px;
    background-color: #f0764d;
    border-left: solid 1px #ba0000;
    border-right: solid 1px #ba0000;
    color: #ffffff;
    line-height: 1.5em;
}
.tab-content-categories a
{
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
.tab-content-categories a:hover
{
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
#footer-trim
{
    border-top: solid 9px #0e054f;
}

/* header */
#header
{
    width: 100%;
    height: 158px;
    background-image: url(images/bg-header.gif);
    background-repeat: no-repeat;
}
#header-idimage
{
    float: left;
    width: 60%;
    background-image: url(images/bg-header-left.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}
#header-logo
{
    float: right;
    height: 158px;
    width: 30%;
    background-image: url(images/bg-header-right.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
}

/* footer */
#footer-text
{
    font-size: smaller;
}
#footer-copyright
{
    float: left;
    width: 45%;
    padding-left: 15px;
}
#footer-links
{
    float: right;
    width: 45%;
    text-align: right;
    padding-right: 15px;
}
#footer-links a
{
    font-weight: bold;
    color: #ba0000;
    text-decoration: none;
}
#footer-links a:hover
{
    font-weight: bold;
    color: #ba0000;
    text-decoration: underline;
}

/* news */
hr.articleslist
{
    border: dashed 1px gray;
}
.articledate
{
    font-size: 11px;
    font-style: italic;
    color: Gray;
}
div.moredetails
{
    float: right;
    width: 120px;
    height: 18px;
    background-color: #ba0000;
    border: solid 1px #0e054f;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}
div.moredetailstab
{
    float: none;
    width: 120px;
    height: 18px;
    background-color: #ba0000;
    border: solid 1px #0e054f;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}
div.moredetailstab a
{
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
div.moredetails a
{
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
div.moredetails a:hover
{
    color: #0e054f;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
#years
{
    font-size: 11px;
    font-weight: bold;
}

/* events */
#years
{
    background-color: Gray;
}

/* business ads */
.productbox
{
    width: 170px;
    min-height: 290px;
    border: solid 1px #0e054f;
    text-align: center;
    background-color: #eecabd;
    font-size: 11px;
}

.local-sub a
{
    font-size: 11px;
    color: Black;
    font-weight: bold;
    text-decoration: none;
}
.local-sub a:hover
{
    font-size: 11px;
    color: White;
    font-weight: bold;
    text-decoration: none;
}