﻿/* CSS layout */
body {
	}
 #body_container{
	padding: 30px 30px 30px 30px;
	background: #FFFFFF;
	max-width: 95%;
	margin-bottom: 35px;
	max-height: none;
	margin-left: 35px;
	margin-right: 35px;
	margin-top: 35px;
}
 

#masthead {height: 325px; background: #809BC9;
}
#top_nav {
}

#headercontent{
	position: absolute;
	height: 215px;
	left: 77px;
	top: 46px;
	color: #FFDFB0;
	max-width: 91%;
	min-width: 91%;
}

#container {
	min-width: 600px;
}
 

#page_content {
	margin-left: 1%;
	margin-right: 1%;
	padding-top: 30px;
}



.style1 {
	border: 5px solid green;
	color:black;


}
.style2 {
	white-space: nowrap;
	border-width: 0;
	color:black;

}
.style3 {
	white-space: nowrap;
	color:black;
}
.style4 {
	white-space: normal; 
	color:black;


}
.style5 {
	white-space: normal;
	border: 3px solid silver;
	color:black;
}


.style6 {
	white-space: normal;
	color:black;
}


.curlycontainer{border: 1px solid #b8b8b8; margin-bottom: 1em;}

 .curlycontainer .innerdiv{background: transparent url(../../menu/images/brcorner.gif) bottom right no-repeat; position: relative; left: 2px; top: 2px; padding: 1px 4px 15px 5px;}
 
#footer_main{
	background: #d0d0d0;
	border: 5px;
	min-height: 30px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-bottom: 25px;
}

#footer {
clear: both;
	background: #D0D0D0;
	height: 120px;
}

#top_nav{
clear: both;
	background: #D0D0D0;
	height: 89px;
	
	position: absolute;

	left: 5px;
	top: 260px;
	color: #FFDFB0;
	 min-width: 99%;

}

 #switcher{position: absolute; left: 100px; border: 5px; border-bottom-width: 0; width: 427px; top: 155px;}

 #fontControls{position: absolute; left: 100px; border: 5px; border-bottom-width: 0; width: 487px; top: 190px;}
#footermenus{height: 89px;}

 .hovermenu ul{
font: bold 13px arial;
padding-left: 0;
margin-left: 0;
height: 20px;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
padding: 2px 0.5em;
text-decoration: none;
float: left;
color: black;
background-color: #FF9900;
border: 2px solid #FF9900;
}

.hovermenu ul li a:hover{
background-color: #FFE271;
border-style: inset;
}

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: outset;
}
 


#emailpagetop, #emailpagebottom{
	text-align: center;
}

#emailpagebottom a, #contacth a:visited {
	color: #004600;
	text-decoration: none;
	display: block;
	padding: 0.4em;
}
img
{  border-style: none;
}

 

#header p{width:290px; font-size:1em; line-height:1.3em; padding:0 0 0 15px; }

#header h2{padding:15px 15px 0 15px; color:#fffffc;}

#header a{color:#fffffc; text-decoration:underline;}
 
h1{margin:0 0 20px 0; font-size:2.1em; font-weight:normal;}

h1.contenttitle{margin:0 0 20px 0; font-size:2.1em; font-weight:normal; color: red;}

h1.c-title{margin:0 0 20px 0; font-size:2.1em; font-weight:bold; color: #008000; text-align:center;}

h2{margin:20px 0 10px 0; font-size:1.6em; font-weight:bold; color: #008000; }

h2.c-subtitle{margin:20px 0 10px 0; font-size:1.6em; font-weight:bold; color: #008000; text-align:left;}

h3{margin:20px 0 10px 0; font-size:1.4em; font-weight:normal;}

p{margin:0 0 15px 0; line-height:1.5em; text-align:left; }

p.annhead{font-size:3.9em; font-weight:bold; color: yellow; }
p.ayat{margin:0 0 15px 0; font-size:1.6em; font-weight:bold; color: #008000;}
p.hadith{ font-size:1.6em; font-weight:bold; color: #008000;}
 
#footer_main a{color: #303030;}
#footer_main p{margin:0 12px;}
 .img{ border-style: none;}
 .a img{border:0;}


#nav p{font-size:1.9em; line-height:1.3em; margin:0 0 12px 0; text-align:left; color: #008000;}.out {
  display:block; 
  background:#bbb; 
  border:1px solid #ddd; 
  position:relative;
  margin:1em 0;
  }
.in2 {
  display:block; 
  background:#777; 
  border:1px solid #999; 
  position:relative;
  padding:1px;
  margin:1px;
  }
.in {
  background:#fff; 
  border:1px solid #555; 
  position:relative; 
  padding:5px;
  font-weight:normal;
  }

.ltin {
  left:-5px;
  }
.tpin {
  top:-5px;
  }
.rtin {
  left:5px;
  }



.narrow {width:95%}
.normal {width:95%}
.wide {width:18em;}
.image {width:412px; padding:0;}

