@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:300px;
	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:450px;
	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;
	width:375px;
	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;
}
p,td,li,pre {font: normal 12px verdana,arial,helvetica,sans-serif; }
p{margin-bottom: 15px;margin-left: 15px}
#menu{float:left; width:250px;}
#menu ul{list-style: none; margin-left: 10px;margin-bottom: 15px; background-color:#CCC1BF}
#menu li{display:block; background-color:#CCC1BF;color:#FFF;height:30px;width:250px;padding-left:15px;padding-top:15px;}
#menu li:hover{display:block; background-color: #F8F7F7;height:30px;width:250px;padding-left:15px}
#menu li a:link{color:#000;font-size:12px;text-decoration:none}
#contentArea{float:left; width:560px;margin-left:30px;}
h1 {font: bold 17pt arial,helvetica,tahoma,sans-serif; color: #AF9D80; margin-bottom: 15px;margin-left: 15px}

h2 {font: bold 13px verdana,arial,helvetica,sans-serif; color: #AF9D80;margin-bottom: 15px;margin-left: 15px}

h3 {font: bold 12px verdana,arial,helvetica,sans-serif; color: #AF9D80;margin-bottom: 15px; margin-left: 15px}

a {color: #675E5E}

a:hover {color: #AF9D80}

pre {margin-bottom: 0}

ul{list-style: none; margin-left: 10px;margin-bottom: 15px;}

.hrz_line {background: #675E5E}

.hrz_line2 {background-image: url(images/hrz_line.gif); height: 1px}

.maincontent {background: #ffffff; padding: 2em}

.colorbar {background: #76A8DB}

.colorbar2 {background: #255B86}

.foot {background: #F4F4F4; padding-right: 2em}

.poptop, .popbot {background: #fff}

.popbot {padding-top: 3px; padding-bottom: 3px; padding-left: 1em}

.nav_special {color: #ADCEEF; margin-right: 2em}

.nav_link {color: #ffffff; text-decoration: none}

.category {font-size: 10pt; margin-bottom: 0.5em}
#contentArea textarea{margin-left:20px;width:500px;border:#999 solid 1px;height:100px;padding-top:10px;padding-left:10px;}
#contentArea textarea:hover{border:#AF9D80 solid 2px;}
#contentArea #submit{margin-left:420px;width:100px;border:#999 solid 1px;height:30px;margin-top:10px;}
#contentArea #submit:hover{background-color:#AF9D80}


dt {font: bold 10pt verdana,arial; padding-top: 1em}

dd {font: normal 8pt verdana,arial; line-height: 18px}

.QA {font: normal 18pt arial, helvetica,tahoma; color: #cccccc; width: 10px}

.question {font-weight: bold; margin: 0; padding: 3px; font-size: 10pt}

.answer {font-weight: normal; background: #EFEFEF;  margin: 0; padding: 3px; font-size: 10pt}

.textfield {font-family: verdana, sans-serif; font-size:11px; color:#666666; background:#ffffff; border-top:1px solid #bbbbbb; border-left:1px solid #bbbbbb; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd;}

.submit {font: normal 8pt "verdana","arial mt","arial narrow","arial"; background: #639BC5; color: #ffffff; border: #cccccc 1px outset}

select {font: normal 7pt "verdana","arial mt","arial narrow","arial"; color: #616161;}

select.nav_sel {font: normal 7pt "verdana","arial mt","arial narrow","arial"; color: #30678F; background: #ADCEEF}

form {margin: 0}
/* Table Styles */

.tablehead {background: #dddddd}

.rowA {background: #EBECED}

.rowB {background: #ffffff}

.rowC {background: #E5E5E5}
#upfoot{text-align:center; font-size:10px;}
#login{position:absolute;width:300px;min-height:200px;border:#960 1px solid;margin-left:300px;margin-top:20px;padding-bottom:20px;padding-top:10px;}
#login #signUp{width:170px;height:28px;border:1px solid #C7BFB2;padding-left:10px;}