/*
-----------------------------------------------
Al Islam Base Styles
Version:  18 July 2005
----------------------------------------------- */

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

form {
	margin: 0;
	padding: 0;
	}
.error-small {
	border: 2px solid red;
	font:70%/1.2em Verdana, Arial, sans-serif;
	color: #000;
	padding: 10px 8px 10px 28px;
	background: #FFFFFF url("../sitewide-images/homepage-images/icon_warning.gif") no-repeat 8px 10px;
}


/* hide content from css-enabled browsers */
.accessible {
	display: none;
	}

#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;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* =Branding
----------------------------------------------- */

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

/* image replacement for the Bismillah */
#bismillah, #bismillah span.empty {
	background:    url("../sitewide-images/homepage-images/text_bismillah.gif") no-repeat;
	width: 113px;
	height: 13px;
	}
#container-bismillah {
	margin: 0 auto;
	width: 113px;
	height: 13px;
	}

/* image replacement for the logo */
#logo, #logo span.empty {
	background:    url("../sitewide-images/homepage-images/logo_al-islam.gif") no-repeat;
	width: 363px;
	height: 59px;
	}
#container-logo {
	float:left;
	margin-left:10px;
	}
#container-logo a{
	color: inherit;
	text-decoration: none;
	border: none;
}

/* image replacement for the tagline */
#tagline, #tagline span.empty {
	background:    url("../sitewide-images/homepage-images/text_Muslims-Messiah.gif") no-repeat;
	width: 235px;
	height: 31px;
	}
#container-tagline {
	float:right;
	margin: 20px 20px 0 0;
	display: inline;
	}

	
/* image replacement for the URDU logo */
#logo-ur, #logo-ur span.empty-ur {
	background:    url("../sitewide-images/homepage-images/logo_al-islam_ur.gif") no-repeat;
	width: 363px;
	height: 59px;
	}
#container-logo-ur {
	float:right;
	margin: 20px 20px 0 0;
	}

/* image replacement for the URDU tagline */
#tagline-ur, #tagline-ur span.empty-ur {
	background:    url("../sitewide-images/homepage-images/text_love_for_all_ur.gif") no-repeat;
	width: 122px;
	height:55px;
	}
#container-tagline-ur {
	float:left;
	margin-left:10px;
	display: inline;
	}
	

/* =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;
	}

/* =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;
}