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

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


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/kwiat.jpg); font-family: Verdana, sans-serif; }

.zb {text-align:left; margin-left:64px; padding-top: 44px; font-size: 16px; text-shadow: #222 2px 2px 4px;}
.zb a:link {color: #ddd; text-shadow: #111 2px 2px 4px; text-decoration:none;}
.zb a:visited {color: #ddd; 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: #1155ff; text-decoration: none;}
a:visited { color: #1155ff; text-decoration: none;}
a:hover { color: red; text-decoration:underline;}


hr { height:1px; width:85%; margin: 35px auto; color: #DDD; background-color: #DDD;}


ol {margin-left: 2em; text-align: justify;}
ul {margin-left: 2em; text-align: justify; padding: 20px;}
li {margin-left: 3em; margin-bottom: 1em; margin-top: 0.5%; color:#036cb6;}

dd {margin-left: 3%; text-align: justify;}



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


/** HEADINGS */

.img_l {	float:left;
		margin-right: 18px;
}

.img_r {	float: right;
		margin-left: 18px;
}


.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;
	box-shadow: 0px 0px 2px #FFF inset, 0px 0px 5px #CACACA;

  
}
.QBox div {
  background: url('images/q-r.png') no-repeat right bottom;
  padding: 25px 35px 25px 35px;
  font-style: normal;
  margin-top: 0;
 
}


.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;
		box-shadow: 0px 0px 3px #777;
    	-moz-box-shadow: 0px 0px 3px #777;
    	-webkit-box-shadow: 0px 0px 3px #777;
    	border-radius: 6px;
    	-moz-border-radius: 6px;
    	-khtml-border-radius: 6px;
    	-webkit-border-radius: 6px

    	}

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

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

#page { margin: 0 auto;	width: 1105px; background-color: #fff;  background-color: #FFFFFF;
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;
}

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

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

#main {
	width:1105px;
	
}


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: #ffffff url('images/q-l.png') no-repeat left top;
  	margin: 15px 50px;
	border: 1px solid #ccc;
	margin-bottom: 35px;
	margin-top: 35px;
	box-shadow: 0px 0px 2px #FFF inset, 0px 0px 5px #CACACA;

  
}
.QBox div {
  background: url('images/q-r.png') no-repeat right bottom;
  padding: 25px 35px 25px 35px;
  font-style: normal;
  margin-top: 0;
 
}

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






/** 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.2em; font-family: "Trebuchet MS", Arial, sans-serif; color: #003df2;  text-align:center; margin: 30px; text-shadow:#ccc 1px 1px 3px; font-weight: normal;}
h4 { font-size:1.4em; font-family: "Trebuchet MS", Arial, sans-serif; color: #003df2;  text-align:center; margin: 40px; text-shadow:#ccc 1px 1px 3px; font-weight: normal;}
h3 { font-size:1.6em; font-family: "Trebuchet MS", Arial, sans-serif; color: #003df2;  text-align:center; margin: 45px; text-shadow:#ccc 1px 1px 3px; font-weight: normal;}
h2 { font-size:1.8em; font-family: "Trebuchet MS", Arial, sans-serif; color: #003df2;  text-align:center; margin: 47px; text-shadow:#ccc 1px 1px 3px; font-weight: 500;}
h1 { font-size:2.0em; font-family: "Trebuchet MS", Arial, sans-serif; color: #003df2; text-align:center; margin: 50px; text-shadow:#ccc 1px 1px 3px; font-weight: 200;}



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

.cit {color: #A970DA;}

.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;}
.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;}
.bigger { font-size: 16px; margin: 2em 4em 2em 4em; padding : 10px; line-height : 1.55; text-align : left; color: #9900FF; font-weight: bold; padding-top: 25px; padding-bottom: 25px;}
.bluebar {margin: 30px; padding: 30px; text-align:center; height:1px; }
.huge {	font-size: 84px; text-align:center;} 
.small { font: 13px Verdana, sans-serif; line-height: 1.3em; margin: 20px 10px 20px 10px; padding-bottom: 16px; color: #444; text-align: center;}
.big {font-size: 16px; font-weight: bold;; margin: 2em 4em 2em 4em; padding : 10px; line-height : 1.55; text-align : left; border-bottom: 1px solid #ccc; color: #3333cc;}


.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; 
	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; font-size: 10pt; margin: 30px 50px 30px 50px; padding : 10px; text-align: left; background: #f4faff; font-family: Verdana; font-style: italic; }
.green {border: 2px solid #B8E6E6; margin: 30px 50px 30px 50px; padding: 10px; color: #006B6B; font-family: "Trebuchet MS", Arial, sans-serif; font-style: italic; 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;}

.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: #000034; /*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;}