body {
  padding:0;
  margin: 0;
  background-color: #fefefe;
  font: 16px/1.8  "Meiryo", Verdana, Arial, "Segoe UI", sans-serif; color: #333; }



p {padding-left: 35px; padding-right: 35px; margin-bottom : 1em; text-align: justify; font-family: "Open Sans","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
}

li { margin-left: 50px; margin-right: 50px; color: #333399; line-height:1.5em; text-align: left;}

/*img {margin: 15px;}*/

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

.bluebar {margin: 30px; text-align:center; height:1px; }


hr{	background-color: transparent; color: #ccc;	height: 1px; width: 850px; margin: 45px auto 45px auto;}


#page .imgl {
  float: left;
  padding: 14px;
}
#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;
}


blockquote {
	margin: 2em 4em 2em 4em;
    padding: 20px 30px 20px 30px;
  	line-height:1.5em;
  	border-left: 5px solid #CCc;
  	border-right: 5px solid #CCC;
  	text-align:left;
  	background: #FFF;
  	color: #000;}



.QBox {
	background: #ffffff url('images/q-l.png') no-repeat left top;
  	margin: 15px 50px;
	border: 1px solid #ccc;
	margin-bottom: 35px;
	margin-top: 35px;
  
}
.QBox div {
  background: url('images/q-r.png') no-repeat right bottom;
  padding: 25px 35px 25px 35px;
  font-style: normal;
  font-size: 15px;
  margin-top: 0;
 
}

#zb {text-align:left; margin-left:34px;}
	



#header { position:relative; width: 992px; height: 220px; margin: auto;}

.mainheading { text-align: center; width: 992px; height: 140px; background-color: #00225f; background-image: url(images/bgpad4.jpg); color: #FFFFFF; padding-top: 60px; font-size: 140%; text-shadow: #000 3px 3px 5px;}
.mainheading a {color: #FFFFFF; text-shadow: #111 2px 2px 4px;}

.description {width: 992px; color: #CCC; padding-top: 14px; height: 35px; background-color: #0c1f51; font-size: 10pt; font-family: "Trebuchet MS", Arial, sans-serif; text-align:center; margin: 0 auto;}

#page { margin: 0 auto;	width: 990px; background-color: #fff; border: 1px solid #ccc; 
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;

 }

/*hr{ background: #CCCCCC; border: 0; color: #CCCCCC; height: 1px; width: 98%; margin-top: 20px; margin-bottom: 20px;}*/

.uak{color:black; font-size: 8pt; font-family: Verdana, sans-serif; font-style: italic; padding-bottom: 2px; text-align: center; }

/** HEADINGS */

.hd {
	font-weight:bold;
	text-transform:uppercase;
}

.big {font-size: 20px; font-weight: bold;; margin: 2em 5em 2em 5em; padding : 20px; line-height : 1.55; text-align : left;}

div.hr { height: 1px; background: #e5e4df url(images/hr.png) no-repeat scroll center; margin: 20px;}
div.hr hr { display: none;}


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;}


.cit {color: #A970DA;}


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


/*MULTI-USE TAGS==========================================================================================*/

/*.center {text-align: center;}*/
.alignleft {text-align: left;}
.alignright {text-align: right;}
.left {float:left;}
.bg1 {background: #ffffff}
.bg2 {background: #fefeef}

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;}
.headsub   { width:95%; margin: 0 auto; background: #AA0000; text-align:center; font-size: 18px; font-family:Arial; color:white; padding-top:10px; padding-bottom:10px;}
.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 {
	color:#aa0000; 
	/*background:#fff url(img/gradient2.png) repeat-x; */
	border-top:1px solid #ddd; 
	border-right:1px solid #888; 
	border-bottom:1px solid #888; 
	border-left:1px solid #ddd; 
	margin:1em; 
	padding: 10px; 
	font-weight:bold;}
      
.title {
	
	
	width: 95%;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color:#CC0000;
	text-align: center;
	margin:40px 10px 40px 10px;
	font-weight:normal;
}
      
.important {font-weight: bold;}
.verse {color: #fff; background: navy; padding:10px; margin: 10px;}
.quote {border: 2px solid #cfebfa; color: #00008b; margin: 30px 50px 30px 50px; padding : 20px; text-align: left; background: #f4faff; }
.green {border: 2px solid #B8E6E6; margin: 30px 50px 30px 50px; padding: 20px; color: #006B6B; background : #F7FFF6;}
.green li {	margin-left:55px; display:block;}

.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 50px 30px 50px; padding: 10px; padding-right: 20px; text-align:justify; background-color: #EFEFEF;}

.small { font: 13px Verdana, sans-serif; line-height: 1.3em; margin: 20px 10px 20px 10px; padding-bottom: 16px; color: #444; text-align: center;}
.block {padding: 0px 40px 0px 40px; line-height:2.0em; line-height: 150%; font: 16px/1.6 "Trebuchet MS", verdana, arial, tahoma; color: #003399;}
.hd {font-weight:bold; text-transform:uppercase;}
.uak{color:#777; font-size: 10pt; font-style: italic; padding-bottom: 2px; text-align: center; }
.big {font-weight: 700; margin: 2em 4em 2em 4em; padding : 10px; line-height : 1.55; text-align : left; border-bottom: 1px solid #ccc; color: #3333cc;}
.bigger { margin-left: 3em; margin-right: 4em; color: #9900FF;font-weight: 700;padding : 10px; line-height : 1.55;}
.bluebar {margin: 30px; text-align:center; height:1px; }

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


.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 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

    	}


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

.menuul { 
margin: auto;
width: 49em; /*crucial width guess */
padding: 0;
z-index: 30;
overflow: hidden; 
background-color:white;
/* overflow to remove need for special extra clearing div for 
most modern browsers, though some IE might need the div! */ 
}

.menuul li {
margin: 0;
padding: 0;
list-style: none;
float: left;
font: bold .80em arial;
/* Dont use px and especially not flyspeck like 9px! */
}

.menuul li a {  
display: block;
margin: 0 1px 0 0;
padding: 10px 20px;
background: #ddd;
color: #333;
text-align: center;
text-decoration: none;
width: 80px;
border-bottom: 5px solid #bbf;
} 


.menuul li a:hover {  
display: block;
background: #223399;
color: #FFFFFF;
text-align: center;
text-decoration: none;
border-bottom: 5px solid #00DDFF;


}