/*======================================
				Reza
			www.eSoftArena.com
=======================================*/
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	text-align:center;
	background:#150c02 url(images/bdyRptX.gif);

}
#bdy2, #bdy3{width:100%; background:url(images/bdyImg.jpg) repeat-y center top;}
#bdy3{min-height:1200px; height:auto!important; height:1200px; background-image:url(images/bdyRptY.png); padding-top:12px; padding-bottom:140px;}
/*======= Common Styles ============*/
*{margin:0; padding:0}
img,fieldset{border:0}
.hide{display:none;	visibility:hidden}
a{color:#fff; text-decoration:none}
a:hover{text-decoration:underline}
ul{list-style:none}
p{padding-bottom:16px}
h2{font-size:1.5em}
.hidden{ display:none;}
#wrap{
	width:860px;
	margin:0 auto;
	text-align:left;
}
#wrap, #wrapBtm, #wrapRpt{background:url(images/wrap.png) no-repeat -861px top}
#wrapBtm{padding:74px 0; background-position:right bottom}
#wrapRpt{width:849px;/*860*/ padding:141px 5px 32px 6px; background-position:left top; background-repeat:repeat-y; position:relative}
/*=================================
			HEADER
===================================*/
h1{width:472px;/*849*/ height:110px;/*210*/ padding:30px 357px 70px 20px; background:url(images/hdr.gif) no-repeat; position:absolute; left:6px; top:-69px}
h1 a{width:100%; height:100%; display:block; text-indent:-1000px; overflow:hidden; background:url(images/logo.png) no-repeat}
#nav{width:100%; height:19px;/*38*/ padding:10px 0 9px; overflow:hidden; border-bottom:3px solid #372611; background-color:#291c0c}
#nav li{float:left; background:url(images/navDivider.gif) repeat-y right top}
#nav li a{line-height:19px; display:block; text-align:center}
#nav li.nav1{width:112px}
#nav li.nav2{width:139px}
#nav li.nav3{width:133px}
#nav li.nav4{width:142px}
#nav li.nav5{width:156px}
#nav li.nav6{width:165px; background:none}
#nav li a:hover, .selected_page{font-weight:bold; text-decoration:none}

#content{width:827px;/*849*/ padding:17px 0 88px 22px; overflow:hidden; background:#2a1d0d url(images/contentBg.jpg) no-repeat left bottom}
#lftSide{width:580px; float:left}
#rgtSide{width:239px; float:right; padding-top:9px}
h2{font-weight:normal; font-size:1em; padding-left:2px; line-height:18px; margin-bottom:25px}
h2 big{font-weight:bold; font-size:1.36em}
.box{ margin-bottom:30px;}
.box, .boxBtm, .boxRpt{width:580px; background:url(images/box.png) no-repeat -581px top;}
.boxBtm{background-position:right bottom; padding:33px 0}
.boxRpt{width:534px;/*580*/ padding:0 21px 0 25px; background-position:left top; background-repeat:repeat-y;}
.boxContent{position:relative; top:0px}
.box h3{margin-bottom:15px}
.box ol{list-style:outside decimal; margin-left:30px; padding-bottom:15px; }
.box ol li{padding:10px 0 12px;}
.box ol li strong{font-style:italic}
.box p{text-indent:0px}

/*--right side--*/
.compBlog, .click2RcvNwsLtr{width:202px; height:82px; display:block; background:url(images/compassionBlog.png) no-repeat; text-indent:-1000px; overflow:hidden; margin:0 0 8px 22px}
.click2RcvNwsLtr{width:175px; height:99px; background-image:url(images/clickHere.png); margin:0 0 0 38px}
#events{width:172px;/*239*/ height:289px;/*384*/ padding:45px 22px 50px 45px; background:url(images/map.png) no-repeat; overflow:hidden; color:#291c0c}
#events h5{width:165px; font-size:0.93em; line-height:21px; text-align:center}
#events li{padding:13px 0 10px; font:11px/13px Arial, Helvetica, sans-serif}
#events li i, #events li b{display:block; font-style:normal}
#events li b{color:#fff; font-weight:normal}
#events li a{color:#291c0c}
#events p{ margin:0; padding:0}
#events br{ margin-top:-4px;}

.widget{width:172px;/*239*/ height:289px;/*384*/ padding:45px 22px 50px 45px; background:url(images/map.png) no-repeat; overflow:hidden; color:#291c0c}
.widget h5{width:165px; font-size:0.93em; line-height:21px; text-align:center}
.widget li{padding:2px 0 2px; font:11px/13px Arial, Helvetica, sans-serif}
.widget li a{color:#291c0c}

.search_form{padding-left:20px; overflow:hidden;}
	#s{ float:left; margin-right:4px; border:1px solid #372611;}
	#searchsubmit{float:left; background:#372611; margin-top:-1px; width:55px; color:#fff; border:0; }

/*--Footer---*/
#ftr{width:849px; height:98px;/*149*/ padding:50px 0 0 0; text-align:center; font-size:10px; background:url(images/ftrTop.png) repeat-x; position:absolute; left:6px; bottom:-74px}
#ftr p{line-height:25px; padding-bottom:26px; font-weight:bold;}
#ftr p a{margin:0 5px;}
/*#ftr small em{font-style:normal; display:block; padding-top:3px}*/

/*--entry---*/
.entry p{ text-indent:0;}
.entry a{ text-decoration:underline;}
.entry a:hover{ background:#fff; color:#000; text-decoration:none}

/*--comment---*/

#comments{ margin-bottom:30px; margin-left:20px;}
.commentlist p{ text-indent:0;}
.commentlist .nct{ margin-bottom:15px;}
.commentlist .nct em{ display:block;}
	#commentform #comment{ width:570px;border:1px solid #372611; padding:2px;}
	#commentform #submit{ width:150px; height:25px; border:0; background:#372611; color:#fff;}
	#commentform #author, #commentform #email, #commentform #url{ width:250px; border:1px solid #372611; padding:2px;}


/*--rss feed---*/
.rssfeed{ width:80%; overflow:hidden; margin:0 0 10px 70px;}
	.rssfeed img{ float:left; display:inline;}
	.rssfeed b{ float:left; line-height:22px; padding-left:5px; font-size:12px; cursor:pointer;}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


.ngg_images{ width:160px; overflow:hidden;}
.hslice{ overflow:hidden; width:100%;}
.ngg-widget{ overflow:hidden; width:100%;}
.ngg-widget a img{ float:left; padding:0; margin:0; }




