@charset "utf-8";

*{
margin:0px;
padding:0px;
}
body{
	background-color:#675E5E;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:1.7em;
	font-size:14px;
	color:#675E5E;
}
.clear{
clear:both;
}
.bold{
	font-weight:bold;
}
.left{
	text-align:left;
}
.bordered{
	border:#FFFFFF 1px solid;
}
.center{
	text-align:center;
}
#container{
	background-image:url(../_images/containerBack.jpg);
	background-repeat:repeat-y;
	position:relative;
	width:900px;
	height:auto;
	margin:0px auto;
	margin-bottom:0px;
	text-align:left;
}
#header{
	background-image:url(../_images/header.jpg);
	background-repeat:no-repeat;
	height:300px;
	text-align:right;
}
#content{
	margin-top:20px;
	min-height:300px;
}
#content #media{
	position:absolute;
	margin-left:5px;
	margin-top:5px;
}
#content #top{
	background-image: url(../_images/contentBox.png);
	background-repeat:no-repeat;
	background-position:top;
	height:15px;
}
#content #middle{
	background-color:#FFFFFF;
	width:869px;
	min-height:400px;
	margin-left:17px;
}
#content #middle #containerIn{
	width:842px;
	margin-left:13px;
}
#content #middle #topIn{
	background-image: url(../_images/insideContentBox_r1_c1.png);
	background-repeat:no-repeat;
	background-position:top;
	height:15px;
}
#content #middle #middleIn{
	background-image: url(../_images/insideContentBox_r2_c1.png);
	background-repeat:repeat-y;
	min-height:250px;
}
#content #middle #middleIn #leftSide{
	float:left;
	width:470px;
	height:250px;
	padding-left:15px;
}
#content #middle #middleIn #leftSide h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	line-height:24px;
	margin-bottom:10px;
	color:#AF9D80;
}
#content #middle #middleIn #leftSide h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:24px;
}
#content #middle #middleIn #rightSide{
	
	float:left;
	padding-left:15px;
	width:340px;
	height:250px;
}
#content #middle #bottomIn{
	clear:both;
	background-image: url(../_images/insideContentBox_r3_c1.png);
	background-repeat:no-repeat;
	background-position:bottom;
	height:15px;
}
#content #bottom{
	background-image: url(../_images/contentBox.png);
	background-repeat:no-repeat;
	background-position:bottom;
	height:15px;
}
#topFoot{
	margin-top:20px;
}
#topFoot ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

#topFoot ul li {
	margin-left: 0;
	margin-bottom: 0;
	padding: 2px 15px 5px;
	list-style: none;
	display: inline;
	}
.subSec{
	background-image:url(../_images/subSections_r2_c1.png);
	background-repeat:repeat-y;
	width:277px;
}
.subTop{
	background-image: url(../_images/subSections_r1_c1.png);
	background-repeat:no-repeat;
	height:50px;
}
.subBottom{
	background-image:url(../_images/subSections_r3_c1.png);
	background-repeat:no-repeat;
	background-position:bottom;
	min-height:300px;
}
#footer{
	background-image: url(../_images/footer.png);
	background-repeat:no-repeat;
	background-position:bottom;
	height:92px;
	}
#footer #footerLinks{
	position:absolute;
	background-image: url(../_images/masjids.jpg);
	background-repeat:no-repeat;
	margin-top:35px;
	margin-left:475px;
	width:350px;
	height:105px;
}
#footer #links{
	position:absolute;
	margin-top:70px;
	margin-left:118px;
	color:#006600;
	font-size:14px;
	font-weight:bold;
}
.darkGreen a:link{
	color:#223F2D;
}
.lightGreen a:link{
	color:#1E7052;
}

<!--Form Style-->
.af-element{
	width:150px;
	float:left;
}