﻿body {text-align:center; margin:10px 0 0 0; padding:0; border:0; width:100%; font-size:90%; font-family:Arial; background-color:#8aa37b;}

#fixed {
   margin:0 auto;
   width:1000px;   /* you can use px, em or % */
   text-align:left;
}


a {color:#663300; font-weight:bold; text-decoration:none;}
a:hover {text-decoration:underline;}
a.munilink:hover {color:White;}
a.QuickLink:hover {color:#003300; background-color:White;}



/*Image Styles */
img {margin:10px 0 5px;}
img.tight{margin:0px;}
.mainheaderimage{margin:0; padding:0; border:none;}

/* Header styles */
#header {clear:both; float:left; width:100%;}
#header {border:none; background: #003300; background-position:left;  left:0px; top:0px; padding:0;}

/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}

/* holy grail 3 column settings */
.holygrail {
    background:#003300;    	/* Right column background colour */
}
.holygrail .colmid {
    float:left;
    width:200%;
    margin-left:-200px; 	/* Width of right column */
    position:relative;
    right:100%;
    background:#fff;    	/* Centre column background colour */
}
.holygrail .colleft {
    float:left;
    width:100%;
    margin-left:-50%;
    position:relative;
    left:530px;         	/* Left column width + right column width */
    background:#f5f5dc;    	/* Left column background colour */
}
.holygrail .col1wrap {
    float:left;
    width:50%;
    position:relative;
    right:330px;        	/* Width of left column */
    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.holygrail .col1 {
    margin:0 210px 0 365px;     	/* Centre column side padding:
                        	Left padding = left column width + centre column left padding width
                        	Right padding = right column width + centre column right padding width */
    position:relative;
    left:200%;
    overflow:hidden;
}
.holygrail .col2 {
    float:left;
    float:right;			/* This overrides the float:left above */
    width:330px;        	/* Width of left column content (left column width minus left and right padding) */
    position:relative;
    right:0px;         	    /* Width of the left-hand side padding on the left column */
    background-image: url(../../Images/Design/Sliver.jpg);
    background-repeat:repeat-y;
}
.holygrail .col3 {
    float:left;
    float:right;			/* This overrides the float:left above */
    width:175px;        	/* Width of right column content (right column width minus left and right padding) */
    margin-right:10px;  	/* Width of right column right-hand padding + left column left and right padding */
    position:relative;
    left:50%;
    color:White;
}
/* 3 column blog style settings */
.blogstyle {
    background:#ff9;    	/* Right column background colour */
}
.blogstyle .colmid {
    float:left;
    width:200%;
    margin-left:-200px; 	/* Width of right column */
    position:relative;
    right:100%;
    background:#FFD8B7;    	/* Centre column background colour */
}
.blogstyle .colleft {
    float:left;
    width:100%;
    margin-left:-200px; 	/* Width of centre column */
    background:#fff;    	/* Left column background colour */
}
.blogstyle .col1wrap {
    float:left;
    width:50%;
    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.blogstyle .col1 {
    margin:0 15px 0 415px;	/* Centre column side padding:
                        	Left padding = left column width + centre column left padding width
                        	Right padding = right column width + centre column right padding width */
    position:relative;
    left:100%;
    overflow:hidden;
}
.blogstyle .col2 {
    float:right;
    width:170px;        	/* Width of left column content (left column width minus left and right padding) */
    position:relative;
    left:185px;         	/* Width of the left-had side padding on the left column */
}
.blogstyle .col3 {
    float:right;
    width:170px;        	/* Width of right column content (right column width minus left and right padding) */
    position:relative;
    left:555px;
}
/* 2 column left menu settings */
.leftmenu {
    background:#FFD8B7;
}
.leftmenu .colright {
    float:left;
    width:200%;
	position:relative;
	left:200px;
    background:#fff;
}
.leftmenu .col1wrap {
    float:right;
    width:50%;
    position:relative;
    right:200px;
    padding-bottom:1em;
}
.leftmenu .col1 {
    margin:0 15px 0 215px;
    position:relative;
    right:100%;
    overflow:hidden;
}
.leftmenu .col2 {
    float:left;
    width:170px;
    position:relative;
    right:185px;
}
/* 2 column right menu settings */
.rightmenu {
    background:#003300;
}
.rightmenu .colleft 
{
    float:left;
    width:200%;
    margin-left:-200px;
    position:relative;
    right:100%;
    background:#fff;
}
.rightmenu .col1wrap {
    float:left;
    width:50%;
    position:relative;
    left:50%;
    padding-bottom:0;
}
.rightmenu .col1 {
    margin:0 0px 0 200px;
    padding-left:30px;
    overflow:hidden;
    background-image: url(../../Images/Design/Sliver.jpg);
    background-repeat:repeat-y;
}
.rightmenu .col2 {
    float:right;
    width:170px;
    position:relative;
    left:185px;
}
/* 1 column full page settings */
.fullpage {
    background:#003300;
	background-image: url(../../Images/Design/Sliver.jpg);
    background-repeat:repeat-y; 
    overflow: visible;
}
.fullpage .col1 {
    margin:0 0 0 20px;
}
/* Footer styles */
#footer {
    clear:both;
    float:left;
    width:100%;
	border-top:1px solid #000;
}
#footer p {
    padding:10px;
    margin:0;
}

.darkgreen {color:#003300;}


h1 {font-size:.25in; margin:8px 0 5px 0; padding:0;}

.lightheader {font-size:.17in; margin:8px 0 5px 0; padding:0; color:#ac632d;}
.lightheadertight {font-size:.17in; margin:0; padding:0; color:White;}

.darkheader{font-size:.25in; margin:8px 0 5px 0; padding:0;}

h2, h3 {margin:0 0 0 0px; padding:0;}
p {margin:.4em 0 .8em 0; padding:0;}

.BumpRight {margin-left:30px;}
.QuickLink {text-decoration:none; color:#476a34; font-size:.17in; font-weight:bold; line-height:1.4em; margin-bottom:0px;}
.munilink {text-decoration:none; color:#7a9d67; font-size:.17in; font-weight:bold; line-height:1.1em; margin-bottom:0px;}
.PurpleStripe {height:4px; min-height:4px; max-height:4px; 
border:none; background-color:#603311; padding:0px; margin:0 10px 5px 0;
}

ul {margin:1.3em; padding:0;}

.imgLeft 
{
    cursor: pointer;
    float: left;
    margin:0px 0 0 0;
    height:215px;
    width:20px;
}

.imgRight 
{
    cursor: pointer;
    float: left;
    margin:0px 0 0 0;
    height:215px;
    width:20px;
}

.SectionHeader {color:#476a34; font-size:.17in; font-weight:bold; line-height:22px;}

.HorizontalSlice {background-image: url(../../Images/Design/HorizontalSliver.jpg); background-repeat:repeat-x; margin: 10px 0px 0px 0px;}


/* Shared Template Classes */


.TableContainer {width:980px; max-width:980px; min-width:980px;padding:0; margin:0;}
td.TDLogo {width:250px; min-width:250px; max-width:250px; padding:15px 10px 15px 10px; vertical-align:top;}

td.TDHeadline {vertical-align:top; padding:15px 0px 10px 10px; min-width:700px; max-width:700px; width:700px;}

div.DivWebsite {margin:7px 10px 12px 0px; font-weight:bold;}

img.ImgOne {}

div.DivHTMLTwo {margin: 0px 10px 15px 0px}

img.ImgTwo {padding-bottom:10px;}

div.DivHTML34Five {margin:7px 10px 0 0; padding-top: 0px;}
div.DivImageThree {width: auto;  padding-top: 0px; vertical-align: top;}
div.DivImageFour {width: auto;  padding-top: 0px; vertical-align: top;}
div.DivImageFive {width: auto;  padding-top: 0px; vertical-align: top;}
img.ImgThree {padding-right:10px; padding-bottom:5px;}
img.ImgFour {padding-right:10px; padding-bottom:5px;}
img.ImgFive {padding-right:10px; padding-bottom:5px;}

h1.PageHeading {margin: 0 10px 0 0; font-style:normal; font-size:.2in; line-height:.30in; padding-bottom:0px;}
h2.PageSubHeading {margin: 5px 10px 0 0; font-style:normal; font-size:.15in; padding-top:0px;}

.Established {font-weight:bold; margin: 2px 0 2px 0; padding:0; width:250px;}
.AddressLabel {font-weight:bold;}
.Address {margin-left:5px; margin-top:5px;}



/* 2-column Left Specific Classes */

/* 2-column Right Specific Classes */
