/*
Total Page Width: 895px;
Content Area: 895px;
#517700 - Green
*/

body {
	font: 100% Arial, Verdana, serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image:url(../images/Template/background.png);
    background-color:#fafafa;
    background-repeat:repeat;
}
a
{
	color:Black;
}
a.logo img
{
	margin-top:0px;
}
#outerContainer
{
	width: 875px; 
	/* 
	background: #FFFFFF;*/
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image:url(../images/Template/bg_background.jpg);
    background-repeat:repeat-y;
    }

#container
{
	width: 835px; 
	/* 
	background: #FFFFFF;*/
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.pageHeader
{
	width: 835px;
	height:86px;
	background-image:url(../images/Template/bg_header.gif);
    background-repeat:repeat-x;
}
.contentHeader
{
	width: 815px; 
	height:86px;
	margin: 0px auto;
}

.headerLinks
{
    font-size: 75%;
}
.contentHeader .content
{
	width: 815px; 
	height:86px;
}

.contentHeader .content .left
{
	float: left;
	width: 230px;  
	height:86px;
}
.contentHeader .content .right
{
	margin: 0 0 0 240px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	height:86px;
	text-align:right;
}



.pageNavigation
{
	width: 835px;
	height:53px;
	background-image:url(../images/Template/bg_navigation.gif);
    background-repeat:repeat-x;
}
.contentNavigation
{
	width: 816px; 
	margin: 0px auto;
}


.contentNavigation .content
{

}


.pagePromo
{
	width: 835px;
	min-height:240px;
	background-image:url(../images/Template/bg_promoArea.gif);
	background-position:top;
    background-repeat:repeat-x;
    background-color:#fdedba;
}
.contentPromo
{
	width: 815px; 
	margin: 0px auto;

}


.contentPromo .content
{
padding:10px;
}


.pageContentArea
{
	width: 835px;
	min-height:300px;
	background-image:url(../images/Template/bg_ContentArea.gif);
	background-position:top;
    background-repeat:repeat-x;
    background-color:#a1b635;
}
.contentContentArea
{
		width: 815px; 
	margin: 0px auto;

}

.contentContentArea .content
{
padding:10px;
}

.pageFooter
{
	width: 835px;
	height:75px;
	background-image:url(../images/Template/bg_footer.gif);
    background-repeat:repeat-x;
}
.contentFooter
{
	width: 815px; 
	height:75px;
	margin: 0px auto;

}

.contentFooter .content
{
    font-size:75%;
	text-align:center;
	height:75px;
	color:#a2b636;
}

.contentFooter .content a{ color:#a2b636; text-decoration:none;}
.contentFooter .content a:hover{ text-decoration:underline;}


.pageBottom
{
	width: 875px;
	height:87px;
	background-image:url(../images/Template/bg_bottom.jpg);
    background-repeat:no-repeat;
    line-height:87px;
    vertical-align:bottom;
    font-size:70%;
    margin: 0px auto;
}



img { border: 0 }


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


.pageTitle h1
{
	font-size: 160%;
	color: #A64217;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}



.pageTitle h2
{
    font-size: 140%;
    text-transform: uppercase;
    margin: 0;
    padding: 0 0 10px 0;
}



h3, h3 a
{
    font-size: 120%;
    color:#2a5400;
    margin: 0;
    padding: 0 0 10px 0;
}

.siteMapTDMainLink
{
    font-size: 120%;
    padding: 8px 0 8px 10px;
}

.siteMapTD
{
    font-size: 90%;
    padding: 0 0 0 10px;
}

.siteMapTDNoParent
{
    font-size: 75%;
    padding: 8px 0 0 10px;
}

.siteMapTDMainLink a:hover
{
    text-decoration: underline;
    color: #000000;
}

.siteMapTD a:hover
{
    text-decoration: underline;
    color: #000000;
}

.siteMapTDNoParent a:hover
{
    text-decoration: underline;
    color: #000000;
}

.ContactFieldLabel
{
	color:#000000;	
	font-weight: bold;
	font-size: 80%;
	width: 25%;
	vertical-align: top;
}
.ContactField
{
	width: 75%;
	text-align: left;
}
.ContactTextBoxLong
{
	width: 98%;
}
.ContactTextBox
{
	width: 50%;
}
.ContactTextBoxShort
{
	width: 25%;
}
.ContactDropdownShort
{
	width: 26%;
}
.ContactSubmit
{
	width: 30%;
	text-align: right;
}
.ContactValidator
{
	width:25%;
	padding-left:5px;	
	font-size: 75%;
	color:#ffffff;
}
.legend
{
    color: #2A5400;
}
.fieldsetPadding
{
    padding: 15px 0 0 0;
}
.fieldset
{
    border-width:thin
}

#map
{
    height: 600px; 
    width: 790px;
    border-style:ridge;border-width:3px;
    margin-top:10px;
}
.wireFrame 
{
    display: 	none; 
    overflow: hidden; 
    z-index: 2; 
    background-color: #FFFFFF; 
    border: solid 1px #D0D0D0;
    margin-bottom: 250px;
}
.profileField
{
	color:#000000;
	font-size: 100%;	
}
.profileFieldname
{
	font-weight:bold;
	font-size: 100%;
	vertical-align:top;
	color:#000000;	
}
.adminUL
{
	list-style-type:disc;
}
.adminUL li
{
	padding-bottom: 10px;	
}