﻿body
{
    font-family: 'Copperplate gothic', Verdana, Arial;
    margin: 0px;
    font-size: 10px;
}


input, select, textarea
{
    font-size:1em; 
}

/* Use headers in the markup for accessibility reasons but control look with styles below*/

h1, h2, h3, h4, h5, h6
{
   margin: 2px 0 2px 0;
}

h1
{
    font-size: 28px;
    font-weight: bold;
    margin: 5px 0 5px 0;
}


h1 a:link, h1 a:visited, h1 a:hover, h1 a:active
{
    text-decoration: none;
    color: #000000;
}


b
{
    /*font-family: 'Helvetica';
    font-weight:bold;
    font-size: 14px;
    color: #009787;  
    font-variant:small-caps;
    letter-spacing: 2px;*/
    color: Black;
}


.topSlogan 
{ 
    padding: 0 10px 0 10px;
    vertical-align: middle;
    font-family: 'Verdana';
    font-variant:small-caps;
    font-size:16px;
    color: #004F20;
}

td .menuTop
{
    padding: 0 5px 0 5px;
    vertical-align: middle;
    font-family: 'Verdana';
    font-variant:small-caps;
    font-size:16px;
    color: white;
    background-color: #890C08;
   
}
td .menuTop a
{
    padding: 0 10px 0 10px;
    color: White;
 }

td .menuTop a:active,
td .menuTop a:hover
{
    color: #890C08;
    background-color: #FEDE67; 
}

td .menuLeft
{
    font-family: Verdana;
    font-size: 12px;
    text-align: left;
    width: 250px;
    vertical-align:middle;
    padding: 5px 0 5px 0;
    color: black;
}

td .menuLeft a
{ 
    font-weight: bold;
    color: black;      
}

td .menuLeft a:active,
td .menuLeft a:hover
{
    color: black;
    background-color: #FEDE67;
}

td .menuImage 
{
    vertical-align: middle;
}

td .MenuLeftItem a
{
    background-image: url(none);
}

td .MenuLeftItem
{
    background-image: url(../images/arrowRed.gif);
    background-repeat:no-repeat;
}

td .MenuLeftHover 
{
    background-image: url(../images/arrowYellow.gif);
    background-repeat:no-repeat;  
  /* background-color: #FEDE67; */
}



/************************************************************************
* 
* Formatting common to most pages
*
************************************************************************/

/* 2 column layout */
#columnleft
{
    float: left;
    width: 550px;
    vertical-align: top;
    /*position: relative; */
}

#columnright
{
    float: right;
    vertical-align:top;
    width: 140px;
}

.leftblock
{
    padding: 20px 10px 0px 10px;
    vertical-align: top;
}

.rightblock
{
    padding: 20px 10px 0px 5px;
}

.contactSection { background-color: #ffdb84;}

.contactBlock
{
    vertical-align: top;
    line-height: 16px;
}

.blockbottom
{
    font-size:14px;
    font-weight:bold;
/*    border: 1px solid #ffffff;    */
    padding: 15px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 5px;
    vertical-align: bottom;
    color: Black;
}

.clear2column
{
    margin:0;
    padding:0;
    line-height:0;
    font-size:0px;
    height:0px;
    clear: both;
}



.contentTitle 
{
    font-family: 'Helvetica';
    font-weight:bold;
    font-size: 14px;
    color: #009787; 
    font-variant:small-caps;
    letter-spacing: 2px;
}

.contentBody
{
    font-family: 'Trebuchet MS';
    font-size: 12px;
    color: #5E408F;    
}
.ContentSmall {font-size: 9px;}

.leftMenuTeaserText
{
    font-size: 11px;
    font-family: Verdana;
    padding: 20px 20px 0 0;
    line-height: 12px;
}
.leftMenuTeaserImage
{
    padding: 20px 0 0 0;   
}

.leftSpacer
{
    margin-left: 17px;
    width: 17px;
}
.rightSpacer
{
    margin-right: 21px;
    width: 21px;
}

.line {border-left: solid 1px black;}

.floatRight {float: right;}
.buttonRed { background-color: #942824; color: White; font-family: 'Trebuchet MS'; font-size: 14px; width: 130px;}
.error {color: Red; font-weight: bold;}

