body { padding:0;  margin: 0; background-color: #dfdfdf; font: 16px/1.8  "Meiryo", Verdana, Arial, "Segoe UI", sans-serif; color: #444;}
p {font: 16px/1.8  "Meiryo", Verdana, Arial, "Segoe UI", sans-serif; color: #444; padding-left: 35px; padding-right: 35px; margin-bottom : 1em; text-align: justify; color: #444;}


#header { position:relative; width: 1105px; height: 300px; margin: 0 auto;}
#mainheading { text-align: center; width: 1105px; height: 250px; background-image: url(images/islam.jpg); font-family: Verdana, sans-serif; }

.zb {text-align:left; margin-left:64px; padding-top: 44px; font-size: 22px; text-shadow: #222 2px 2px 4px;}
.zb a:link {color: aqua; text-shadow: #111 2px 2px 4px; text-decoration:none;}
.zb a:visited {color: aqua; text-shadow: #111 2px 2px 4px; text-decoration:none;}
.zb a:hover {color: #FF0000; text-shadow: #111 2px 2px 4px; text-decoration:underline;}

a:link { color: #CC0000; text-decoration: underline;}
a:visited { color: #CC0000; text-decoration: none;}
a:hover { color: red; text-decoration:underline;}


.darkfont

{font-family: "Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;
font-size: 24px;
font-weight: 700;
letter-spacing: 0.4px;
line-height: 30px;
text-align: center;
text-decoration: none;
text-shadow: #808080 0px 1px 0px;
-moz-text-decoration-color: #000;
-moz-text-decoration-line: none;
-moz-text-decoration-style: solid;}


.embos {color: #D1CACA;
font-family: "Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;
font-size: 32px;
font-weight: 700;
left: 64px;
letter-spacing: 0.4px;
line-height: 30px;
position: relative;
text-align: center;
text-shadow: #000 0px 3px 2px;
word-wrap: break-word;
}


.hlight {font-size: 19px; margin-left: 1.5em; margin-right: 1.5em;  color: #990000; text-align : left; text-shadow: #aaa 1px 1px 2px; font-weight:bold;}
.block {padding: 0px 40px 0px 40px;	line-height:2.0em; line-height: 150%; font: 16px/1.6 "Trebuchet MS", verdana, arial, tahoma; color: #003399;}
.bigger { margin-left: 4em; margin-right: 4em; font: 18px/2.0 "Trebuchet MS",Arial,Helvetica,sans-serif;}

.description {width: 1105px; color: #DDD; padding-top: 14px; height: 35px; background-color: #0c1f51; font-size: 11pt; font-family: "Segoe UI", Arial, sans-serif; text-align:center; margin: 0 auto;}

#page { margin: 0 auto;	width: 1105px; background-color: #FCFCFC;
border-bottom-color: #FFF;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #FFF;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #FFF;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #FFF;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-top-style: solid;
border-top-width: 1px;
box-shadow: #777 0px 0px 8px 0px;
border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
}

ul {margin: 20px 0 20px 70px; padding:0; }
ol {margin: 5px 0 5px 30px; padding:0;}
li {text-align: left; margin-left: 10px; margin-right: 10px; color:#036cb6;}


#main {	width:1105px; margin: 0 auto;}}


hr {border: 0; height: 1px; margin: 25px auto 25px auto; background-image: url(images/bluebar.jpg); height: 1px}





#page .imgl {
  float: left;
  padding-left: 14px;
  border: none;
}
#page .imgr {
  float: right;
  padding: 14px;
  
}
#page .imgl p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  line-height: 1.5em;
}
#page .imgr p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  line-height: 1.5em;
}

.center {text-align:center;}

blockquote {
		margin: 2em 4em 2em 4em; 
		padding: 1em 2em 1em 2em; 
  	line-height:1.5em;
  	border: 1px solid #ccc;
  	text-align:left;
	line-height: 200%;
  	background: #fff url('images/box.png') repeat-x;
	box-shadow: 0px 0px 6px #333;
    	-moz-box-shadow: 0px 0px 6px #333;
    	-webkit-box-shadow: 0px 0px 6px #333;
    	border-radius: 6px;
    	-moz-border-radius: 6px;
    	-khtml-border-radius: 6px;
    	-webkit-border-radius: 6px
}


.QBox {
   
   background: #FAFAFA url('images/quote-left.gif') no-repeat left top; 
   width: 920px;
   padding-top: 20px;
   padding-left: 40px; 
   font-style:normal; 
   font-variant:normal; 
   font-weight:normal; 
   font-size:15px; 
   font-family:Arial;
   margin: 0 auto;
border-bottom-color: #FFF;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #FFF;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #FFF;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #FFF;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-top-style: solid;
border-top-width: 1px;
box-shadow: #AAA 0px 0px 6px 0px;
border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;

}

.QBox div {
   background: transparent url('images/quote-right.gif') no-repeat right bottom;
   padding-right: 40px;
   padding-bottom: 20px
}


@font-face {font-family: TrajanPro-Bold; src: url('fonts/TrajanPro-Bold.otf');}


/** HEADINGS */

h6 { font-size:0.8em; font-family: "Trebuchet MS", Arial, sans-serif; color: #003df2;  text-align:center; margin: 20px; text-shadow:#ccc 1px 1px 3px; font-weight: normal;}
h5 { font-size:1.4em; font-family: "TrajanPro-Bold", "Trebuchet MS", Arial, sans-serif; color: #3E62C1; text-align:center; margin: 30px; text-shadow:#ccc 1px 1px 2px; font-weight:normal;}
h4 { font-size:1.6em; font-family: "TrajanPro-Bold", "Trebuchet MS", Arial, sans-serif; color: #AF0000; text-align:center; margin: 40px; text-shadow:#ccc 1px 1px 2px; font-weight:normal;}
h3 { font-size:1.8em; font-family: "TrajanPro-Bold", "Trebuchet MS", Arial, sans-serif; color: #6600ff; text-align:center; margin: 42px; text-shadow:#ccc 1px 1px 2px; font-weight:normal;}
h2 { font-size:2.0em; font-family: "TrajanPro-Bold", "Trebuchet MS", Arial, sans-serif; color: #6600ff; text-align:center; margin: 44px; text-shadow:#ccc 1px 1px 2px; font-weight:normal;}
h1 { font-size:2.4em; font-family: "TrajanPro-Bold", "Trebuchet MS", Arial, sans-serif; color: #6600ff; text-align:center; margin: 50px; text-shadow:#ccc 1px 1px 2px; font-weight:normal;}



img.right {float: right; margin:5px 10px 10px 10px}
img.left {float: left; margin: 5px 20px 5px 5px}

        
.ctr	{text-align: center; }
.clear {clear:both; margin:0; padding:0;}
.hide {display:none;}

.hlight {font-size: 19px; margin-left: 1.5em; margin-right: 1.5em;  color: #990000; text-align : left; text-shadow: #aaa 1px 1px 2px; font-weight:bold;}
.block {padding: 0px 40px 0px 40px;	line-height:2.0em; line-height: 150%; font: 16px/1.6 "Trebuchet MS", verdana, arial, tahoma; color: #003399;}
.bigger { margin-left: 4em; margin-right: 4em; font: 18px/2.0 "Trebuchet MS",Arial,Helvetica,sans-serif;}
.description {width: 1105px; color: #DDD; padding-top: 14px; height: 35px; background-color: #0c1f51; font-size: 11pt; font-family: "Segoe UI", Arial, sans-serif; text-align:center; margin: 0 auto;}
.block {padding: 0px 40px 0px 40px; line-height:2.0em; line-height: 150%; font: 16px/1.6 "Trebuchet MS", verdana, arial, tahoma; color: #003399;}
.bigger { margin-left: 2em; margin-right: 4em; font: 16px/1.8  "Meiryo", Verdana, Arial, "Segoe UI", sans-serif; color: #990000; font-weight:bold;}
.hd {font-weight:bold; text-transform:uppercase;}
.big {font-size: 18px; font-weight: bold;; margin: 2em 4em 2em 4em; padding : 10px; line-height : 1.55; text-align : left; border-bottom: 1px solid #ccc; color: #3E62C1;}
.quote {border: 2px solid #cfebfa; color: #00008b; font-size: 10pt; margin: 30px 50px 30px 50px; padding : 10px; text-align: left; background: #f4faff; font-family: Verdana; font-style: italic; }
.cytat {border-left: 5px solid #CCC; border-right: 5px solid #CCC; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;font-style: italic; margin: 30px 50px 30px 50px; padding: 10px; padding-right: 20px; text-align:justify; background-color: #EFEFEF;}
.title {width: 95%; font-family: "Trebuchet MS", Arial, sans-serif;	color:#CC0000; text-align: center; margin:40px 10px 40px 10px; font-weight:normal;}
.verse {color: #fff; background: navy; padding:10px; margin: 10px;}
.quote {border: 2px solid #cfebfa; color: #00008b; font-size: 10pt; margin: 30px 50px 30px 50px; padding : 10px; text-align: left; background: #f4faff; font-family: Verdana; font-style: italic; }
.uak{color: #777; font-size: 8pt; font-family: Verdana, sans-serif; font-style: italic; padding-bottom: 2px; text-align: center; }
.cytat {border-left: 5px solid #CCC; border-right: 5px solid #CCC; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;font-style: italic; margin: 30px 50px 30px 50px; padding: 10px; padding-right: 20px; text-align:justify; background-color: #EFEFEF;}
.bluebar {margin: 30px; padding: 30px; text-align:center; height:1px; }



.gray  {
		
		border-left: 5px solid #7f7d99; 
		border-right: 5px solid #7f7d99; 
		border-top: 1px solid #7f7d99; 
		border-bottom: 1px solid #7f7d99; 
		margin: 2em 4em 2em 4em; 
		padding: 1em 2em 1em 2em; 
		text-align:left; 
		background: #fff url('images/box.png') repeat-x;
		background-color: #FFFFFF;
		box-shadow: 0px 0px 10px #333;
    	-moz-box-shadow: 0px 0px 10px #333;
    	-webkit-box-shadow: 0px 0px 10px #333;
    	border-radius: 6px;
    	-moz-border-radius: 6px;
    	-khtml-border-radius: 6px;
    	-webkit-border-radius: 6px

    	}


.stopa {font-family: Verdana; text-align: center; margin: 0 auto; width: 1105px; height: 205px; color: #fff; padding-top: 14px;  background-color: #111127; /*background-image: url(images/bg-footer.png);*/ }
.stopa p {text-align: center; font-size: 12px; font-family: Verdana, Arial,sans-serif; color : #ddd; text-shadow: 0px 1px 1px rgb(0, 0, 0);}
.stopa a:link {color: #00BBFF; text-decoration: none;}
.stopa a:active {color: #00BBFF; text-decoration: none;}
.stopa a:visited {color: #00BBFF; text-decoration: none;}
.stopa a:hover {color: #FF0000; text-decoration: underline;}