/* CSS Document */

*{ margin:0px; padding:0px;}
html, body{background:url(bg_pattern.gif); height:100%;}
body,td,th,li {
	font-family: "Trebuchet MS";
	font-size: 13px;
	color:#3e3e3e;
}


.p1 {
	background-img:#339999;
	background-image: url(../images/tree-shadow.gif);
	background-repeat: no-repeat;
	background-position: 20px 30px;
}


a, a:link, a:visited, a:active{ color:#9D080D; text-decoration:none; font-family: "Trebuchet MS";}
a:hover{ color: #3e3e3e;  text-decoration: underline; font-family: "Trebuchet MS";}

ul {list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; }

.both{ clear:both;}
.t1{position:relative; width:920px; }
.t2{ position:relative; width:880px; padding:0px 20px;}
.x1{ width:195px; height:16px; padding:4px 3px; border:0px; background:url(search.jpg) no-repeat;}
.main{width:1003px; margin:auto; }
.main1{width:1003px; background:url(bg.gif) repeat-y; min-height:100%; /height:100%; }
.main1_1{width:1003px; background:url(bg.gif) repeat-y; min-height:1px; /height:100%; }
.main2{padding-left:42px; height:100%;}
.top{ height:175px;}
.logo{position:relative; float:left; width:202px; height:175px;}
.top_right{position:relative; float:right; width:650px; height:175px; padding-right:25px;}

.search{ position:relative; width:300px; height:50px; float: right; padding-top:15px; }
.search_bg{ float: right; position:relative; width:260px; height:44px; background:#E9E7E1; padding-left:14px; padding-top:13px;}

.search_bg .sleft {
float:left;
}

.search_bg .sright {
float:left;
padding-left:5px;
}


#search_full {
width:100%; 
float:right;
padding:0px 22px 0px 0px; 
margin-bottom:30px; 
}

.search01{ position:relative; width:201px; height:24px;}
.search02{ position:relative; width:42px; height:24px; padding-top:12px; padding-left:159px;}



.banner{ 
height:180px; padding:2px 0px;
border-top: 3px solid #cecfc1;
border-bottom: 6px solid #dad6cb;
}
* html .banner { }

.title{ float:left; background:url(title_bg.gif) repeat-x top; margin-top:2px; min-height:50%; /height:50%;}

.t3{ position:relative; width:855px; }
.t4{ position:relative; width:230px;}
.t5{ position:relative; width:555px; }
.t6{ position:relative; width:200px;}
.t7{ position:relative; width:140px;}
.t8{ position:relative; width:100%;}


.tilte_left{ float:left; padding-top:20px;padding-right:20px; padding-bottom:40px;}
.tilte_left h1{ font-family:"arial narrow"; font-weight:normal; font-size:24px; color:#9d080d; padding-bottom:6px;}
.tilte_left p{ font-size:14px; color:#3e3e3e;line-height:22px;  }
.tilte_right{ float:right;padding-top:20px;}

.title_01{ background:#FFFFFF; padding:0px 20px 20px;}
.title_01 h1{ font-family:"arial narrow"; font-weight:normal; font-size:24px; color:#7ea23e; line-height:50px; padding-top:10px;}
blockquote{ font-size:14px; color:#3e3e3e;font-style: italic; background:url(1.gif) no-repeat left top; padding-left:20px; line-height:20px; }
.title_01 p{ font-size:14px; color:#3e3e3e;line-height:22px; padding-top:10px; }

.title_02{padding:0px 20px; height:100%;}
.title_02 h1{ font-family:"arial narrow"; font-weight:normal; font-size:24px; color:#9d080d; line-height:50px; padding-top:10px;}
.title_02 p{ font-size:14px; color:#3e3e3e;line-height:22px;  }

.right_title{ height: 105px;background:#E9E7E1; padding:0px; margin-bottom:0px;}

.text06{ text-align:center; position: relative; font-size:14px; color:#9e9e9e; padding-top:5px; padding-bottom:0px;}
.title_bg1{background:url(img01.jpg) no-repeat left top;}
.title_bg2{background:url(img02.jpg) no-repeat left top;}
.title_bg3{background:url(img03.jpg) no-repeat left top;}
.title_bg4{background:url(img04.gif) no-repeat left top;}


.text07{ color:#3e3e3e;}
.text07 a{ color:#9e9e9e; text-decoration:none;}
.text07 a:hover{ color: #990000;  text-decoration: underline;}

#footermain{width:100%;}
.footer{width:1003px; background:url(bg.gif) repeat-y; margin:auto; clear:both;}
.bottom{ background:#F2F1EC; height:90px; border-top: 3px solid #cecfc1; margin-left:42px;}
.bottom_text{ padding-top:15px;}
.b1{ float:left; width:400px; color:#3e3e3e; font-size:12px; padding-left:20px;}
.b2{ float: right; width:300px; color:#9e9e9e; font-size:12px; text-align:right; padding-right:15px; }
.b2 a{ color:#9e9e9e; font-size:12px; padding:0px 10px; text-decoration:none;}
.b2 a:hover{ color:#990000;}




/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#top_menu {
width:100%; 
float:right;
font-size:14px;
padding:0px 22px 0px 0px; 
}
#top_menu .rt {
	float:right;
}

/* remove all the bullets, borders and padding from the default list styling */
#top_menu ul {
margin-top:0px;
list-style-type:none;
}

#top_menu ul ul {
width:90px;
border-top:3px solid #7ea23e;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#top_menu ul li {
float:left;
position:relative;
text-align:center;
}
/* style the links for the top level */
#top_menu a, #top_menu a:visited {
display:block;
font-size:14px;
color:#777;
letter-spacing: normal;
text-decoration:none; 
width:90px; 
height:68px; 
line-height:68px;
font-weight:bold;


}
/* a hack so that IE5.5 faulty box model is corrected */
* html #top_menu a, * html #top_menu a:visited {
width:90px;
width:91px;
color:#777;
}

/* style the second level background */
#top_menu ul ul a, #top_menu ul ul a:visited {
font-size:13px;
background:#fff;

}
/* style the second level hover */
#top_menu ul ul a:hover{
font-size:13px;
background:#fff;
}
#top_menu ul ul :hover > a {
font-size:13px;
background:#fff;
}
/* style the third level background 
#top_menu ul ul ul a, #top_menu ul ul ul a:visited {
background:#fff;
}
 style the third level hover 
#top_menu ul ul ul a:hover {
background:#fff;
}
*/

/* hide the sub levels and give them a positon absolute so that they take up no room */
#top_menu ul ul {
visibility:hidden;
position:absolute;
top:68px;
left:0; 
}
/* another hack for IE5.5 */
* html #top_menu ul ul {
top:67px;
top:68px;
}


/* position the third level flyout menu 
#top_menu ul ul ul{
left:150px; 
top:0;
width:150px;
}*/

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

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

/* style the second level links */
#top_menu ul ul a, #top_menu ul ul a:visited {
text-align:left;
height:1.5em;
line-height:1.5em; 
padding:5px 10px; 
width:130px;
/* yet another hack for IE5.5 */
}
* html #top_menu ul ul a{
text-align:left;
width:150px;
width:151px;
}


/* style the top level hover */
#top_menu a:hover, #top_menu ul ul a:hover{
color:#777; 
background-color:#f2f1ee;
}

.menubkg {
	background-color:#f2f1ee;
	color:#777;
}

#top_menu :hover > a, #top_menu ul ul :hover > a {
color:#777;
background-color:#f2f1ee;

}

/* make the second level visible when hover on first level list OR link */
#top_menu ul li:hover ul,
#top_menu ul a:hover ul{
visibility:visible; z-index:200;
}

* html #top_menu ul li:hover ul{
visibility:visible; 
}

/* keep the third level hidden when you hover on first level list OR link */
#top_menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
#top_menu ul :hover ul :hover ul{ 
visibility:visible;
}







/* ======================== contact form ====================== */
fieldset {
	border:1px solid #CCC;
	padding:10px;
}
legend {
	font-size:14px;
	color:#ffffff;
	background: #777777;
	padding: 2px 6px;
}

label {
	width:140px;
	height:24px;
	margin-top:3px;
	margin-right:2px;
	padding-top:11px;
	padding-left:6px;
	float:left;
	display: block;
	font-weight: normal;
	font-size:14px;
	color:#3e3e3e;
}
.form {
	margin:0;
	padding:0;
}
#container {
	width:470px;
	margin:0;
	margin-bottom:20px;
	padding:10px;
	float:left;

}


.clear {
	clear:both;
}
.div_texbox {
	width:280px;
	float:right;
	background-color:#E9E7E1;
	height:28px;
	margin-top:3px;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:5px;
}

.textbox {
	width:240px;
	color: #9e9e9e;
	padding:3px 5px;
	background-color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}
.textbox:focus, .textbox:hover {
	background-color:#F0FFE6;
}


.div_texarea {
	width:280px;
	float:right;
	background-color:#E9E7E1;
	margin-top:3px;
	padding-top:5px;
	padding-bottom:4px;
	padding-left:5px;
}
.textarea {
	width:240px;
	color: #9e9e9e;
	padding:3px 5px;
	background-color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}
.textarea:focus, .textarea:hover {
	background-color:#F0FFE6;
}
   


.button_div {
	width:280px;
	float:right;
	text-align:right;
	height:35px;
	margin-top:3px;
	padding:5px 0px 3px;
}
.buttons {
	background: #9D080D;
	font-size:12px; 
	color: #ffffff; 
	padding: 6px 14px;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
	cursor:pointer;
	border:0;
}
.buttons:hover { 
	color:#ffffff;
	background:#89AB4C;
}


.bottom_alert{
	position:absolute;
	font-size:12px;
	width:209px; background:url(alert.gif) no-repeat;
	height:50px; padding-left:10px; padding-top:4px; color:#FFFFFF;
	right: 30px;
	top: -65px;

}
.red { color:#9d080d;}
.green { color:#7ea23e;}
.height40 {
height:100px;
}
.vspc {
	line-height: 150%;
}

.rightPanelContact{
width:195px;
font: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}