body {
	background: url(images/bg_al-islam.gif);
	margin: 0 20px 20px 20px;
	}

#container-page {
	width: 100%;
	margin: 0 auto;
	}

/* image replacement */
.replace {
	position:relative;
	margin:0px;
	padding:0px;
	overflow: hidden;
	/* */
	}
.replace span.empty{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1; /*for Opera 5 and 6*/
	}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}




#container-branding {
	text-align: center;
	}

/* image replacement for the Bismillah */
#bismillah, #bismillah span.empty {
	background:    url(images/nameofallah.gif) no-repeat;
	width: 200px;
	height: 40px;
	}
#container-bismillah {
	margin: 0 auto;
	width: 140px;
	height: 40px;
	}

/* image replacement for the logo */
#logo, #logo span.empty {
	background:    url(images/logo_idris_mosque.gif) no-repeat;
	width: 363px;
	height: 59px;
	}
#container-logo {
	float:left;
	margin-left:10px;
	}



/* =Navigation
----------------------------------------------- */
#container-nav ul
{
padding-left: 0;
margin: 10px 0 0 0;
background-color: #598059;
color: White;
float: left;
width: 100%;
font: .75em Verdana, Arial, Helvetica, sans-serif;
}

#container-nav ul li { display: inline; }

#container-nav ul li a
{
padding: 0.2em 1em;
background-color: #598059;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #0c330c;
}

#container-nav ul li a:hover
{
background-color: #0f400f;
color: #fff;
}

/* =Body
----------------------------------------------- */

#container-body {
	background-color: #fff;
	margin: 2px auto 10px auto;
	padding: 20px;
	width: auto;
	}

#slideshowContainer{
width: 400px;
height: auto;
}

#numberDiv a{
font: bold 14px Arial;
text-decoration: none;
color: #e9ac4c;
}

#backforthbuttons{
margin-top: 6px;
}
div#slideshow
{
width: 400px;
margin-top:90px;
margin-left:300px;
}

/* =Footer
----------------------------------------------- */
#nav-footer { margin: 0 auto; text-align: center;
	font: .7em Verdana, Arial, Helvetica, sans-serif;
	color: #a6a695;
}

#nav-footer ul
{
list-style: none;
padding: 0;
margin: 0 0 8px 0;
}

#nav-footer ul li
{
display: inline;
padding: 0 10px 0 10px;
margin: 0;
border-left: 1px solid #a6a695;
}

#nav-footer ul li#first
{
border-left: 0;
}

#nav-footer a:link, #nav-footer a:visited
{
color:#e6e6cf;
text-decoration: none;
}
#nav-footer a:hover
{
color:#fff;
text-decoration: underline;
}

#nav-footer p
{
padding: 0;
margin: 0;
}

/* =contact
----------------------------------------------- */
#contact { margin: 0 auto; text-align: right;
	font: .75em Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	float:right;
	margin: 5px 20px 0 0;
}
#contact ul li
{
display: inline;
padding: 0 10px 0 10px;
margin: 0;
border-left: 1px solid #a6a695;
}

#contact ul li#first
{
border-left: 0;
}

#contact a:link, #contact a:visited
{
color:#598059;
text-decoration: none;
}
#contact a:hover
{
color:#fff;
text-decoration: underline;
}