﻿html
{
    width: 100%;
    height: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
}

body
{
    height: 100%;
    min-height: 100.1%;
    background: #dac8a0 url(/images/page-bg.gif) top center repeat-y;
    font-family: Verdana, Arial, Helvetica Sans-Serif;
    font-size: 10pt;
    line-height: 1.4em;
    margin: 0;
    padding: 0;
}

td { padding: 0; }

img
{
    border: 0px solid;
    vertical-align: bottom;
}

a
{
    color: #008000;
    text-decoration: none;
    cursor: pointer;
}

a:hover { text-decoration: underline; }

p { margin: 0px; }

.pic { border: 1px solid #2f472c; }

.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.clear { clear: both; }

/* **** The wrapper table. **** */

table#wrapper
{
    width: 780px;
    height: 100%;
    margin: 0px auto;
    border: 0px solid;
    border-collapse: collapse;
    border-spacing: 0px;
    border-left: 1px black solid;
    border-right: 1px black solid;
}

table#wrapper td.top
{
    vertical-align: top;
    text-align: center;
    height: auto;
    min-height: 250px;
    background: #dadac3 url(/images/side-bg.jpg) top left repeat-y; 
}

table#wrapper td.bottom
{
    background: #dadac3 url(/images/side-bg.jpg) top left repeat-y;
    vertical-align: bottom;
    text-align: center;
    height: 58px;
    padding: 0;
    margin: 0;
}

/* **** The header DIV. **** */

div#header
{
    height: 143px;
    width: 100%;
    text-align: right;
    background: #294227 url(/images/header.jpg) top left no-repeat;
    font-size: 11px;
    color: #dadac3;
}

#header .date
{
    float: left;
    margin-left: 4px;
    margin-top: 1px;
}

#header .toplinks
{
    float: right;
    margin-right: 4px;
    margin-top: 1px;
}

#header a
{
    color: #dadac3;
    text-decoration: none;
}

#header a:hover
{
    text-decoration: underline;
}

/* **** The menu DIV. **** */

#sidebar
{
    float: left;
    width: 166px;
}

.sidebarlogos
{    
   margin-top:13px;
}

/* **** The content DIV. **** */

div#contentwrap
{
    width: 780px;
    margin: 0 auto;
    text-align: left;
}

#contenthead
{
    background: #294227 url(/images/content-top.jpg) top right no-repeat;
    height: 16px;
    font-size: 10px;
    color: white;
    text-align: right;
}

div#content
{
    width: 580px;
    margin: 5px Auto 10px 181px;
    text-align: left;
    line-height: 20px;
    vertical-align : top;
}

div#content h3 
{
    margin: 0; 
    font-size: 10pt;
    color: #294227;
}

div#content div.half 
{
    width: 285px;
}

/* **** InfoPops for Services page **** */

.infopop
{
    padding: 5px;
    width: 310px; 
    margin: 5px 0;
    border: 1px solid #2f472c;
    background: #c4c7b2; 
    font-size: 80%;
}

.infopop img.right { margin-left: 5px; }
.infopop img.left { margin-right: 5px; }

/* **** The Notice Box (Contact Page) **** */
.notice
{
    border: 1px solid #2f472c;
    margin: 0 1em 2em 1em;
    padding: 10px;
    background: #DAA0A0;
    font-size: 85%;
}

/* **** The Image Bar (Homepage layered images) **** */

div.bar 
{
    margin: 0 auto; 
    padding: 0; 
    border: 0; 
    width: 420px; 
    height: 286px;
}

div.bar div 
{
    width: 210px; 
    height: 143px; 
    float: left; 
    position: relative; 
    margin: 0; 
    padding: 0; 
    background: url(/images/bar-bg.png) no-repeat;
}

div.bar div img 
{
    border: 1px #294227 solid;
}
    
div.bar1
{
    z-index: 40;
    left: 20px;
}
div.bar1 img {margin: 8px 0 0 8px; }

div.bar2
{
    z-index: 10;
    top: 10px;
}
div.bar2 img {margin: 8px 8px 0 0; }

div.bar3
{
    z-index: 20;
    top: -15px;
}
div.bar3 img {margin: 0 0 8px 8px; }

div.bar4
{
    z-index: 30;
    left: -20px;
    top: -5px;
}
div.bar4 img {margin: 0 8px 8px 0; }

/***** The footer DIV. *****/

div#footerhead
{
    background: #294227 url(/images/footer-top.jpg) top center no-repeat;
    height: 16px;
    font-size: 10px;
    color: white;
    text-align: right;
    margin: 0;
    padding: 0;
}

div#footer
{
    margin: 0;
    font-size: 10px;
    text-align: center;
    background: #dadac3;
    padding: 0 5px;
    line-height: 1.5em;
    background: #dadac3;
    height: 47px;
 }

#footer a
{
    text-decoration: none;
    line-height: 20px;
}

#footer a:hover
{
    text-decoration: underline;
    line-height: 20px;
}

div#footer p
{
    margin-top: 3px;
    line-height: 20px;
}

/* Rates */
.rate-title		{ font-size: 8pt; font-family: Arial, Helvetica, Sans-Serif; font-weight:bold; color: #000000; background-color: #B5B6A5; border: 1px solid #000000; padding: 3px;}
.rate-cell-title	{ font-size: 8pt; font-family: Arial, Helvetica, Sans-Serif; color: #000000; background-color: #C8BC9A; border: 1px solid #B1A17E; padding: 3px;}
.rate-cell		{ font-size: 8pt; font-family: Arial, Helvetica, Sans-Serif; color: #000000; background-color: #DEDFCE; border: 1px solid #C5C5B1; padding: 3px;}

.flat-box		{ border: 1px solid #78601C; color: #000000; background-color: #FFFFFF;}
.flat-button		{ border: 1px solid #78601C; font-family: Arial, Helvetica, Sans-Serif; font-size: 9pt; color: #000000; background-color: #B5B6A5; }

/****** News *****/

/* Original -- before the starburst 

div#news
{ 
    margin-top: 10px; 
    margin-bottom: 20px;
}

*/



div#news
{ 
    margin-top: 20px; 
    margin-bottom: 20px; 
    line-height: 1.75em;
}

/*****/