/*defaults*/
body 	{background:#418451 url('../images/bg.jpg') repeat-x 0 0; color:#000000; margin:20px 0; padding:0; font-family:"Trebuchet MS", verdana, arial, "Times New Roman", serif; font-size:90%; }
p		{margin:0; padding:0 0 15px 0; }
a		{color:#000000; text-decoration:underline; }
a:hover	{color:#633600; text-decoration:none;}
.skiplink {display:none}

/*structural elements*/
#container	{margin:0px auto; text-align:center; width:760px; }
#holder		{width:100%; padding:20px 20px 5px 20px; background:#FFFFFF; text-align:left; }
#logo		{background:url('../images/logo_hdr.jpg') no-repeat 0px 0; padding:5px 30px 101px 0px; }



#header		{background:url('../images/header_home.jpg'); border-top:2px solid #574201; border-bottom:2px solid #574201; padding:0px; height:200px; }
#content	{float:left; width:490px; margin-bottom:0px; padding:20px 10px 0 0; line-height:160%; }
#contentdl	{float:left; width:700px; padding:20px 10px 0 0; line-height:160%; }

#news		{float:right; width:242px; padding:10px 0 0 0; line-height:140%; text-align:justify; }
.newsItem	{background-image:url(../images/sidebar.jpg); padding:40px 20px 5px 10px; height:265px; font-size:90%; margin-bottom:20px; }

#news2		{float:right; width:242px; margin-top:0px; padding:0px 0; line-height:140%; }
.newsItem2	{background-image:url(../images/sidebar_contact.jpg); padding:40px 5px 5px 10px; height:115px; font-size:90%; margin-bottom:20px; }

/*#newsdl		{float:right; width:242px; padding:25px 0 0 0; line-height:140%; text-align:justify; }
.newsItemdl	{background-image:url(../images/sidebar_contact.jpg);  padding:40px 20px 5px 10px; height:96px; font-size:90%; margin-bottom:20px; }
*/

#newsdl		{float:right; width:242px; padding:25px 0 0 0; line-height:140%; text-align:justify; }
.newsItemdl	{background-image:url(../images/sidebar_contact.jpg); padding:40px 20px 5px 10px; height:168px; font-size:90%; margin-bottom:20px; }


#footerimage	{clear:both; width:100%; background-image:url(../images/greenbottom.jpg); height:175px; width:800px;}
#footer		{clear:both; width:100%; color:#ffffff; font-size:80%; background:#346633; padding:20px; text-align:left; border-top:2px solid #574201; }
#copyright	{float:right; }


/*headings*/
.newsItem h1	{color:#225799; margin:0 0 10px 0; padding:0; font-size:130%; font-weight:normal; }
/*#content h1		{font-size:170%; font-weight:normal; line-height:130%; margin:0; padding:0 0 20px 0; }
*/#content h1		{font-size:170%; font-weight:normal; line-height:130%; margin-bottom:5px; margin-top:0px; padding:0 0 7px 0; color:#346633; border-bottom:1px solid #346633;} 

#contentdl h1		{font-size:170%; font-weight:normal; line-height:130%; margin-bottom:5px; margin-top:0px; padding:0 0 7px 0; color:#346633; border-bottom:1px solid #346633;} 
#logo h1		{font-weight:normal; font-size:170%; margin:0; padding:0; color:#225799; }


/*navigation*/
#navigation	{padding:10px 0;}
#navigation ul 		{margin:0; padding:0; }
#navigation li 		{margin:0; padding:0; list-style:none; display:inline;}
/*#navigation a		{color:#3e824f; padding:0.2em 1em; text-decoration:none; }
#navigation a:hover	{background-color: #3e824f; color:#ffffff; }
#navigation li a#current  { background: #3e824f; color: #ffffff;}*/
#navigation a		{background-color: #3e824f; color:#ffffff; padding:0.2em 1em; text-decoration:none;}
#navigation a:hover	{background-color: #ffffff; color:#3e824f; padding:0.2em 1em; text-decoration:none;}
#navigation li a#current  { background: #ffffff; color: #418451; font-weight:bold;}
#navimg {float:right; margin:0 0 0px 0px; padding:10px 0 0px 0px;}
#navigation img {float:right; margin:0 0 0px 0px; padding:0 0 0px 0px;}
.breadcrumbtext {font-size:12px; margin-top:1px; margin-bottom:5px;}

#footer ul 		{margin:0; padding:0; }
#footer li 		{margin:0; padding:0; list-style:none; display:inline; }
#footer a		{color:#ffffff; font-weight:bold; padding:0 5px 0 0; text-decoration:underline; }
/*#footer a:hover	{color:#000000; text-decoration:none; }*/


/*shamelessly borrowed styles from http://www.positioniseverything.net/easyclearing.html*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height:1%; }
.clearfix {display:block; }
/* End hide from IE-mac */

.imageboxsv {margin:0px 0px 3px 5px; border: 2px solid #438351; padding:2px;}
.imagebox {float:right; margin:0px 0px 3px 5px; border: 2px solid #438351; padding:2px;}
.imagebox2 {float:left; margin:5px 0px 10px 0px; border: 2px solid #438351; padding:2px;}
.imageboxp {line-height:18px; margin-top:0px; vertical-align:text-top; font-size:12px;}
.sftext {font-size:13px; font-weight:bold; color:#624e11; line-height:27px;}
.sftext2 {font-size:13px; font-weight:bold; color:#624e11; line-height:20px; margin-bottom:10px;}
.sftext3 {text-align:left; clear:both; margin-top:5px; font-size:11px; font-weight:bold; color:#624e11;}

.sftext4 {margin-left:5px; font-size:13px; font-weight:bold; color:#624e11; line-height:27px;}

.sftext5 {margin-left:5px; padding-top:20px; font-size:13px; font-weight:bold; color:#624e11; }
.imageboxp2 {margin-left:5px; line-height:18px; margin-top:0px; vertical-align:text-top; font-size:12px;}

/*#services {width:620px;}
#servicesleft {float:left; width:300px;}
#servicesleft img {float:left;}
#servicesleft p {float:right; text-align:left; padding:0 10 0 5px;}

#servicesright {float:right; width:300px;}
#servicesright img {float:left;}
#servicesright p {float:right; text-align:left; padding:0 10 0 5px;}


#servicesfloat {width:755px;}
.sftext {font-size:13px; font-weight:bold; color:#624e11; line-height:23px;}

.sftext {font-size:13px; font-weight:bold; color:#624e11; line-height:27px;}

#floatleft {float:left; width:360px; height:160px;}
#floatleft img {float:left; margin:0px 10px 10px 0px; border: 2px solid #438351; padding:2px;}
#floatleft p {line-height:18px; margin-top:0px; vertical-align:text-top; font-size:12px;}

#floatright {padding-left:35px; float:right;  height:160px; width:360px;}
#floatright img {float:left; margin:0px 10px 10px 0px; border: 2px solid #438351; padding:2px;}
#floatright p {line-height:18px; margin-top:0px; vertical-align:text-top; font-size:12px;}

#floatleft2 {float:left; height:160px; width:360px;}
#floatleft2 img {float:left; margin:0px 10px 10px 0px; border: 2px solid #438351; padding:2px;}
#floatleft2 p {line-height:18px; margin-top:0px; vertical-align:text-top; font-size:12px;}

#floatright2 {padding-left:35px; float:right; width:360px; height:160px;}
#floatright2 img {float:left; margin:0px 10px 10px 0px; border: 2px solid #438351; padding:2px;}
#floatright2 p {line-height:18px; margin-top:0px; vertical-align:text-top; font-size:12px;}*/

/* form elements */
form {
	margin:10px 15px 0 0; padding: 10px;
	border: 1px solid #eee; 
	background-color: #bdd2c3; 
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding: 2px;
	border:1px solid #eee;
	font: normal 1em 'Trebuchet MS', verdana, sans-serif;
	color:#777;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em 'Trebuchet MS', verdana, sans-serif;
	border:1px solid #eee;
	height:300px;
	display:block;
	color:#777;
}
input.button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #CCC;
	background: #FFF; 
	padding: 2px 3px; 
	color: #333;	
}

/* form */

label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	color:#574201;
}
textarea {
	width:450px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	height:60px;
	display:block;
	color:#574201;
}
input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 24px;
	margin: 0;
	padding: 2px 3px; 
	color: #ffffff;
	background: #574201;
	border: 1px solid #ffffff;
}

.menu {width:545px; height:32px; margin-top:5px; position:relative; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:545px; }
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:109px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:109px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-family:"Trebuchet MS", verdana, arial, "Times New Roman", serif; font-size:90%;text-decoration:none; color:#fff; width:138px; height:30px; border-width:1px 5px 1px 1px; background:#3e824f; padding-left:10px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:100px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#3e824f;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65;}
.menu ul ul :hover > a.drop {background:#c9ba65;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}
.menu a#current {background-color:#ffffff; color:#3e824f}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#3e824f; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#3e824f; background:#fff;}
.menu :hover > a, .menu ul ul :hover > a {color:#3e824f;background:#fff;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}