/* CSS Document */

/* =universals 

These rules are applied to all elements unless otherwise specified below. */

* {margin:0; padding:0; border:0;}

h1, h2, h3, h4, h5 {margin:0 20px; padding:.2em 0; font-family:Verdana, Arial, Helvetica, sans-serif;}

p, ol, ul {margin:0 20px; padding:.2em 0; font-family: Arial, Helvetica, sans-serif;}

h1 {font-size:14px;}

h2 {font-size:13px; color:#1A3F51;}

h2.apology {text-align:center; color:#000;}

h3 {font-size:12px;}

h4 {font-size:11px;}

ul  {list-style-type:none;}

a:link, a:visited, a:active {text-decoration:none; font-weight:bold; color:#000;}

a:hover {text-decoration:underline;}

li.odd {background:#D9E6C4;}

img.underline {position:relative; top:-2px; left:15px;}



/* =html */

html {background:#D9E6C4;}



/* =body */

body {font:83%/160% Tahoma, Verdana, Arial, sans-serif; color:#000; text-align:justify; background:url(images/Bg_gradient.jpg) repeat-x;}



/* =container */

div#container {width:992px; margin:0 auto; text-align:left; border:1px solid #000; background:#FFF;}



/* =branding 

These styles construct the branding area of the web page. */

div#branding table {position:relative; top:-5px; left:-2px;}

div#object {position:relative; left:-4px; top:-3px;} 



/* =menu

These rules style the menu area of the web page. */

div#menu {position:relative; top:-13px; z-index:500;}



div#menu ul li#home {position:absolute; top:8px; left:45px;}

div#menu ul li#healing {
	position:absolute;
	top:8px;
	left:155px;
	width: 114px;
	height: 27px;
}

div#menu ul li#saints {position:absolute; top:9px; left:318px;}

div#menu ul li#literature {position:absolute; top:8px; left:465px;}

div#menu ul li#festivals {position:absolute; top:8px; left:596px;}

div#menu ul li#donation {position:absolute; top:10px; left:601px;}

div#menu ul li#gallery {position:absolute; top:8px; left:738px;}

div#menu ul li#contact {
	position:absolute;
	top:10px;
	left:888px;
	width: 58px;
	height: 23px;
}

div#menu ul li#education {position:absolute; top:9px; left:35px;}

div#menu ul li#welfare {position:absolute; top:9px; left:186px;}

div#menu ul li#multimedia{position:absolute; top:9px; left:464px;}

div#menu ul li#festival {position:absolute; top:9px; left:325px;}

div#menu ul li#wazife {
	position:absolute;
	top:10px;
	left:611px;
	width: 40px;
}

div#menu ul li#islamicmonth {
	position:absolute;
	top:9px;
	left:732px;
	width: 98px;
}

div#menu ul li#faq {
	position:absolute;
	top:10px;
	left:897px;
	width: 47px;
	height: 23px;
	

}

div#menu a {color:#FFF5CF; font-family:Calibri, Tahoma, Verdana, Arial, sans-serif; font-size:13px; font-weight:bold;}

div#menu a:hover {font-size:14px; text-decoration:none;}

divmenu a:visited {text-decoration:underline;}



/* =welcome

These rules style the welcome area of the web page. */

div#welcome {text-align:center; background:#558E47; color:#fff3d1;}



/* =contents

These rules style the contents area of the web page. */

div#contents {margin:0 25px; position:relative; top:20px; border:2px solid #000; padding:.5em; text-align:justify;}

div#contents ul {list-style-type:disc;}

td#words {vertical-align:top; margin:20px; padding:.5em;}

td#pics {vertical-align:top; border-left:1px solid #CCC; padding-top:10px; width:130px;}

td#pics ul {list-style-type:none;}

td#text {width:55%;}

td#image {text-align:center;}

td#image img {border:1px solid #000;}



/* =footer

These rules style the footer area of the web page. */

div#footer {border-top:15px solid #558E47; text-align:center; position:relative; top:45px;}

div#footer p {margin:0 20px; padding:0; font:85%/160% Tahoma, Verdana, Arial, sans-serif;}