﻿html{
    height: 100%;
    font-family: Trebuchet MS, Arial;
    font-size: 12px;
}
body {
    margin: 0px;
    height: 100%;
}
.bufferleft{
    background: white url("images/streetbg_left.jpg") no-repeat -550px -150px;
    
    background-attachment: fixed;
}

.bufferright{
    background-image: url("images/streetbg_right.jpg");
    background-position: -350px -150px;
    
    background-attachment: fixed;
}
/*
.bufferleft{
    background: url("images/mapbg.jpg") repeat-x right bottom;
    background-repeat: repeat-x;
    background-attachment: fixed;
}

.bufferright{
    background: url("images/mapbg2.jpg") repeat-x left bottom;
    background-repeat: repeat-x;
    background-attachment: fixed;
}*/

TD
{
    vertical-align: top;
}
a{
    color: #009999;
    text-decoration: none;
    font-weight:bold;
}

hr{
    color: #669933;
    border: solid 1px #669933;
}

.maintable{
    table-layout: fixed;
    height: 100%;
    width: 100%;
}

.contenttablecell
{
    vertical-align: top;
    height: 100%;
    width:100%;
    background-color: #adcadf;
    background-repeat: no-repeat;
    background-image: url("images/contentcellbg.jpg");
}

.contentcell{
    width: 764px;
    
    padding: 10px;
    background-color: White;
    border-left: solid 1px #539cd2;
    border-right: solid 1px #539cd2;
    border-top: solid 1px #539cd2;
    vertical-align:top;
}

.offkilter{
    table-layout: fixed;
    width: 800px;
}

.kilter_left{
    background-image: url("images/kilter_left.gif");
    background-position: right top;
    background-repeat: no-repeat;
    width:13px;
}

.kilter_top{
    background-image: url("images/kilter_top.gif");
    background-position: right bottom;
    background-repeat: no-repeat;
    height:13px;
}

.kilter_right{
    background-image: url("images/kilter_right.gif");
    background-position: left bottom;
    background-repeat: no-repeat;
    width:13px;
}

.kilter_bottom{
    background-image: url("images/kilter_bottom.gif");
    background-position: left top;
    background-repeat: no-repeat;
    height:13px;
}

.menuitem{
    vertical-align: middle;
    text-align: left;
    border: solid 1px #14723c;
    background: #c1dab6;
    font-weight: bold;    
    width: 125px;
}

.innermenuitem{
    font-size: 11px;
    float:right;
    vertical-align: middle;
    text-align: left;
    border: solid 1px #14723c;
    background: #c1dab6;
    font-weight: bold;    
    width: 100px;
}
.menuarrow{
    width: 20px;
    height: 20px;
    float:left;
    margin-left: 5px;
    background-image: url("images/menuarrow.gif");
    background-position: top center;
    background-repeat: no-repeat;
}
.menuitem a, .innermenuitem a
{
    padding-left: 4px;
    color: #3088c9;
    display: block;
    text-decoration: none;
}

.menuitem a:active, .menuitem a:visited, .innermenuitem a:active, .innermenuitem a:visited
{
    padding-left: 4px;
    color: #1066a7;
    display: block;
}

.menuitem a:hover, .innermenuitem a:hover
{
    padding-left: 4px;
    background-color: #AECADF;
    color: #1066a7;
    display: block;
}


TD.leftdivider
{
    padding: 6px;
    border-left-style: solid;
    border-left-width: 2px;
    border-left-color: #669933;
}

.footer{
    background: white;
    vertical-align: bottom;
    text-align: center;
    font-size:  10px;
    color: black;   
    border-left: solid 1px #539cd2;
    border-right: solid 1px #539cd2;
    border-bottom: solid 1px #539cd2;
    padding-bottom: 2px;
}


.pagetitle
{
    font-size: 18px;
    font-weight: bold;
    color: #3088C8;
}

.subtitle2{
    font-size: 16px;
    font-weight:bold;
    color: #3088C8;
}

.biggertext
{
    font-size: 18px;
    font-weight: bold;
}

input.btns
{
    border: 1px outset #14723C;
    color: #14723C;
    background-color: #FDF684;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial;
    padding-top: 1px;
    padding-bottom: 1px;
    cursor: pointer;
}
.innercontent{
    min-height: 550px;
    height: 100%;
}

#home{
    display:block;
}

#products{
    display:block;
}

#services{
    display:block;
}

#portfolio{
    display:block;
}

#contactus{
    display:block;
}





.loginstatustable
{    
    width: 250px;
    border: 1px solid #E0E0E0;
}
.loginstatusheader
{
    background-color: #3088C8;
    font-weight: bold;
    color: #FFFFFF;
    text-align: left;
}
.loginstatusheader A
{
    color: #FFFFFF;
}
.loginstatusheader A:hover
{
    text-decoration: underline;
}
.loginstatusbody
{
    background-color: #F8F8F8;
    text-align: left;
}