/*****************************************************************************
**  This file controls colors, images, and fonts
*****************************************************************************/


/*****************************************************************************
**  Raw HTML Elements Setup
*****************************************************************************/
body
{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    /* font-size: 12px; */
    font-size: 9pt;
    background-color: #ffffff;
    color: #000;
    margin: 0;
    padding: 0;
    border: none;
}

:link
{
    color: #000000; /* for unvisited links */
}

:visited
{
    color: #000000; /* for visited links */
}

a:active
{
    color: rgb(153, 0, 153); /* when link is clicked */
}

a:hover
{
    color: rgb(0, 96, 255); /* when mouse is over link */
}

/*****************************************************************************
**  Classes
*****************************************************************************/
.outer
{
    border-left-width: 150px;   /* leftnav width */
    border-left-color: #99cc99;
    /* border-left-color: #66ccff; */
    border-left-style: solid;

    /* border-right-width: 150px; */  /* rightnav width */
    /* border-right-color: #99cc99; */
    /* border-right-color: #eeeecc; */
    border-right: 1px solid #eeeecc;

    background-color: #fff;     /* content colour */
}

.inner
{
    border-left: 1px solid #000;
}

.centered
{
    text-align: center;
}

/*****************************************************************************
**  Header Setup
*****************************************************************************/
#header
{
    background-color: #99cc99;
    /* background-color: #66ccff; */
    /* margin: 0; */

    border-bottom: 1px solid #000;

    /* needed for Mozilla/Opera so that no gap is displayed above the page */
    /* border-top: 1px solid transparent; */
}

#header h1, #header h2, #header a
{
    color: #000;
    text-decoration: none;
    font-weight: lighter;
    margin-top: .35em;
}

/*****************************************************************************
**  TopNav Setup
*****************************************************************************/
#topnav
{
    border-bottom: 1px solid #000;
}

#topnav, #topnav ul, #topnav .vtgov, #topnav .search
{
    /* background-color: #478fb3; */
    background-color: #cccccc;
}

#topnav, #topnav a
{
    color: #000000;
}

#topnav li
{
    list-style-type: none;
    border-left: 1px solid #eee;
}

/*****************************************************************************
**  LeftNav Setup
*****************************************************************************/
#leftnav li
{
    list-style-type: none;
}

#leftnav li.first
{
    border-top: 0;
}

#leftnav li
{
    margin: .25em;
    color: #1d6f41;
}

/*****************************************************************************
**  Breadcrumbs Setup
*****************************************************************************/
#breadcrumbs
{
    text-transform: lowercase;
}

#breadcrumbs li
{
    background: url(../images/arrow.gif) no-repeat 0 50%;
}

/*****************************************************************************
**  Content Setup
*****************************************************************************/
#content
{
    /* background-color: #ffffff; */
}

div#content table.SearchResultsTable td.SRCaption
{
    border: 0;
}

div#content table.SearchResultsTable td.SRColumn
{
    /* color: rgb(64, 64, 64); */
    /* background-color: #cccccc; */
    /* border: 1px solid rgb(236, 236, 238); */
}

div#content table.SearchResultsTable td.bglight
{
    color: black;
    /* background-color: rgb(248, 248, 244); */
    /* border: 1px solid rgb(236, 236, 238); */
}

div#content table.SearchResultsTable td.bgdark
{
    color: black;
    /* background-color: rgb(244, 244, 236); */
    /* border: 1px solid rgb(236, 236, 238); */
}

div#content table.SearchResultsTable td.bglight:hover, div#content table.SearchResultsTable td.bgdark:hover
{
    background-color: #ffffff;
}

/*****************************************************************************
**  Footer Setup
*****************************************************************************/
#footer
{
    background-color: #cccccc;
}

#footer li
{
    background: url(../images/bullet1.gif) no-repeat 0 50%;
}