/* CSS Document */


/*------------------------------------------------main--------------------*/

body{
	padding:0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#EAEDD8;
	color:#666666;
	font-size: 12px;

}


a {
	color: #68712F;
	text-decoration: none;
}

a:hover {
	color: #68712F;
	text-decoration: underline;
}



div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

img {
border:none;
}
p {
	color: #121212;
	line-height: 120%;
}


ul{
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:0;
}

.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}



h2 {
	display:block;
	color: #4C4C4C;
	font-weight: bold;
	font-size: 18pt;
	letter-spacing: 1pt;
	margin-bottom: 3px;
}


h3 {
	display:block;
	color: #464D24;
	font-weight: bolder;
	font-size: 10pt;
	margin-bottom: 2px;
	margin-top: 4px;

}




h4 {
	display:block;
	color: #565847;
	padding-bottom: 3px;
	padding-top: 7px;
	font-weight: bold;
	font-size: 12pt;
}





/*------------------------------------------------main--------------------*/

/*------------------------------------------------header--------------------*/

#header{
	background:url(../images/header.gif) 0 0 no-repeat;
	width:942px;
	height:93px;
	margin:0 auto;
	padding:0 5px 0 34px;
}


#header img.logo{
	display:block;
	font-size:0;
	line-height:0;
	margin:23px 41px 0 0;
	float:left;
}


/*------------------------------------------------body--------------------*/
#body{
	width:979px;
	margin:0 auto;
	background-color:#fff;
	color:#333333;
}
#body p.navLeft{
	display:block;
	background:url(../images/nav_left.gif) 0 0 no-repeat;
	width:22px;
	height:34px;
	float:left;
}
#body ul.nav{
	width:935px;
	height:34px;
	background:url(../images/nav_bg.gif) 0 0 repeat-x;
	float:left;
	margin:0 0 6px 0;
}
#body ul.nav li{
	float:left;
	background:url(../images/nav_div.gif) right top no-repeat;
	height:34px;
	padding:0 2px 0 0;
}
#body ul.nav li a{
	display:block;
	padding:0 15px;
	font:bold 11px/34px Arial, Helvetica, sans-serif;
	color:#1B1B1B;
	background-color:inherit;
	text-decoration:none;
}
#body ul.nav li a:hover{
	color:#fff;
	background-color:#DD2126;
}
#body ul.nav li.noImg{
	background-image:none;
}
#body p.navRight{
	display:block;
	background:url(../images/nav_right.gif) 0 0 no-repeat;
	width:22px;
	height:34px;
	float:left;
}

/*------------------------------------------------body--------------------*/

/*------------------------------------------------left--------------------*/
#left{
	width:625px;
	float:left;
	padding-top: 15px;
	padding-right: 26px;
	padding-bottom: 40px;
	padding-left: 33px;
}



#left ul {
	font-size: 10pt;
	list-style-position: inside;
	list-style-type: disc;
}

#left  ul li {
	text-indent: 10pt;
	list-style-type: disc;
	list-style-position: inside;
	font-size: 10pt;
	color: #121212;
}

/*------------------------------------------------left--------------------*/

/*------------------------------------------------Contact--------------------*/

#fieldWrapper input {
	width: 22em;
	margin-bottom: 13px;
	margin-top: 3px;
}


.stepTop {
	padding: 0px;
	display: block;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #BBC58D;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #DEE2C7;
	width: 99%;
	height: 1px;
	margin-bottom: 10px;
	line-height: 1px;
}

.formStep {
	font-weight: normal;
	color: #333333;
	float: right;
	padding-right: 10px;
	padding-bottom: 5px;
	font-style: italic;
}


.step {
	display: block;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	height: 300px;
	background-color: #CED79D;
	width: 550px;
	float: left;
}

.fieldWrap {

}

.errortext {
	font-family: Verdana;
	font-size: 11px;
	color: #FF0000;
}

#fieldWrapper label.error {
	font-family: Verdana;
	font-size: 10px;
	color: #FF0000;
	padding-left: 25px;
}

#left  label {
	text-indent: 10pt;
	font-size: 10pt;
	font-weight: bold;
	color: #353A30;
}


#fieldWrapper {

}

.submitbuttonarea {
	margin: 5px;
	float: right;
	height: 50px;
	width: auto;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 5px;
	vertical-align: bottom;
	display: block;
}

.infoMsg {
	float: left;
	font-size: small;
	font-style: italic;
	padding-top: 25px;
	padding-left: 25px;
	padding-bottom: 5px;
}

/*------------------------------------------------Contact--------------------*/

/*------------------------------------------------right--------------------*/
#right{
	width:240px;
	float:right;
	padding-top: 0;
	padding-right: 8px;
	padding-bottom: 0;
	padding-left: 0;
}


.boxmiddle {
position:relative;
height:128px;
}

#right img{
	float:left;
	padding-top: 0;
	padding-right: 8px;
	padding-bottom: 0;
	padding-left: 0;
	display: inline;
}


#right a.rm3{
	background:url(../images/read_more2.gif) 0 0 no-repeat;
	width:56px;
	height:17px;
	float: right;
	margin-top: 25px;
	display: block;
	position: absolute; 
	bottom: 0.3em; right: 0.3em
}
#right  a.rm3:hover{
	background:url(../images/read_more3_hover.gif) 0 0 no-repeat;
}


#right h2 {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	display: inline;
	letter-spacing: normal;
}

#right h3 {
	color: #FFFFFF;
	margin-bottom: 7px;
	margin-top: 3px;
	font-size: 12px;
	font-weight: normal;
	display: block;
}

#right p {
	color: #E6E6E6;
	padding-bottom: 1px;
	font-size: 10px;
}


div.rounded {


	border:none;
	color:#fff;
	padding:6px;
	margin:2px;

}

.modules {
	width:237px;
	display:block;
}



#MRa {
	background-color: #7A5C62;
}
#MRb {
	background-color: #976C09;
}
#MRc {
	background-color: #21697E;
}
#MRd {
	background-color: #6D6532;
}

#MRx {
	background-color: #FFFFFF;
	border: 1px solid #E0E0E0;
}

/*------------------------------------------------right--------------------*/

/*------------------------------------------------body--------------------*/

/*------------------------------------------------footermap--------------------*/
#footermap{
	width:979px;
	padding:14px 0 0 0;
	margin:0 auto;
	position:relative;
	background-color: #FFFFFF;
}

#footermap a{
	color:#94B10A;
	text-decoration: none;
}

#footermap a:hover{
	color:#009966
}



/*------------------------------------------------footermap--------------------*/


#colorwrap {
	margin:auto;
	background-color: #F4F4F4;
}

#footwraptop {
	width: 945px;
	margin:auto;
	background-color: #66CCFF;
	margin-top:5px;
	height:30px;
	vertical-align: middle;
	border: 1px solid #999999;
}
#footwraptopleft{ width:140px; float:left}
#footwraptopright{ padding:7px; float:left}
#footwrap {
	margin:auto;
	float: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #F9F9F9;
	border-right-color: #F9F9F9;
	border-bottom-color: #F9F9F9;
	border-left-color: #F9F9F9;
	padding: 25px;
}

.footer-links { float: left; width:320px; margin-right: 20px; color: #888; margin-top:15px;  background-color: #CCC}
.footer-links-r { float: right; width:320px; color: #888; margin-top:15px;}
.footer-links h2, .footer-links-r h2 { color: #fff; background-color: #3b3b3b; font-size: 1.2em; padding:5px 5px; }
.footer-links ul {margin-bottom:15px;}
.footer-links ul li {margin-top:1px; font-size:11px;}
.footer-links-r ul li {margin-top:1px;  font-size:11px;}
.footer-links a, .footer-links a:visited, .footer-links-r a, .footer-links-r a:visited {color: #ccc; padding: 5px 5px;}
.footer-links a:hover, .footer-links-r a:hover {background: #4b4b4b; color: #56bdea;}

.footer-sec {
	float: left;
	width:auto
	margin: 15px 5px 15px 0;
	padding:5px;
	color: #666666
}
.footer-sec p {padding:5px;}
.footer-sec h2 {
	color: #666666;
	font-size: 1em;
	padding:2px 2px;
	border-bottom: #999999 1px dotted;
}

.footer-sec ul {
	margin:10px 5px;
	font-size: 1em;
	
}
.footer-sec li {
	margin-bottom:2px;
	padding-bottom: 2px;
	font-size: 1em;
}




/*------------------------------------------------footer--------------------*/
#footer{
	width:979px;
	height:75px;
	background:url(../images/footer_bg.gif) 0 0 no-repeat;
	padding:14px 0 0 0;
	margin:0 auto;
	position:relative;
}

#footer a{
	color:#94B10A;
	text-decoration: none;
}

#footer a:hover{
	color:#009966
}



#footer p.copyright{
	font:normal 10px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
	margin-bottom: 5px;
}
#footer p.design{
	display:block;
	padding:0;
	font:bold 10px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#B9BE92;
	background-color:inherit;
	width: 199px;
	float: right;
}
#footer p.design a.link{
	font:bold 10px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#0F6B92;
	background-color:inherit;
	text-decoration:none;
	padding:2px;
}
#footer p.design a.link:hover{
	color:#fff;
	background-color:#000;
}
#footer a.xhtml{
	display:block;
	background:url(../images/xhtml_bg.gif) 0 0 no-repeat;
	width:91px;
	height:21px;
	text-indent:-2000px;
	float: left;
}
#footer a.xhtml:hover{
	background:url(../images/xhtml_bg_hover.gif) 0 0 no-repeat;
}
#footer a.css{
	display:block;
	background:url(../images/css_bg.gif) 0 0 no-repeat;
	width:91px;
	height:21px;
	text-indent:-2000px;
	float: left;
	margin-left: 3px;
}
#footer a.css:hover{
	background:url(../images/css_bg_hover.gif) 0 0 no-repeat;
}
/*------------------------------------------------footer--------------------*/

/*------------------------------------------------aToolTip--------------------*/
.aToolTip {
	border:2px dotted #fff;
	margin:0;
	padding:6px 12px;
	filter:alpha(opacity=50);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	background-color: #333333;
	width: 350px;
}

.aToolTip .aToolTipContent {
	position:relative;
	margin:0;
	padding:0;
	color: #FFFFFF;
}

a.aToolTipCloseBtn {
	display:block;
	height:18px;
	width:18px;
	text-indent:-9999px;
	outline:none;
	position:absolute;
	top:-15px;
	right:-15px;
	margin:2px;
	padding:4px;
	background-image: url(../images/closeBtn.png);
	background-repeat: no-repeat;
}

/*------------------------------------------------aToolTip--------------------*/

/*------------------------------------------------home--------------------*/

#homeleft{
	width: 380px;
	float:left;
	padding:15px 26px 40px 33px;
/*----- 	background:url(../images/left_panel_bg.gif) 304px 195px no-repeat; ---------*/
}

#homeright{
	width:510px;
	float:right;
	padding:0 8px 0 0;
}




#homeMRa {
	background-color: #7A5C62;
	width:237px;
	float:left;
}
#homeMRb {
	background-color: #976C09;
	width:237px;
	float:right;
	
}
#homeMRc {
	background-color: #21697E;
	width:237px;
	float:left;
}
#homeMRd {
	background-color: #6D6532;
	width:237px;
	float:right;
}






#homeright a.homerm3{
	background:url(../images/read_more2.gif) 0 0 no-repeat;
	width:56px;
	height:17px;
	float: right;
	margin-top: 25px;
	display: block;
	position: absolute; 
	bottom: 0.3em; right: 0.3em
}
#homeright  a.homerm3:hover{
	background:url(../images/read_more3_hover.gif) 0 0 no-repeat;
}


#homeright img{
	float:left;
	padding-top: 0;
	padding-right: 8px;
	padding-bottom: 0;
	padding-left: 0;
	display: inline;
}


#homeright h2 {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	display: inline;
	letter-spacing: normal;
}

#homeright h3 {
	color: #FFFFFF;
	margin-bottom: 7px;
	margin-top: 3px;
	font-size: 12px;
	font-weight: normal;
	display: block;
}

#homeright p {
	color: #E6E6E6;
	padding-bottom: 1px;
	font-size: 10px;
}


#homeleft p.lftTxt{
	display:block;
	font-size:12px;
	line-height:18px;
}
#homeleft p.lftTxt span{
	color:#9D0303;
	font-weight:bold;
	background-color:inherit;
}
#homeleft h2.le{
	display:block;
	margin:50px 0 20px 0;
	font-size:0;
	line-height:0;
}
#homeleft p.lftTxt2{
	display:block;
	width:264px;
	font-size:12px;
	line-height:18px;
	color:#637704;
	background-color:inherit;
	font-weight:bold;
	margin:0 0 9px 0;
}
#homeleft p.lftTxt3{
	display:block;
	width:262px;
	font-size:12px;
	line-height:18px;
	margin:0 0 5px 0;
}
#homeleft p.lftTxt3 span{
	color:#9D0303;
	font-weight:bold;
	background-color:inherit;
	display:block;
}


/*------------------------------------------------ special --------------------*/


.ui-expandable {
	margin-top: 1px;
}
.ui-expandable .ui-widget-header {
	overflow: hidden;
	width: 100%;
}
.ui-expandable-icon,
.ui-expandable .ui-expandable-title {
	float: left;
	font-weight: bold;
	margin: 3px 0 3px 0;
	font-size: 10pt;
}
.ui-state-hover {
	cursor: pointer;
	color: #CC6600;
}

.ui-expandable .ui-widget-header .ui-icon {
	height:16px;
	width:16px;
	margin-right: 2px;
}
.ui-expandable .ui-widget-header .ui-icon.icon-closed {
	background-image: url(../images/expandable-closed.png);
}
.ui-expandable .ui-widget-header .ui-icon.icon-open {
	background-image: url(../images/expandable-open.png);
}
.ui-expandable-extraIcon {
	float: right;
}
.ui-expandable .ui-widget-content {
	border-top-width: 0px; /* fixes double border when using jQuery UI theme */
	padding: 0 10px 10px 10px;
	margin: 0px 25px 10px 25px;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-bottom-width: thin;
	border-left-width: thin;
	line-height: 150%;
}
/* some elements create a gap between content and title (eg. UL) */
/*.ui-expandable .ui-widget-content {
	margin: 0;
	padding: 0;
}*/
/* many such corrections could be made I suppose: */
.ui-expandable .ui-widget-content ul,
.ui-expandable .ui-widget-content ol,
.ui-expandable .ui-widget-content dl {
	padding-left: 1px;
}

.ui-expandable-title {
	font-weight: bold;
	font-size: 10pt;
}
#specialformdiv1 {
	padding: 20px;
	width: 300px;
	border: 2px dotted #FFFFFF;
	float: none;
	display: block;
	position: fixed;
}
#body #left #resourcesHeader {
	color: #666666;
	float: left;
	display: block;
	width: 500px;
}
#body #left #resourcesArticle {
	float: left;
	position: relative;
	top: 10px;
	width: 650px;
}
#body #left #resourcesHeader img {
	float: left;
	margin: 5px;
	padding: 5px;
}


 a.fixedTip {
	display: inline;
	background-repeat: no-repeat;
	background-position: 1px 1px;
	background-image: url(../images/info.gif);
	position: absolute;
}
 a.fixedTip:hover{
 	background-image: url(../images/info-hover.gif);
	background-repeat: no-repeat;

}
#body #left #requestWrapper {
	visibility: visible;
}


#body #left #responseContent {
	height: 400px;
	border: 3px dotted #586703;
	padding: 20px;
}

#body #left #responseWrapper {
	background-color: #CED79D;
	display: none;
	padding-top: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	width: 550px;
	float: left;
	position: relative;
}