/* CSS Document */

BODY { margin:0; background: #d6cbbd url(../images/bg_body.gif) repeat-x 0 0; font-family: Arial, Helvetica, sans-serif; color:#737373; font-size: 100%; }
P { font-size:.75em; line-height:1.5em; }
P.mgnTopLess {margin-top:-3px;}
/*B, STRONG { font-size:1em; }*/
A:LINK, A:ACTIVE, A:VISITED {color: #7a5832; text-decoration:none; } A:HOVER {color: #b34b00; text-decoration:underline;}
A IMG { border: none;}
IMG.imgBdr {border:1px solid #cacaca;}
.wrapper {width:884px; margin:0 auto; padding:0;}
#header { /*height:85px;*/ height:90px; position:relative;width:884px; float:left;}
#header IMG {margin:18px 0 0 0; float:left;}
#header .txt {float:right; font-size:2.3em; color: #f0e9dd;}
SUP { font-size:.5em;}


/*--Main Container--*/
.main_view { float: left; width: 814px; position: relative; background-color:#fff; padding:20px 35px 0 35px;}

/*--Window/Masking Styles--*/
.window { height:390px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative; }
	
.image_reel { position: absolute; top: 0; left: 0; }
.image_reel DIV{float: left; }

.mask { background-color:#fff; position: absolute; right:0; width:174px; height:100%; z-index:1000; opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
 }


/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 9px; right: 0px;
	width: 560px;
	font-size:.8em;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
		/* line-height: 40px;
	background: url(images/paging_bg2.png) no-repeat;*/
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
	
}
.paging a {
	padding: 10px 20px;
	text-decoration: none;
	color: #7a5832;
	
}
.paging a.active {
	background-color: #FFF; color:#7ca20a;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;

}
.paging a:hover { color:#b34b00; }

.boxSection { width:619px; padding:0; padding-right:45px;}
.sectionContent {overflow:auto; height:366px; width:100%;}

/* .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } */

H1, H2, H3, H4 { margin:4px 0 8px 0; padding:0; color:#7ca20a; font-weight:normal;}
H1 {  font-size:1.6em; border-bottom:1px solid #e6edcc;}
H2 { font-size:1em;}
H3 {font-size:.8em; }
H4 {font-size:.75em; font-weight:bold; color:#717171; background: url(../images/hd_arrow.gif) no-repeat 0 5px; padding:2px 0 0 13px;}

#footer { background: url(../images/bg_bot1.gif) no-repeat; width: 884px; height: 91px;
            float: left; position: relative;}
#footer .content { font-size: .6em; width: 98%; position: absolute; bottom: 5px; padding-right: 10px;
          color: #737373; text-align: right; line-height:140%;}

.sectionContent UL { margin:0 0 17px 0; padding:0;font-size:.75em; list-style: none; }
.sectionContent UL LI {margin:6px 0; padding-left:10px; background:url(../images/blt_arrow.gif) no-repeat 0 6px; }

/* TABS 1 start here */
ul.tabs { margin: 14px 0 0 0;	padding: 0;	background-color: #fff;	float: left; list-style: none; width: 18%; }
ul.tabs li { margin:0 0 3px 0;	padding:6px; background: none; overflow: hidden; position: relative; }
ul.tabs li a { text-decoration: none; padding: 0; }


html ul.tabs li.active, html ul.tabs li.active a:link { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #f7f7f7;  color:#7ca20a;
}
/* TABS 1 end here */


.tab_container { margin-top:14px; overflow: auto; float: left; width: 82%; background: #f7f7f7;height:96%; }
.tab_content, .tab_content1  { clear:both; padding:0; width:100%;float:left; height:100%;  }
.tab_content_topic {clear:both; float:left; padding:0 0 0 7px; height:71%; width:98%; }
.tab_content_topic .content {padding:4px 5px;}

.tab_thumbs { clear:both; background-color: #e7e7e7; padding:4px; margin:0 5px; width:96.5%; float:left; height:44px;}


/* TABS 2 end here */
ul.tabs1{ clear:both; margin:0;	float: left; list-style: none;}
ul.tabs1 li { margin:0;	padding: 0 5px 0 0; background: none; display:inline;  overflow: hidden; }
ul.tabs1 li a IMG { text-decoration: none; padding: 0; border: 2px solid #fff; }
html ul.tabs1 li.active1 IMG, html ul.tabs1 li.active1 a:link IMG { /*--Makes sure that the active tab does not listen to the hover properties--*/
	border: 2px solid #7ca20a; color:#7ca20a;
}

ul.tabs1 li a:hover IMG { border: 2px solid #b34b00; color:#7ca20a; }
/* TABS 2 end here */

/* PF TABLE starts */
TABLE.pf { padding:0; margin:0; width:100%;}
.pf TD.boxPts {background-color:#fff; width:147px; height:82px; padding:5px; font-size:.7em; }
.pf TD.arrow { width:16px; text-align:center;}
.pf TD.boxPts H5 { font-weight: bold; margin:0 0 5px 0; padding:0; text-decoration:underline; font-size:100%; }
.pf TR.legend { font-size:.6em; font-style:italic; color:#7ca20a; text-align:center; }
.legend TD {padding-top:2px;}
.pf P { font-size: .73em;}
/* PF TABLE ends*/

a.linkPdf {margin:0; padding:5px 0 5px 18px; background:url(../images/ico_pdf.gif) no-repeat 0 3px; font-size:90%;}


/* Gallery starts here */

#gallery {
		/*background-color: #e7e7e7;*/
		padding: 3px 0 0 0;
		width: 520px;
	}
	#gallery ul { list-style: none; background-image:none;}
	#gallery ul li { display: inline;background-image:none; height:95px; float:left; }
	#gallery ul img { border: 3px solid #e7e7e7;}
	#gallery ul a:hover img {border: 3px solid #b34b00;	color: #fff;	}
	#gallery ul a:hover { color: #fff; }
	
/* Gallery ends here */