body, table {
	margin: 0px;/* without margins the page would be stuck to the sides*/
	font-family: verdana, arial, sans-serif; /* base font is defined in the page */
	font-size: 12px; /* size font is defined in the page */
	/*background:#FFFFFF;*/
}

body{
	background:#770000;
}

a{
	text-decoration:none;
	color:#440304;
}

#container{
	width:710px;
	margin:10px auto;
	background:#FFFFFF;
	padding:5px;
}

#content{
	background:#FFFFFF;
}

	#header{
		height:257px;
		margin-bottom:3px;
		margin-left:0px;
	}
	
		#header_left{
			float:left;
			/*position: absolute;
			margin-left:0px; /* the left block is placed in absolute position to the left */
			width:189px;
			height:257px;
			background-color:#2E2E2E;
		}
		
			#menu {
				/*margin-right:10px;*/
				width:189px;
			}
			
			#menu ul{
				margin-left:0px;
				padding-left:0;
				list-style:none;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:12px;
				font-weight:bold;
			}
			
			#menu ul ul{
				margin-left:10px;
				font-size:10px;
			}
			
			#menu ul a{
				display: block;
				padding: 5px 0px 5px 50px;
				width: 135px;
				text-decoration:none;
				color:#FFFFFF;
			}
			
			#menu ul ul a{
				display: block;
				padding: 5px 0px 5px 50px;
				width: 125px;
				text-decoration:none;
				color:#FFFFFF;
			}
			
			#menu ul a:link, #menu ul a:visited{
				text-decoration:none;
				color:#FFFFFF;
				background:url(images/menu_bg.gif) bottom left no-repeat;
			}
			
			#menu ul a:hover{
				text-decoration:none;
				color:#FFFFFF;
				background:url(images/menu_bg_over.gif) bottom left no-repeat;
			}
		
		#header_right{
			float:left;
			margin-left: 3px; /*192 the center block is placed according to the left block's width */
			width:516px;
			height:257px;
			background-color:#B70213;
		}
		
		#header_name{
			width:500px;
			height:70px;
			background:#FFFFFF /*url(images/powered_by.jpg) top right no-repeat*/;
			display:block;
			margin:3px;
			padding-left:0px
		}
		
		#header_image{
			margin-left:3px;
			float:left;
			width:253px;
			height:178px;
			background:url(images/header_image.jpg) no-repeat center;
		}
		
		#header_slogan{
			background:url(images/header_slogan.jpg) no-repeat;
			line-height:3em;
			margin-left:3px;
			float:left;
			width:250px;
			height:178px;
			text-align:center;
			font-size:16px;
			font-weight:bold;
			color:#FFFFFF;
		}
	
	#left {
		float:left;
		margin-left:0px; /* the left block is placed in absolute position to the left */
		width: 189px;
	}
	
		#community_updates{
			background:url(images/comm_updates_banner.gif) top no-repeat;
			padding: 30px 0px 10px;
		}
		
		#community_updates a{
			text-decoration:none;
			color:#440304;
		}
		
		#primary_contact{
			background:url(images/contact_banner.gif) top no-repeat;
			padding: 30px 15px 10px;
		}
	
	#right {
		float:left;
		margin-left: 3px; /*192 the center block is placed according to the left block's width */
		width: 516px;
	}
	
		#pathway{
			background-color:#DCDCDC;
			height:24px;
			padding-left:5px;
			color:#FFFFFF;
			font-weight:bold;
		}
		
		#content_heading{
			/*float:left;*/
			padding: 5px;
			/*height:100px;*/
			width:490px; /*490px;*/
			float:left;
			margin-bottom:1em;
		}
		
		#sub1{
			clear:left;
			float:left;
			/*position:absolute;
			margin-left:0px;*/
			width:230px;
			height:221px;
			background:url(images/education_header.gif) top no-repeat;
			padding: 30px 5px 10px;
			border-right: #CCCCCC thin solid;
			/*border-bottom: #999999 thin solid;*/
		}
			#scholar_image{
				/*background:url(images/scholar.jpg) bottom left no-repeat;*/
				width:230px;
				height:211px;
			}
			
			#alim_sermons{
				display:block;
				width:160px;
				float:right;
				padding-top:20px;
			}
			
			#alim_sermons li{
				list-style:square;
			}
		
		#sub2{
			float:left;
			margin-left:0px; /*245px*/
			width:260px;
			height:211px;
			background:url(images/calendar_header.gif) top no-repeat;
			padding: 30px 5px 10px;
			border-left: #CCCCCC thin solid;
			/*border-bottom: #999999 thin solid;*/
		}
		
		#month_year{
			display:block;
			width:100px;
			float:left;
			text-align:center;
			font-size:36px;
			font-weight:bold;
			color:#CCCCCC;
		}
		
		#calendar-container{
			float: right; 
			margin-left: 0;/*1em; */
			margin-bottom: 1em;
		}
		
		#islamic_date{
			float:left;
			width:90px;
			margin-top:20px;
			text-align:center;
			font-size:12px;
			font-weight:bold;
			display:block;
			color:#333333;
		}

#footer{
	margin:10px auto;
	clear: both;
	background:url(images/footer.gif) repeat-x;
	width:709px;
	height:40px;
	color:#FFFFFF;
	font-size:10px;
	text-align:center;
	padding-top:21px;
}

#pages{
	display:block;
	width:100%;
	background:#999999;
	text-align:center;
	color:#FFFFFF;
}

h2{
	color:#B70213;
	font-size:14px;
	line-height:10px;
}

h3{
	color:#B70213;
	font-size:10px;
	line-height:10px;
}


hr{
	border-bottom: #CCCCCC 1px solid;
}
.hidden{
	display:none;
}

.comm_update{
	background-color:#E6E6E6;
	padding:5px;
	margin:5px 0px;
}

.divider{
	height:1px;
	width:100%;
	background-color:#CCCCCC;
	display:block;
}

.right{
	text-align:right;
	right:0;
}

.center{
	text-align:center;
}

.bold{
	font-weight:bolder;
}

.smalltext{
	font-size:9px;
}