/* BasicStructure */
a:hover 
{
	color: green;
}

#wrapper 
{
        text-align: left;
	width: 100%;
	margin: 0 auto;
	background: white;
	padding: 0;
}


body
{
	text-align: center; 
	font-family: "Arial", sans-serif;
	font-size: 13px;
	margin: 0px 0 0 0;
	padding: 0;
}

hr.spacer {visibility: hidden;}

/* Header */

#header 
{
	position: relative;
	background: white;
	height: 64px;
	margin: -1px;
	margin-top: 0px;
	padding: 0;
} 

/* Header <TR> & <TD> */
#headertr {
	position: absolute;
	top: 0;
	right: 0;	
	height: 8px;
	width: 8px;
}
#headertl {
	position: absolute;
	top: 0;
	left: 0;	
	height: 8px;
	width: 8px;
}

/* Navigation  */

ul#navigation
{
	position: absolute;
	bottom: 0;
	left: 566px;
	margin: 0;
	padding: 0 0px 0 0;
	list-style: none;
}

ul#navigation li
{
	float: left;
	padding: 0;
	margin: 0 0px 0 0;
	vertical-align: middle;	
	background: silver;
}

ul#navigation a
{
	float: left;
	display: block;
	padding: 7px 7px;
	background: transparent;
	color: green;
	text-decoration: none;
}

ul#navigation li a:first-letter 
{ 
	color: Black;
                font-size:14px;
                vertical-align: middle;
	text-decoration: underline;
}
ul#navigation li:hover  { background-color: white; }
ul#navigation li.active { background-color: white; }
ul#navigation li.active a { color: green; }

/* Article */

#article
{
	margin-top: 0em;
	color: black;
	line-height: 1.8em;
	text-align: left;
	padding-right: 0; 
}
#article h3
{
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-size: 140%;
	color: #666;
	padding-bottom: 2px;
	border-bottom: 1px solid #eee;
	margin: 1.7em 0 1em 0;
	padding-left: 100px;
	left: 0px;
	position: relative;
	width: 100px;
	background: transparent 0 50% no-repeat; 
}
#article a
{
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-size: 10px;
	color: blue;
	text-decoration: none;
	border-bottom: 1px dotted blue;
}

#maincontainer
{
	width: 780px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	background: white;
}

#leftcolumn
{
	float: left;
	width: 160px; /*Width of left column*/
	margin-left: -783px; /*Set left margin to -(MainContainerWidth)*/
}

a#logo 
{
	float: left;
        	display: block;
	position: relative;
	bottom: 0;
	left: -1;
	font-size: 200%;
	line-height: 2em;
	text-decoration: none;
	background: white;
}


body
{
	text-align: center; 
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 12;
	margin: 0px 0 0 0;
	padding: 0;
	line-height: 1.5em;
}


b
{
	font-size: 110%;
}

em
{
	color: red;
}

#topsection
{
	background: White;
	height: 64px; /*Height of top section*/
}

#topsection h1
{
	margin: 0;
	padding-top: 0px;  //15
}

#contentwrapper
{
	float: left;
	width: 100%;
}

#contentcolumn
{
	margin-left: 160px; /*Set left margin to LeftColumnWidth*/
}



.innertube
{
	margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
}



/* Footer */  
#footer
{
	margin-top: 0;
	clear: left;
	width: 100%;
	color: silver;
	text-align: center;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 7px;
	float: left;

}



#footer a, #footer a:visited
{
	color: #666;
	border-bottom: 1px dotted silver;
	text-decoration: none;
}


#footer a:hover 
{
	color: green;
	border-bottom: 1px solid green;
}


#footer p
{
	float: left; /* make sure it's below the content div */
	margin: 0;
	padding: 0;
	text-align: center; 
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 4;

}



h1 {
	text-align: center;
	font-family: Arial;
	font-size:22px;
	color: #000066;
	}

h3
{
	text-align: center;
	font-size:22px;
	color: #666;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-size: 140%;
	margin: 1.7em 0 1em 0;
	padding-bottom: 2px;
	border-bottom: 1px solid #eee;
	position: relative;
	left: 0px;
	background: transparent 0 50% no-repeat; 

}


p
{
	text-align: left;
	margin-left: 5px;
}

sup
{
	font-size: 6px;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: blue;
	text-align:super;
}

blockquote
{
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-size: 90%;
	font-style: italic;
	color: black;
	margin-left: 2cm;
	border: 1px dashed black;
	background:white; 
}

table
{
	margin-left: 0em;
	border: 1px solid black;
}

td
{
	border: 1px solid gray;
	text-align: left;
	font-size: 75%;	
}

br
{
	text-align: left;
	margin-left: 5px;
}

quran.ul {
	width: 700px;
	list-style-type:none;
}
quran.li {
	width:180px;
	margin:15px 0 0 0;
	padding:0 10px 0 0;
	line-height:15px;
	float:left;
}

.media
{
	margin-left: -150px;
	position: relative;
	font-family: "Lucida Grande", "Trebuchet MS";
	font-size: 95%;
	color: black;
	margin-left: 0px;
	border: 1px solid black;
	background:white; 
	width: 35%;

}

#marqueecontainer{
position: relative;
width: 101%; /*marquee width */
height: 100px; /*marquee height */
background-color: transparent;
overflow: hidden;
border: 1px solid #006666;
padding: 0px;
padding-left: 0px;
	margin-top: 20px;
}