body {
	font-family: Arial, Helvetica, sans-serif;
	/*background-image:url(../images/bodybg.gif);
	background-repeat:repeat-x repeat-y;*/
	background-color:#666666;
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}

.Outer-Box {
	border-bottom: 3px solid #CCCCCC;
	border-right: 3px solid #CCCCCC;
	margin: 0px 3px 0px 0px;
	width:873px;
	height:804px;
}

.Inner-Box {
	border-bottom: 2px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	width:872px;
	height:803px;
}

.main {
	position:relative;
	margin-top:-10px;
	width:870px;
	height:;
	border:#000000 thin solid;
	background-color:#fff;
	}
	
.logo 	{
	position:relative;
	margin-top:0px;
	left:-1px;
	width:870px;
	height:225px;
	/*background:url(../images/logo_ds.gif);*/
	z-index:2;
	border:#666666 thin solid;
	}

.markermenu{
	position:relative;
	left:-350px;
	margin-top:0px;
	list-style-type: none;
	width: 210px;
	border: 0px solid #9A9A9A;

}

.markermenu li a{
	background: #43AA1A url(../images/arrow-list.gif) no-repeat 2px center;
	font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	display: block;
	width: auto;
	padding:3px ;
	padding-left: 10px;
	text-decoration: none;
	border-bottom: 2px solid #B5B5B5;
}


* html .markermenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
	width: 150px;
}

.markermenu li a:visited, .markermenu li a:active{
	color:#0033FF;
}

.markermenu li a:hover{
	color: black;
	background-color: #43AA1A;
	background-image:url(../images/arrow-list-red.gif); /*onMouseover image change. Remove if none*/
}

.time {
	position:absolute;
	left:210px;
	width:655px;
	height:20px;
	background-color:#999999;
	text-align:left;
	padding-left:5px;
	font-size:14px;
	z-index:1;
	}
	
.welcome {
	position:absolute;
	left:210px;
	width:660px;
	height:100px;
	top:245px;
	background-image:url(../images/welcome_bg.jpg);
}

.school {
	position:absolute; 
	left:210px; 
	width:660px; 

	top:345px;
	background-color:#FFFFFF;
	border-top:#000000 thin solid;
	}
	
.news {
	position:absolute; 
	top:400px;
	left:523px; 
	width:320px; 
	background-color:#FFFFFF;
	border-left:#000000 thin dotted ;
	border-top:#000000 thin solid;
	}
	
.info {
	position:relative; 
	top:-18px;
	left:-330px; 
	width:210px; 
	height:; 
	background-color:#FFFFFF;
	}
	
.footer {
	margin-top:139px;
	width:870px;
	height:30px;
	margin-left:0px;
	background-image:url(../images/footer_grad.jpg);
	 font-size:12px;
	/*background-color:#45BCE4; */
	}
	
.newsinfo {	
			text-align:left; 
			font-size:14px;
			padding:0px;
			}

.DSI-back {
	border-bottom: 3px solid #cccccc;
	border-right: 3px solid #cccccc;
	margin: 0px 3px 0px 0px;
	width:205px;
	height:160px;
}
.DSI-middle {
	border-bottom: 2px solid #666666;
	border-right: 1px solid #666666;
	width:205px;
	height:159px;
}
.DSI-front {
	border: 1px solid black;
	background-color: #CCC;
	width:205px;
	height:157px;
}

.CL-back {
	border-bottom: 3px solid #cccccc;
	border-right: 3px solid #cccccc;
	margin: 0px 3px 0px 0px;
	width:200px;
	height:123px;
}
.CL-middle {
	border-bottom: 2px solid #666666;
	border-right: 1px solid #666666;
	width:200px;
	height:122px;
}
.CL-front {
	border: 1px solid black;
	/*background:url(../images/letter_bg.jpg);*/
	background-color: #FFFFFF;
	width:200px;
	height:120px;
}

.Hadith-back {
	border-bottom: 3px solid #cccccc;
	border-right: 3px solid #cccccc;
	margin: 0px 3px 0px 0px;
	width:200px;
}
.Hadith-middle {
	border-bottom: 2px solid #666666;
	border-right: 1px solid #666666;
	width:200px;
}
.Hadith-front {
	border: 1px solid black;
	margin: 0px 3px 0px 0px;
	background-color: #FFFFFF;
	width:200px;
}