﻿body { font: 16px/1.8  "Meiryo", Verdana, Arial, "Segoe UI", sans-serif; color: #444; color: #2d2e2e;
 background: #F5F5F5; /* url(images/bgimg3.jpg) repeat-y center top;*/
 margin: 0; padding: 0; text-align: center;}

ul {	margin:0 1em 1em 1em; line-height:1.55; text-align: justify;}



p {	font: 16px/1.8  "Meiryo", Verdana, Arial, "Segoe UI", sans-serif; color: #444; margin:0 1em 1em 1em; text-align: justify;}

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


/** HEADINGS */

h6 { font-size:1.0em; font-family: "Times New Roman", Times, serif; color: #0033CC; text-align:center; margin: 20px; text-shadow:#ccc 1px 1px 2px; font-weight:normal;}
h5 { font-size:1.4em; font-family: "Times New Roman", Times, serif; color: #0033CC; text-align:center; margin: 30px; text-shadow:#ccc 1px 1px 2px; font-weight:normal;}
h4 { font-size:1.6em; font-family: "TrajanPro-Regular", Times, serif; color: #0033CC; text-align:center; margin: 40px; text-shadow:#ccc 1px 1px 2px; font-weight:normal;}
h3 { font-size:1.8em; font-family: "Times New Roman", Times, serif; color: #0033CC; text-align:center; margin: 42px; text-shadow:#ccc 1px 1px 2px; font-weight:normal;}
h2 { font-size:2.0em; font-family: "Times New Roman", Times, serif; color: #0033CC; text-align:center; margin: 44px; text-shadow:#ccc 1px 1px 2px; font-weight:normal;}
h1 { font-size:2.4em; font-family: "TrajanPro-Regular", Times, serif; color: #0033CC; text-align:center; margin: 50px; text-shadow:#ccc 1px 1px 2px; font-weight:normal;}

#top { margin:0; text-align: center; margin-top: 25px; margin-bottom: 25px;}
#wrap {width: 1026px; text-align :center; margin:0 auto;}

/* ---> A box for showing quotes */
.QBox {
   
   background: #FAFAFA url('images/quote-left.gif') no-repeat left top; 
   width: 620px;
   padding-top: 20px;
   padding-left: 40px; 
   font-style:normal; 
   font-variant:normal; 
   font-weight:normal; 
   font-size:15px; 
   font-family:Arial;
   margin: 0 auto;
   
}

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


blockquote {
border-left : 5px solid #cccccc;
margin: 2em 5em 2em 5em;
padding : 20px;
line-height : 1.55;
text-align : left;
background: #F3F3F3;
}


.gray  {
		border-left: 5px solid #7f7d99; 
		border-right: 5px solid #7f7d99; 
		border-top: 1px solid #7f7d99; 
		border-bottom: 1px solid #7f7d99; 
		font-size: 100%; 
		margin: 2em 4em 2em 4em; 
		padding: 1em 2em 1em 2em; 
		text-align:left; 
		background-color: #FFFFFF;
		box-shadow: 0px 0px 3px #222;
    	-moz-box-shadow: 0px 0px 3px #222;
    	-webkit-box-shadow: 0px 0px 3px #222;
    	border-radius: 6px;
    	-moz-border-radius: 6px;
    	-khtml-border-radius: 6px;
    	-webkit-border-radius: 6px

    	}


.dateblock {margin-bottom:10px;overflow:hidden; font-size:12px;}

/* text size --------------------------------------------------------------- */		

.textsize {
	padding-left:20px;
	float:right;
	font-size:12px;
	color:#333;
}
	
.textsize a {
	color:#0068cc;
	outline:none;
	font-weight:bold;
	padding:0 2px;
}
	
.textsize a.big {color:#0068cc;
font-size:14px;}
	
.textsize a.bigger {color:#0068cc;
font-size:16px;}	

.textsize a:hover {color:#0068cc;
color:#F00;}


.central {
	width: 1024px; 
	margin-top: 45px;
	height: 100%; 
	margin:0 auto; 
	background: #FFFFFF; 
	position: relative; 
	text-align: center; 
	padding: 10px;
	border: 1px solid #CCC;
	margin-top: 1.5em;	
	border: 1px solid #aaa;
	box-shadow: 0px 0px 15px #aaa;
    -moz-box-shadow: 0px 0px 15px #aaa;
    -webkit-box-shadow: 0px 0px 15px #aaa;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -khtml-border-radius: 12px;
    -webkit-border-radius: 12px*/
}
	
.central .imgl {
	float: left;
	padding-right: 8px;
	margin-left: 18px;
	}

.central .imgr {
	float: right;
	padding-left: 9px;
	margin-right: 10px;
	
}

.central .imgl p {
	text-align: center;
	font-style: italic;
	font-size: smaller;
	text-indent: 0;
	line-height: 1.5em;
}

.central .imgr p {
	text-align: center;
	font-style: italic;
	font-size: smaller;
	text-indent: 0;
	line-height: 1.5em;
}



a dark:link {color: blue; text-decoration: underline; text-align: center;}
a.dark:visited {color: blue;}
a.dark:hover {color: red; background: #ffffff; text-decoration: underline; }

.headtitle {width:100%; color:#FFFFFF; background:url(images/bgb.jpg); padding-top:20px; padding-bottom:20px; font-family:Arial; font-size:24px; font-weight:bold; line-height:1em; text-align:center;}
.subhead   { width:95%; margin: auto; background : #144396;text-align:center; /* font-size: 12px; font-family:Verdana;*/ color:#FFFFFF; padding:10px; margin: 20px;}

#frontphoto {border:0; margin:0 0 50px auto; text-align: center;}

#header { background: #08368b; }
#header img {float: right; position:fixed;}

#logo { background:url(images/hd.jpg) no-repeat; padding: 15px 0 0 15px; height:159px; color:#FFF; font-style:italic; font-family:Arial, Helvetica, sans-serif; }
#logo a{color:#FFF; text-decoration:none; font-weight:bold; font-size:20px; font-style:italic;}
#logo a:hover {color: aqua; background: navy;}
#logo p {color:#FFF; text-decoration:none; /*font-weight:bold;*/ font-style:italic; margin: 2px; padding-top: 5px;}


/*ul {text-align: left;  margin-left: 20px; margin-right: 20px; color: #336699;}*/
li {text-align: left; margin-left: 50px; margin-right: 50px; color: #333399;}


a {color: #0033cc; text-decoration: underline;}
a:visited {color: #0033cc}
a:hover	{ text-decoration: underline; color : #FF0000; background-color: #FFFFEE; }



hr { height:1px; width:85%; margin: 35px auto; color: #ccc; background-color: #ccc;}
img { border:0px solid #b0b0b0; margin:5px 15px 6px; padding:5px;}


.bible {font-size: 10px; font-weight: bold; color: #777777;}
.maintitle { font-weight: bold; font-size: 36px; font-family: "Trebuchet MS", Arial, sans-serif; text-decoration: none; line-height : 120%; }

/* Additional classes */

.head {color : #FFFFFF; text-align: center; background: #00F ;font-family: Arial; font-size: 24pt; font-weight: bold; margin: 30px 10px 30px 10px; padding: 20px;}
.ctr	{text-align: center; }
.clear {clear:both; margin:0; padding:0;}
.floatboldl { text-align: center; font-size: 14pt; /*font-style: italic;*/ font-weight: bold; font-family: Arial; padding: 10px; color: #0068cc; /* letter-spacing: 0.5px;*/}
.floatboldr { float: right; font-size: 12pt; font-style: italic; font-weight: bold; padding: 10px;}
.subhead {text-align: center; font-family: Arial; font-size: 12pt; font-weight: bold; margin: 30px 10px 30px 10px; padding: 10px;}
.internallink {font-size:1.1em; text-align:center;}
.hide {display:none;}
.headsub   { width:95%; margin: 0 auto; background: #910000; text-align:center; font-size: 18px; font-family:Arial; color:white; padding-top:10px; padding-bottom:10px;}
.headerstyle {clear:left; display:block; margin:20px 0 10px 0; padding:5px 0 5px 8px; background:#eee url(img/gradient2.png) repeat-x; color:#444; border-top:1px solid #ddd; border-right:1px solid #bbb; border-bottom:1px solid #bbb; border-left:1px solid #ddd; text-decoration:none;}
.headnavy   { width:95%; margin: 0 auto; background: blue; text-align:center; font-size: 14pt;font-weight:bold;font-family:Arial;padding:15px;color:#fff;}
.headtitle {width:95%; margin: 0 auto; color:#FFFFFF; background:url(images/bgr.jpg); padding-top:20px; padding-bottom:20px; font-family:Arial; font-size:24px; font-weight:bold; line-height:1em; text-align:center;}
.headtitle2 {width:95%; margin: 0 auto; color:#FFFFFF; background:url(images/header.jpg); padding-top:20px; padding-bottom:20px; font-family:Arial; font-size:24px; font-weight:bold; line-height:1em; text-align:center;}
/*.menuheader {width:75%; background:#fff url(img/gradient2.png) repeat-x; font-size:1.8em; color:#333; border-top:1px solid #ddd; border-right:1px solid #888; border-bottom:1px solid #888; border-left:1px solid #ddd; margin-left: 10px; margin-right: 10px; padding: 10px; font-weight:bold;}.right { text-align: right; margin-right: 40px; font-size: 8pt: font-family: verdana; font-style: italic; text-decoration: underline;}*/

.menuheader {
	
	/*font-weight:normal;*/
	width: 780px;
	background: #fff url(img/gradient2.png) repeat-x;
	border-top: 1px solid #bbb;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	border-left: 1px solid #ccc;
	margin:40px 10px 40px 10px;
	
	margin:auto;
	padding: 10px;
	color:#CC0000;
	font-weight:bold;
}


.gray  {font-family: "Trebuchet MS", Arial, sans-serif; 
		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-color: #FAFAFA;
		box-shadow: 0px 0px 3px #222;
    	-moz-box-shadow: 0px 0px 3px #222;
    	-webkit-box-shadow: 0px 0px 3px #222;
    	border-radius: 6px;
    	-moz-border-radius: 6px;
    	-khtml-border-radius: 6px;
    	-webkit-border-radius: 6px

    	}



.important {font-weight: bold;}
.small	{font: 8pt Verdana, sans-serif; line-height: 1.3em; margin: 10px 12px 0px 25px; padding-bottom: 10px; border-bottom:}
.smallverse	{font: 12px Verdana, sans-serif; font-style: italic; line-height: 1.5em; border: 2px solid #cfebfa; color: #336699; margin-left: 10px; margin-right: 10px; padding : 10px; text-align: left; background: #f4faff;}
.smallquote {border: 2px solid #cfebfa; color: #00008b; margin-left: 10px; margin-right: 10px; padding : 10px; text-align: left; background: #f4faff; }
.verse {color: #fff; background: navy; padding:10px; margin: 10px;}
.quote {border: 2px solid #cfebfa; color: #00008b; font-size: 10pt; voice-family: "\"}\"";  voice-family:inherit; margin: 30px 10px 30px 10px; padding : 10px; text-align: left; background: #f4faff; font-family: Verdana; font-style: italic }
.bold {border: 2px solid #f7e5e5; font-size: 10pt; voice-family: "\"}\"";  voice-family:inherit; margin: 30px 10px 30px 10px; padding: 10px; color:navy; font-family: Verdana; background-color: #FFF8F4;font-style: italic}
.green {border: 2px solid #B8E6E6;font-size: 10pt; voice-family: "\"}\"";  voice-family:inherit; margin: 30px 10px 30px 10px; padding: 10px; color: #006B6B; font-family: Verdana,Arial; font-style: italic; background : #F7FFF6;}
/*.gray  {border-left: 5px solid #DDD; border-right: 5px solid #DDD; 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: #F8F8F8;}
*/
.uak{color:black; 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 10px 30px 10px; padding: 10px; padding-right: 20px; text-align:justify; background-color: #EFEFEF;}
.wazne {width:95%; background:#fff url(img/gradient2.png) repeat-x; color:#333; border-top:1px solid #ddd; border-right:1px solid #888; border-bottom:1px solid #888; border-left:1px solid #ddd; margin-left: 10px; margin-right: 10px; padding: 10px; text-align:justify;}



#nav {text-align: center; vertical-align: middle; height: 44px;}
.center {text-align: center;}

#arrow {font-size: 28pt; font-family: Lucida Sans Unicode; text-align: center; }
#arrow a{text-decoration:none; color: blue;}
/*#arrow a:visited {text-decoration:none; color: blue;}*/
#arrow a:hover {text-decoration:none;}

.slogan {color:#ccc; font-size:1.4em; margin:0 0 15px 0; padding:0;text-align:center;}
.toptabs {clear:both; font-size:1.1em; line-height:1.5em; color:#aaa; margin:0 0 15px 0;text-align:center;}
.toptab {padding:3px 10px 5px 10px; font-weight: bold; margin:0 2px; color:#FFFFFF;}
.toptab:hover {background-color:#444; color:#ff0; text-decoration:none;}
.active {background-color:#444; color:#FFFFFF;}
.active:hover {background-color:#444; color:#FFFFFF;}
.bottomlinks a {text-align:center; color:#888; font-size:0.9em; font-weight:400; margin:5px auto;}
.bottomlinks {text-align:center; color:#888; font-size:0.9em; font-weight:400; margin:5px auto;}
.footer {color:#666;}
.footer p {text-align:center;font-size:0.8em; margin-top:25px;}
	
/* NOWE!  */
.hide {display:none;}

#footer {
width:830px;
margin:0 auto;
padding-bottom: 10px;
clear: both;
color: #666;
font-size: 13px;
text-align: center;
background: #FFFFFF;}

#footer hr { height: 1px; border: solid ##dfdfdf 1px;  margin: auto; width: 99%; margin-bottom:20px; margin-top:20px;}

/*#footerbar h6 {font-size: 8px; padding-bottom: 7px; border-bottom: 2px solid #dadada; margin: 1px;}*/


#footer p {
width: 600px;
margin: 0 auto 0 auto;
clear: both;
}

#footer p.first {
padding-top: 20px; text-align:center; font-size: 8pt; font-family: Verdana, sans-serif;
}

#footer p.second {
text-align: center;font-size: 8pt; font-family: Verdana, sans-serif;
padding-top: 5px;
}

#footer a {
color:navy;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}

#footerbar {
width: 954px;
margin: auto;

}


#footerbar ul {
list-style-type: none;
margin: 0;
padding: 0;

}

#footerbar ul li {
width: 280px;
float: left;
text-align: left;
margin: 10px;
}

#footerbar ul li ul li {
margin: auto;
float: none;
width: auto;
line-height: 140%;
}
