/***************************** 
 * Zakariyya Central Masjid
 * designed by Dark-Hope.com
 *****************************/
 
/***************************** 
 * Table of Contents
 *  
 * 1. Body and Font
 * 2. Layout
 * 
 ****************************/
 
/* Body and Font */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #FFFFFF; 
	margin: 0;
}

#img {
	background-color: #DACDBE;
	border: 1px dashed #2C1800;
	padding: 3px;
	margin: 3px;
	clear: both;
}

a:link, a:visited, a:hover, a:active {
	color: #996600;
	text-decoration: none;
}

li {
	padding-top: 10px;
}

h1 {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 2px solid #75675A;
	color: #75675A;
}

h2 {
	font-size: 12px;
	font-weight: bold;
	color: #75675A;
}

.text_padding {
	padding: 5px;	
}


/* Layout */

#clear {
	clear: both;
}

#container {
	width: 810px;
	height: 100%;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	background-image: url("images/design/mid.gif");
}

#upcomingevents {
	width: 810px;
	height: 100%;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	background-color: #E6E3E0;
}

#top_bar {
	background-image: url("images/design/top_bar.gif");
	background-repeat: repeat-x;
	width: 100%;
	height: 23px;
}

#banner {
	background-image: url("images/design/banner.gif");
	background-repeat: no-repeat;
	width: 100%;
	height: 88px;
}

#navBar {
	background-image: url("images/design/navbar_repeat.gif");
	width: 100%;
	height: 86px;
}

#navBarButtons {
	margin-left: auto;
	margin-right: auto;
	width: 795px;
	height: 86px;
}

#side_pic {
	background-image: url("images/design/side_pic.gif");
	width: 253px;
	height: 181px;
	float: left;
}

#mid_pic {
	background-image: url("images/design/mid_pic.gif");
	width: 556px;
	height: 181px;
	float: left;
}

#box_bg {
	background-image: url("images/design/mid.gif");
	width: 100%;
	height: auto;
}

#side_box {
	background-image: url("images/design/left_bg.gif");
	width: 253px;
	height: 100%;
	float: left;
}

#mid_box {
	background-image: url("images/design/right_bg.gif");
	width: 556px;
	height: 100%;
	float: left;
}

#bottom_bar {
	background-image: url("images/design/bottom_bar.gif");
	width: 603px;
	height: 43px;
	float: left;
}

#copyright {
	background-image: url("images/design/copyright.gif");
	width: 207px;
	height: 43px;
	float: right;
}