@charset "utf-8";
/* CSS Document */



/* ------------- Custom -------------- */
#container {
/*border: 1px solid #FF0000;*/
width: 960px;
background: #fff;
margin: auto;
padding: 0x;
}

#pagetools {
float: right;
}

#breadcrumbs {
	width:470px;
	margin-bottom: 10px;
	float:left;
	color: #f4972b;
}

/* ---------- header---------- */
#header {
/*border: 1px solid #FF0000;*/
background-image: url(../images/header.jpg);
height: 117px;
}

#phoneNumber {
font-size: 20px;
color: #fff;
float: right;
margin: 80px 40px 10px 0;
}

#logolink {
float: left;
width: 350px;
height: 115px;
margin: 0;
/*border:1px solid #ff0000;*/
}

#searchForm {
margin: 0;
width: auto;
float: right;
vertical-align: bottom;
}

#search {
width: 118px;
height: 21px;
background: url(../images/search_bkgnd.gif) no-repeat;
margin: 80px 0 10px 0;
color: #999;
font-size: 100%;
padding-left: 5px;
padding-top: 3px;
border: none;
}

#btn_search {
vertical-align: center;
margin: 14px 20px 0 0;
}

/* ---------- contentArea ---------- */
#contentArea {
/*border: 1px solid #FF0000;*/
}


/* ---------- mainArea ---------- */
#mainArea {
/*border: 1px solid #FF0000;*/
vertical-align: top;
width: 520px;
margin: 0 216px 0 202px;
padding: 10px;
min-height: 820px;
}

#mainArea ul{
	margin: 1.2em 1.5em;
	list-style: circle inside;
}

#quote {
background: url(../images/quote.gif) no-repeat;
width: 500px;
min-height: 90px;
color: #84c33f;
/* font-size: 16px; */
font-size: 108%;
padding: 20px 10px 0px 10px;
}

/* ---------- newsEventsArea ---------- */
#newsEventsArea {
/*border: 1px solid #FF0000;*/
vertical-align: top;
width: 520px;
}

/* ---------- news / events ---------- */
#news {
float: left;
width: 253px;
}

#events {
float: right;
width: 253px;
}

.mainHeading {
width: 243px;
height: 32px;
background: url(../images/headingSmall.gif) no-repeat;
font-size: 20px;
color: #fff;
text-align: right;
padding: 6px 10px 0 0;
}

.subHeading {
font-size: 18px;
color: #f68a1e;
}

.readMore {
text-align: right;
}

.readMore a {
font-weight: bold;
}

/* ---------- content ---------- */
#content {
/*border: 1px solid #FF0000;*/
vertical-align: top;
width: 520px;
float:left;
}

.contentHeading {
width: 510px;
height: 25px;
background: url(../images/contentHeading.jpg) no-repeat;
font-size: 20px;
color: #fff;
text-align: right;
padding: 6px 10px 0 0;
}

.contentImg {
padding: 0 0 5px 10px;
float: right;
}

.send{
	float: right;
	width: 61px;
	height: 20px;
}


/* ---------- LHSNav ---------- */
#LHSNav{
/*border: 1px solid #FF0000;*/
width: 202px;
top: 127px;
margin: 10px 0;
padding: 0;
float: left;
}

/* ---------- RHSNav ---------- */
#RHSArea {
/*border: 1px solid #FF0000;*/
vertical-align: top;
width: 216px;
top: 127px;
margin: 10px 0;
padding: 0;
float: right;
z-index: 1;
}

form {
width: 440px;
}

form fieldset {
border: 1px solid #d1d3b8;
padding: 14px 18px;
margin: 0 0 10px 0;
}

form fieldset legend {
color: #f68a1e;
font-weight: bold;
}

form fieldset label {
color: #868585;
font-size: 90%;
font-weight: bold;
display: block;
float: left;
padding: 3px 0;
clear: left;
}

form fieldset label span {
color: #f00;
}

form fieldset input, form fieldset select, form fieldset textarea {
float: left;
width: 200px;
margin: 0 0 4px 0;
}
form fieldset textarea {
height: 85px;
}
form fieldset input.radio,  input.checkbox {
float:none;
margin: 0 0 5px 0 ;
width: 30px;
height: 15px;
}
/* ---------- footer ---------- */
#footer {
border-top: 1px solid #84c33f;
padding: 10px;
color: #84c33f;
clear:both;
}

.footerLeft {
font-weight: bold;
color: #84c33f;
}

.footerRight {
float: right;
color: #84c33f;
}

input#reset, input#submit {
float: right;
width: auto;
margin: 0 0 0 4px;
}

/* ---- login ---- */
#loginbox{
float:left;
}

form#login {
height: 107px;
width: 202px;
background: url(../images/loginBox.gif) no-repeat;
margin: 10px 0 0 0;
padding: 0 5px 0 0;
}

form#login fieldset {
border: none;
}

form#login fieldset legend {
display: none;
}

form#login input#username, form#login input#password {
float: left;
border: 1px solid #84c33f;
width: 100px;
margin-bottom: 4px;
}

form#login label {
display: block;
float: left;
padding: 2px 0;
color: #84c33f;
font-size: 90%;
width: 61px;
}

form#login input#btn_login {
float: right;
margin-right: 0;
padding: 2px 1px 5px 0;
width: 61px;
height: 20px;
}

form#login a {
color: #e2ac5b;
font-size: 80%;
}

form#login a:hover {
text-decoration: none;
}

.member_welcome{
	color:#84c33f;
}

/* ------------------- Site Map ------------------- */

#sitemap li 
{
    margin-left:20px;
	margin-bottom:3px;
}

#sitemap li ul {
	margin-top:3px;
}

#sitemap li ul li {
	margin-bottom:3px;
}


/* ---- login/logout ---- */
form#login {
height: 107px;
width: 202px;
background: url(../images/loginBox.gif) no-repeat;
margin: 10px 0 0 0;
padding: 0 5px 0 0;
}

form#login fieldset, form#logout fieldset {
border: none;
}

form#login fieldset legend, form#logout fieldset legend {
display: none;
}

form#login input#username, form#login input#password {
float: left;
border: 1px solid #84c33f;
width: 100px;
margin-bottom: 4px;
}

form#login label {
display: block;
float: left;
padding: 2px 0;
color: #84c33f;
font-size: 90%;
width: 61px;
}

form#login input#btn_login, form#logout input#btn_logout {
float: right;
margin-right: 0;
padding: 2px 1px 5px 0;
width: 61px;
height: 20px;
}

form#login a {
color: #e2ac5b;
font-size: 80%;
}

form#login a:hover {
text-decoration: none;
}

form#logout {
height: 57px;
width: 202px;
background: url(../images/logoutBox.gif) no-repeat;
margin: 10px 0 0 0;
padding: 0 5px 0 0;
}

.alertmessage{
	color: #ff0000;
}

/* ---- end login/logout ---- */

/* editor img style */
.imageRight img, .imageLeft img, .imageHolder img {
	display: block;
}

.imageRight, .imageLeft, .imageHolder {
/*	background-color: #fff;
	border: 1px solid #e1dfd7;
	margin: 0.8em;*/
	display: inline;	 /*fix for IE double margin float bug */
	clear: none;
}


.imageRight td, .imageLeft td, .imageHolder td {
	padding: 0px 10px;
}
.imageRight th, .imageLeft th, .imageHolder th {
	background-color: #f8f1e8;
	padding: 2px 4px;
	font-size: 91.667%;
	color: #857d68;
	text-align: left;
}

.imageHolder {
	float: left;
}

.imageRight {
	float: right;
	/*margin: 0.5em 0 0.6em 1em;*/
}

.imageLeft {
	float: left;
	/*margin: 0.5em 1em 0.6em 0;*/
}
/* end img style */



.editable{
clear:both;
}