/*****************************************************************************
**  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: #7A9C7C;
    border-left-style: solid;

    border-right: 1px solid #eeeecc;

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

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

.centered
{
    text-align: center;
}

/*****************************************************************************
**  Header Setup
*****************************************************************************/
#header
{

    /* 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: #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
*****************************************************************************/
div#content table.SearchResultsTable td.SRCaption
{
    border: 0;
}

div#content table.SearchResultsTable td.bglight
{
    color: black;
}

div#content table.SearchResultsTable td.bgdark
{
    color: black;
}

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

/*****************************************************************************
**  Footer Setup
*****************************************************************************/
#footer
{
	background-color: #396542;
	background-image: url(../images/footer_bg.gif);
	background-repeat: no-repeat;
	background-position: top;
	text-align: center;

}

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