body {
	margin: 20px 0;
	padding: 0;
	background: #A3C2A3;
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1, h2, h3 {
	color: Navy;
}

h1 {
	margin: 0;
	font-size: 1.2em;
}

h2 {
	margin: 0;
	font-size: 1.2em;
}

h3 {
	margin: 0;
	font-size: 1em;
}

p, ul, ol, blockquote {
	margin-top: 0;
}

ul 
{
	list-style: list-style-image;
	list-style-image: url("images/double-arrow.gif");
	list-style-position: outside;
}

p.par {
	margin-top: 1;
}

p.baslik {
	color: White;
	height: 1.8em;
	margin: 0;
	margin-top: 0;
	padding-top: 0.4em;
	padding-left: 0.5em;
	font-size: 1em;
	font-weight:bold;
	background-color:Navy;
}

p.anabaslik {
	color: Navy;
	margin: 0;
	margin-top: 0;
	font-size: 1.5em;
	font-weight:bold;
}

a:link {
	border-bottom: 1px dotted #CCCCCC;
	text-decoration: none;
	color: #3284B5;
}

a.newlink {
	border-bottom: 1px dotted Black;
	text-decoration: none;
	color: White;
}

a:hover {
	border: none;
}

img {
	border: none;
}

#header {
	width: 700px;
	/*height: 200px;*/
	margin: 0 auto;
	/*background: url(images/quran-2.jpg) no-repeat;*/
}

#header * {
	margin: 0;
	border: none;
	text-decoration: none;
	/*text-transform: lowercase;*/
	font-weight: normal;
	color: #FFFFFF;
}

#header h2 {
	float: left;
	padding: 165px 0 0 3px;
	font-size: 1em;
}

#menu {
	width: 700px;
	height: 41px;
	margin: 0 auto;
	background: #8CA375 url(images/img6.gif) repeat-x bottom;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 32px;
	padding: 9px 20px 0 20px;
	text-decoration: none;
	border-bottom: none;
	color: #000000;
}

#menu a:hover, #menu .active a {
	background: #004D26 url(images/img6.gif) repeat-x bottom;
	color: White;
}

#content {
	width: 700px;
	margin: 0 auto;
	background: url(images/img4.gif);
}

#dBir {
	float: left;
	width: 460px;
	padding: 20px 10px 0 10px;
}

#dIki {
	float: left;
	width: 160px;
	padding: 20px 10px 0 10px;
}

#dUc {
	float: left;
	width: 100px;
	padding: 10px;
}

#footer {
	width: 700px;
	margin: 0 auto;
	padding: 10px 0;
	background: url(images/img6.gif) repeat-x;
	font-size: smaller;
}

#footer * {
	color: Black;
}

p.fl:first-letter { font-size: 1.5em; font-weight: bold }
p.par:first-letter { font-size: 1.5em; font-weight: bold }
p.baslik:first-letter { font-size: 1.6em; font-weight: bold }
h3:first-letter { font-size: 1.5em; font-weight: normal }
li:first-letter { font-size: 1.5em; font-weight: normal }
span { font-weight: normal }

#container-mybox1 {
	background-color: #00994D;
	color: #c3ced9;
	float: left;
	width: 694px;
}

#container-mybox1 h1 
{
	font-size: 1.8em;
	font-weight:bold;
	color : White;
}

/* box model hack for IE 5.x */
#container-mybox1 {
	padding: 3px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	}
html>body #container-mybox1 {
	}
/* end box model hack */

#container-mybox1 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#container-mybox1 li {
	font-size: 1.3em;
	display: inline;
}

#mybox-intro1 
{
	margin: 10px;
	padding: 10px 3px 10px 60px; 
	height: 40px;
	background: #004D26 url("images/quran-1.jpg") no-repeat 8px 3px;
}

#mybox-intro11
{
	margin: 10px;
	padding: 0px 3px 0px 60px; 
	background: #004D26;
}

#container-mybox2 {
	background-color: #00994D;
	color: White;
	float: left;
	width: 454px;
	}
#container-mybox2 h2 
{
	font-size: 1.1em;
	color : White;
}
/* box model hack for IE 5.x */
#container-mybox2 {
	padding: 3px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	}
html>body #container-mybox2 {
	}
/* end box model hack */

#mybox-intro2 {
	margin: 10px;
	padding: 0px 3px 0px 100px;
	background: #004D26 url(images/communism.jpg) no-repeat;
	background-position: center left;
}

#container-about {
	background-color: #773C77;
	color: White;
	float: left;
	width: 600px;
	}
	
#container-about h2.title 
{
	font-size: 1.1em;
	font-weight: bolder;
	background-color: #552B55;
	color : White;
}

#container-about a 
{
	border-bottom: none;
	text-decoration: none;
	color: #FFFFFF;
}

/* box model hack for IE 5.x */
#container-about {
	padding: 3px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	}
html>body #container-about {
	}
/* end box model hack */

#mybox-about {
	margin: 10px;
	padding: 0px 3px 0px 110px;
	background: #552B55 url(images/erhan.jpg) no-repeat;
}

#container-mybox4 {
	background-color: #714D4D;
	color: White;
	float: left;
	width: 454px;
	}
	
#container-mybox4 h2 
{
	font-size: 1.1em;
	color : White;
}
#container-mybox4 a 
{
	font-size: 1.2em;
	font-weight: bold;
	color : Red;
}

/* box model hack for IE 5.x */
#container-mybox4 {
	padding: 3px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	}
html>body #container-mybox4 {
	}
/* end box model hack */

#mybox-intro4 {
	margin: 10px;
	padding: 0px 3px 0px 102px;
	background: #4D2121 url(images/1919.jpg) no-repeat;
	background-position: center left;
}

#container-mybox3 {
	background-color: #4D6176;
	color: White;
	float: left;
	width: 170px;
	}
	
#container-mybox3 h2 
{
	font-size: 1.5em;
	color : White;
}

#container-mybox3 h2.title 
{
	font-size: 1.1em;
	font-weight: bolder;
	background-color: #213A54;
	color : White;
}

#container-mybox3 a 
{
	border-bottom: 1px dotted White;
	text-decoration: none;
	color: #FFFFFF;
}
/* box model hack for IE 5.x */
#container-mybox3 {
	padding: 3px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	}
html>body #container-mybox3 {
	}
/* end box model hack */

#mybox-introMiracles {
	margin: 10px;
	padding: 0px 3px 0px 1px;
	background-color: #213A54;
}

#container-myboxRotating {
	background-color: #714D4D;
	color: White;
	float: left;
	width: 454px;
	}
#container-myboxRotating h2 
{
	font-size: 1.1em;
	color : White;
}
/* box model hack for IE 5.x */
#container-myboxRotating {
	padding: 3px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	}
html>body #container-myboxRotating {
	}
/* end box model hack */

#mybox-Rotating {
	margin: 10px;
	padding: 0px 3px 0px 100px;
	background: #4D2121 url(images/Solar-System.jpg) no-repeat;
	background-position: center left;
}

#container-myboxMiras {
	background-color: #00994D;
	color: White;
	float: left;
	width: 454px;
	}
#container-myboxMiras h2 
{
	font-size: 1.1em;
	color : White;
}
/* box model hack for IE 5.x */
#container-myboxMiras {
	padding: 3px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	}
html>body #container-myboxMiras {
	}
/* end box model hack */

#mybox-Miras {
	margin: 10px;
	padding: 0px 3px 0px 100px;
	background: #004D26 url(images/miras.gif) no-repeat;
	background-position: center left;
}

#container-myboxWisdom {
	background-color: #00B3B3;
	color: White;
	float: left;
	width: 170px;
	}

#container-myboxWisdom h2
{
	font-size: 1.1em;
	background-color: #004D4D;
	color : White;
}
	
#container-myboxWisdom a
{
	font-size: 1.0em;
	background-color: #004D4D;
	color : White;
}
/* box model hack for IE 5.x */
#container-myboxWisdom {
	padding: 3px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	}
html>body #container-myboxWisdom {
	}
/* end box model hack */

#mybox-introWisdom {
	margin: 10px;
	padding: 0px 3px 0px 1px;
	background-color: #004D4D;
}

/* rounded corners */
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 14.7em; /* ems so it will grow */
	background: url(images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 10px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.1em; 
	line-height: 1em;
}
.boxbody {
	background: url(images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}

