body {
	font-family: Candara, Calibri, Arial , Helvetica, sans-serif;
	font-size:15pt;
	line-height: 1.2em; /* after this line same as styles3 */;
	background-color: #F1F1F4;
	color:#000;
	
}

content-box em {
	font-style: italic
}

content-box i {
	font-style: italic
}

img {
	display:block;
	max-width: 100% !important;
	height: auto !important;
}

img.noresize {
	display:block;
	width:"auto";
}

li {
	font-size:12pt;
}

#container {
		margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}

#columncontainer {
	width: auto;
}

#navigation {
	background-color: #F1F1F4;
	padding-top: 4px;
	padding-bottom: 10px;
}

/* Styles for Nav menu */

.Nav{
	list-style:none;
	margin:0;
	padding:0;
}

.Nav ul{ /*Sub menus*/
	list-style:none;
    margin:0px;
    padding:0px;
    display:none;
    z-index:5;
    position:absolute;
	max-width:240px;
}

.nav ul li {
	font-size:large;
	padding: 5px;
}

.Nav ul:hover{ /*When mouse moves off top main menu, submenus don't dissappear*/
    display:block;
}


.Nav li{
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#525252;
	padding:2px 6px;
	text-decoration:none;
	text-shadow:1px 0px 2px #ffffff;
	text-align:center;
}

#Nav li:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c7c7c7), color-stop(1, #dedede) );
	background:-moz-linear-gradient( center top, #c7c7c7 5%, #dedede 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7c7c7', endColorstr='#dedede');
   background-color: #bbe6f2;
   color: #111111;	
     }
	 
 
.Nav li  a:hover + ul { /*If mouse hovers over top menu with a sub menu, show the sub menu*/
    display:block;	
    position:-9px -9px -9px -9px;
}

.Nav li a{
	text-decoration: none;
	text-align: center;
	color: #800000;
	    display:block;
}

.Nav li a:hover{
	display: block;
}

.Nav li a:active {
	color:whitesmoke;
}

.Nav ul li a{
    
}

#bottom {
	display: block;
	border: 3px solid transparent;
	clear: both;
}

#contents {
	float:left;
}


#content {

	clear: both;
	float: left;
	max-width:100%;
	display: block;
	padding: 4%;
}


#widecontent {
	max-width:88%;
	padding:2% 4% 2% 4%;
}

#medcontent {
	max-width:600px;
	padding-left:6%;
	padding-right:6%;
}

div.content-box {
	background:#FFF;
	border: solid;
	border-width: 8px;
	border-color: #FFF;	
	border-radius: 8px;
	box-shadow: 7px 7px 13px 2px #999999;
	 display: block;
	max-width:960px;
	padding: 6%;
	padding-bottom: 4%;
	clear: both;
}


div.content-box-med {
	background:#FFF;
	border: solid;
	border-width: 8px;
	border-color: #FFF;	
	border-radius: 8px;
	box-shadow: 7px 7px 13px 2px #999999;
	display: block;
	clear: both;
	float: left;
	width: 600px;
	max-width:86%;
	padding: 4%;
}

div.divider {
	display: block;
	border: 3px solid transparent;
	float: left;
	clear: both;
	width: 98%;
}

#leftcol {

	float:left;
}

#midcol {
	background:#FFF;
	border: solid;
	border-width: 8px;
	border-color: #FFF;
	border-radius: 8px;
	box-shadow: 7px 7px 13px 2px #999999;
	float:left;
}

#rightcol {
	background:#FFF;
	border: solid;
	border-width: 8px;
	border-color: #FFF;
	border-radius: 8px;
	box-shadow: 7px 7px 13px 2px #999999;
	float:left;
}

#jpoem {
	background:#FFF;
	border: solid;
	border-width: 8px;
	border-color: #FFF;
	border-radius: 8px;
	box-shadow: 7px 7px 13px 2px #999999;
	float:left;
}

#romaji {
	background:#FFF;
	border: solid;
	border-width: 8px;
	border-color: #FFF;
	border-radius: 8px;
	box-shadow: 7px 7px 13px 2px #999999;	
	float:left;
}

#epoem {
	background:#FFF;
	border: solid;
	border-width: 8px;
	border-color: #FFF;
	border-radius: 8px;
	box-shadow: 7px 7px 13px 2px #999999;	
	float:left;
}


.Japanese0 {
	display: none;
	display: inline-block;
	font-family: meiryo, sans-serif;
	font-size: .92em;
	width: 28%;
	padding-left: 0%;
	text-indent: 0%;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 120%; 
}

.romaji0 {
	display: none;
	display: inline-block;
	vertical-align: top;
	width: 28%;
	padding-left: 0%;
	text-indent: 0%;
	float: none;
	font-family: Candara, Calibri, Arial , Helvetica, sans-serif;
	font-size: .96em;
	font-style: italic;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 120%; 
}

.English0 {
	display: none;
	display: inline-block;
	vertical-align: top;
	width: 28%;
	font-family: Candara, Calibri, Arial , Helvetica, sans-serif;
	font-size: .96em;
	padding-left: 0%;
	text-indent: 0%;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 120%;
	
}


.Japanese2 {
	display: none;
	display: inline-block;
	font-family: meiryo, sans-serif;
	font-size: .92em;
	width: 28%;
	padding-left: 4%;
	text-indent: -3%;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 120%; 
}

.romaji2 {
	display: none;
	display: inline-block;
	vertical-align: top;
	width: 28%;
	padding-left: 4%;
	text-indent: -3%;
	float: none;
	font-family: Candara, Calibri, Arial , Helvetica, sans-serif;
	font-size: .96em;
	font-style: italic;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 120%; 
}

.English2 {
	display: none;
	display: inline-block;
	vertical-align: top;
	width: 28%;
	font-family: Candara, Calibri, Arial , Helvetica, sans-serif;
	font-size: .96em;
	padding-left: 4%;
	text-indent: -3%;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 120%;
	
}



.Japanese3 {
	display: none;
	display: inline-block;
	font-family: meiryo, sans-serif;
	font-size: .92em;
	width: 28%;
	padding-left: 1%;
	text-indent: 2%;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 120%; 
}

.romaji3 {
	display: none;
	display: inline-block;
	vertical-align: top;
	width: 28%;
	padding-left: 4%;
	text-indent: 2%;
	float: none;
	font-family: Candara, Calibri, Ariel, Helvetica, sans-serif;
	font-size: .96em;
	font-style: italic;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 120%; 
}
.English3 {
	display: none;
	display: inline-block;
	vertical-align: top;
	width: 28%;
	font-family: Candara, Calibri, Ariel, Helvetica, sans-serif;
	font-size: .96em;
	padding-left: 4%;
	text-indent: 2%;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 120%;
	
}



.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
opacity: 0.6;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
opacity: 1;
}


.toggleopacity a:hover{
	text-decoration: none;
	background-color:transparent;
}


.toggleopacity img span{
	display:none; 
	padding:5px 7px; 
	margin-left:8px; 
	width:80px;
}

.toggleopacity:hover img span{
	display:inline; 
	position:absolute; 
	margin-top:53px; 
	margin-left:-50px; 
	z-index:2; 
	border-style:outset;
	border:1px solid #cccccc; 
	background:#ffffff; 
	color:#6c6c6c;
}

.toggleopacity img{
border: 1px solid #ccc;
}

.toggleborder:hover img{
border: 1px solid navy;
}

.toggleborder:hover{
color: red; /* Dummy definition to overcome IE bug */
}


/* Content and Sidebar Styles */


a { text-decoration:none; color: #00e; }
a:visited { color:#4402A7; }
a:hover { color: #06e; }​



p {
	font-size:12pt;
	line-height: 1.3em;
	color:#000;
}
h6 {
	color: #060;
	padding-bottom:2pt;
	line-height:1.1em;
	font-weight: bold;
}
h5 {
	color: #060;
	padding-bottom:3pt;
	line-height:1.1em;
	font-weight: bold;
}
h4 {
	color: #060;
	padding-bottom:4pt;
	line-height:1.1em;
	font-weight: bold;
}
h3 {
	color: #060;
	padding-bottom:6pt;
	line-height:1.1em;
	font-size: large;
	font-weight: bold;
}
h2 {
	color: #060;
	padding-bottom:8pt;
	line-height:1.1em;
	font-size:x-large;
	font-weight: bold;
}
h1 {
	color: #060;
	padding-bottom:10pt;
	line-height:1.1em;
	font-weight: bold;
}
.half-line {
	font-size: xx-small;
	line-height:.2em;	
}
.hanging-indent {
	text-indent: -25px;
	padding-left: 25px;
	margin-top: 0;
	margin-bottom: 0;
}
.indented {
	text-indent: 25px;
	margin-top: 0;
	margin-bottom: 0;
}
.no-indent {
	text-indent: 0;
	margin-top: 0;
	margin-bottom: 0;
}
.indented-hanging-indent {
	text-indent: -25px;
	padding-left: 50px;
	padding-right: 25px;
	margin-top: 0;
	margin-bottom: 0;
}

.indented-indented {
	text-indent: 25px;
	padding-left: 50px;
	margin-top: 0;
	margin-bottom: 0;
	padding-right: 25px;
}
.centered-line {
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
}
.large-cap {
	font-size: 24.0pt
}
.indented-quote {
	font-size: small;
	padding-left: 25px;
	padding-right: 25px;
}
.rightish {
	text-align:right;
}
.centered-line {
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
}
.centered-img {
	margin-left:auto;
	margin-right:auto;
}
.large-cap {
	font-size: 24.0pt
}
.deleted-text {
	text-decoration: line-through;
	color: red;
}
.added-text {
	text-decoration: underline;
	color: teal;
}
.jbtn {
  background: #cededc;
  background-image: -webkit-linear-gradient(top, #cededc, #545454);
  background-image: -moz-linear-gradient(top, #cededc, #545454);
  background-image: -ms-linear-gradient(top, #cededc, #545454);
  background-image: -o-linear-gradient(top, #cededc, #545454);
  background-image: linear-gradient(to bottom, #cededc, #545454);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: meiryo, sans-serif;
  color: #ffffff;
  font-size: 12px;
  padding: 0px 10px 0px 10px;
  text-decoration: none;
}

.jbtn:hover {
  background: #f5d6d6;
  background-image: -webkit-linear-gradient(top, #f5d6d6, #d75b5b);
  background-image: -moz-linear-gradient(top, #f5d6d6, #d75b5b);
  background-image: -ms-linear-gradient(top, #f5d6d6, #d75b5b);
  background-image: -o-linear-gradient(top, #f5d6d6, #d75b5b);
  background-image: linear-gradient(to bottom, #f5d6d6, #d75b5b);
  text-decoration: none;
}

.jbtn2 {
  background: #b2f0e8;
  background-image: -webkit-linear-gradient(top, #b2f0e8, #9ab3a2);
  background-image: -moz-linear-gradient(top, #b2f0e8, #9ab3a2);
  background-image: -ms-linear-gradient(top, #b2f0e8, #9ab3a2);
  background-image: -o-linear-gradient(top, #b2f0e8, #9ab3a2);
  background-image: linear-gradient(to bottom, #b2f0e8, #9ab3a2);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: meiryo, sans-serif;
  color: #ffffff;
  font-size: 12px;
  padding: 0px 10px 0px 10px;
  text-decoration: none;
}

.jbtn2:hover {
  background: #f5d6d6;
  background-image: -webkit-linear-gradient(top, #f5d6d6, #d75b5b);
  background-image: -moz-linear-gradient(top, #f5d6d6, #d75b5b);
  background-image: -ms-linear-gradient(top, #f5d6d6, #d75b5b);
  background-image: -o-linear-gradient(top, #f5d6d6, #d75b5b);
  background-image: linear-gradient(to bottom, #f5d6d6, #d75b5b);
  text-decoration: none;
}


.ebtn {
  background: #e3dbc7;
  background-image: -webkit-linear-gradient(top, #e3dbc7, #8f7d68);
  background-image: -moz-linear-gradient(top, #e3dbc7, #8f7d68);
  background-image: -ms-linear-gradient(top, #e3dbc7, #8f7d68);
  background-image: -o-linear-gradient(top, #e3dbc7, #8f7d68);
  background-image: linear-gradient(to bottom, #e3dbc7, #8f7d68);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: meiryo, sans-serif;
  color: #ffffff;
  font-size: 12px;
  padding: 0px 10px 0px 10px;
  text-decoration: none;
  text-shadow:1px 1px 0px #aaaaaa; 
}

.ebtn:hover {
  background: #dbd0b6;
  background-image: -webkit-linear-gradient(top, #f5d6d6, #d75b5b);
  background-image: -moz-linear-gradient(top, #f5d6d6, #d75b5b);
  background-image: -ms-linear-gradient(top, #f5d6d6, #d75b5b);
  background-image: -o-linear-gradient(top, #f5d6d6, #d75b5b);
  background-image: linear-gradient(to bottom, #f5d6d6, #d75b5b);
  text-decoration: none;
}


.ebtn2 {
  background: #f5d6d6;
  background-image: -webkit-linear-gradient(top, #c1dfe6, #8cadbd);
  background-image: -moz-linear-gradient(top, #c1dfe6, #8cadbd);
  background-image: -ms-linear-gradient(top, #c1dfe6, #8cadbd);
  background-image: -o-linear-gradient(top, #c1dfe6, #8cadbd);
  background-image: linear-gradient(to bottom, #c1dfe6, #8cadbd);
    -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: meiryo, sans-serif;
  color: #ffffff;
  font-size: 12px;
  padding: 0px 10px 0px 10px;
  text-decoration: none;
}

.ebtn2:hover {
  background: #f5d6d6;
  background-image: -webkit-linear-gradient(top, #f5d6d6, #d75b5b);
  background-image: -moz-linear-gradient(top, #f5d6d6, #d75b5b);
  background-image: -ms-linear-gradient(top, #f5d6d6, #d75b5b);
  background-image: -o-linear-gradient(top, #f5d6d6, #d75b5b);
  background-image: linear-gradient(to bottom, #f5d6d6, #d75b5b);
  text-decoration: none;
}

.hilite1 {
	background-color: #FFFF00
}

.hilite2 {
	background-color: #99F1E8
}

.hilite3 {
	background-color: #EFC591
}

.hilite4 {
	background-color: #B7EF91
}

.hilite5 {
	background-color: #F8BBE9
}

.hilite6 {
	background-color: #D6D2FF
}

.hilite7 {
	background-color: #F1F47D
}


.hilite8 {
	background-color: #FFBD33
}


.hilite9 {
	background-color: #E9DCD9
}


.hilite10 {
	background-color: #CCDCD3
}


.hilite11 {
	background-color: #CFD8EC
}



.hidden{
       display:none;
    }


.nounderline{
	text-decoration:none
}

.wrap-collabsible {
  margin-bottom: 1.2rem 0;
}

input[type=checkbox] {
  display: none;
}

.lbl-toggle {
  display: block;
  font-weight: bold;
  font-family: monospace;
  font-size: 1.2rem;
  text-align: left;
  padding: 1.1rem;
  color: #660066;
  cursor: pointer;
  border-radius: 7px;
  transition: all 0.25s ease-out;
}

.lbl-toggle:hover {
  color: #7C5A0B;
}

.lbl-toggle:before {
  content: ' ';
  display: inline-block;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid currentColor;
  vertical-align: middle;
  margin-right: .7rem;
  transform: translateY(-2px);
  transition: transform .2s ease-out;
}

.toggle:checked + .lbl-toggle::before {
  transform: rotate(90deg) translateX(-3px);
}

.collapsible-content {
  max-height: 0px;
  overflow: hidden;
  transition: max-height .25s ease-in-out;
}

.toggle:checked + .lbl-toggle + .collapsible-content {
  max-height: 1350px;
}

.toggle:checked + .lbl-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.collapsible-content .content-inner {  
  padding: 0rem .5rem;
}

.inset-note {
  -webkit-box-shadow: inset 1px 1px 9px -2px rgba(0,0,0,0.75);
  -moz-box-shadow: inset 1px 1px 9px -2px rgba(0,0,0,0.75);
  box-shadow: inset 1px 1px 9px -2px rgba(0,0,0,0.75);	
	background-color:#F1F1F4;
	border-radius: 11px;
	padding: 4px 12px 4px 12px;
}