body, .background, .layout, .toptablelayout { 
  background-color: #CCEEFF;
  color: rgb(0,0,0);
  border: none;
	border-width: 0;
	font-family: "Arial Unicode MS", Arial, Helvetica, sans-serif;
	z-index: -2;
  }

table.layout , .toptablelayout {
	vertical-align: top;
	top: auto;
}

.maincontent {
	vertical-align: top;
}

.menuitem { background-color: transparent; }

:lang(ja) { font-size: 110%; 
}

h1, h2 {
    font-family: "Arial Unicode MS",Arial,Helvetica,sans-serif;
		text-transform: capitalize;
		page-break-before: auto;
		page-break-after: avoid;
}

  h1 { 
  color : RGB(0, 0, 128);
    }

  h2 { 
  color: green;
    }

 table { background-color: rgb(255, 255, 255);
    border: 1px inset;
    }

  *:link { color: rgb(1,1,64);
    }

  *:visited { color: purple;
    }

  a:hover { color: green;
    }

  .sty-2 { text-align: right;
    background-color: rgb(153, 255, 153);
  }

  .sty-1 {
	text-align: center;
	background: #CC00CC;
    }
		
.topmenu {
       position: fixed;
        width: 85%; 
       height: auto;       
       top: 0;
       right: auto;
       bottom: auto;
       left: 0;
			 background-color: transparent;
			 z-index: auto;
    }		
		
 .topmenu ,
  .menulink { 
    border-width: 0px; 
    /* width: 100%; */
    font-family: Arial,Helvetica,sans-serif;
    }

  .menuitem { 
    text-align: left;
     color: rgb(153, 255, 255); 
   font-weight: bold;
    }

  .menuitem:hover {
    color: rgb(100, 200, 200);
    }

a.menulink{ 
    text-decoration: none ;
    border: 4px outset rgb(51, 204, 255);
     background-color: ButtonFace;
     color: ButtonText 
  }
   
a.menulink:hover {
  color: HighlightText;
  border: 4px outset purple;
 }
 
.banner {
  background-color: transparent;
	vertical-align: top;
	position: relative;
	z-index: 5;
	margin-left: auto;
  margin-right: auto;
	 border: none;
	border-width: 0;
/*	 margin-left: auto;
   margin-right: 0px; */
} 

.advertisingpanel {
border: 4px outset red;
/*	vertical-align: top; */
/*		position: static; */
		z-index: 6;
} 

.banner a.menulink { 
  display: block; 
  text-align: center;
/*	color: red; 
	  border: 4px outset red; */
} 
 
td.banner {
  /* width: 10%; */
	margin-left: auto;
  margin-right: auto;
}
 
div.banner {
  margin: 0;
  font-size: 80% /*smaller*/;
  text-align: center;
  top: 2em;
  left: auto;
/*  width: 9%;*/
 /* work around for IE not supporting position : fixed */
/*  position: top ;  */
/*	position: absolute; */
}

/** work around for IE not supporting position : fixed */
/*td>div.banner {position: fixed}*/

div.banner p {
  margin: 0; 
}

.advertisingpanelx 
{
	visibility: visible;
	z-index: 10;
	top: auto;
	vertical-align: top;
}

.imgfloat {
	float: left;
	margin-right: 0.5em;
	border: none;
}

.printonly {
  display: none; 
}

.practicetable {
	page-break-inside: avoid;
	page-break-after: auto;
}

/* Ruby handling */
ruby { display: inline-table }
ruby * {
	display: inline;
	line-height: 1.2;
	text-indent: 0;
	text-align: center;
	white-space: nowrap;
}
ruby > * {
	display: table-row-group;
}
ruby > rt, ruby rtc {
	display: table-header-group;
	font-size: 60%;
}
ruby rtc + rtc { display: table-footer-group }
ruby rbc > *, ruby rtc > * { display: table-cell }
/* this only works when an rt spans across all rb */
ruby rtc > *[rbspan] { display: table-caption }
ruby rp { display: none }


@page {
  size: landscape ;   /* auto is the initial value */
	orphan: 3;
	widow: 3;
}

@media print {
/* ***********  PRINTING ****************** */

	.topmenu ,
	.menuitem, .banner , .menulink , .noprint { display: none; }
	
	body {
		font-size: 0.8em;
		}
	
	div.sidebar {
		float: none;
		margin-left: 10%;
		margin-right: 12%;
		margin-bottom: 3em;
		width: 80%;
		line-height: 150%;
		text-align: justify;
		background-color: #cccc99;
		background-color: white;
		color: #555;
		}
	.sidenote:before {
		content: 'Note: ';
		}
	.sidenote {
		position: static;
		font-size: 80%;
		line-height: 1em;
		text-align: left;
		width: auto;
		margin-left: 11%; 
		margin-right: 12%; 
		}	
	.oldsidenote {
		float: right;
		width: 20%;
		margin-right: 8%;
		margin-left:4%;
		margin-bottom: 1em;
		padding: 2%;
		clear: right;
		font-size: 80%;
		line-height: 1em;
		text-align: left;
		border: 1px solid teal;
		}
	.newsidenote {
		position: static;
		margin-bottom: .5em;
		margin-left:20%;
		margin-right: 12%;
		padding: 5pt;
		font-size: 80%;
		line-height: 1em;
		text-align: left;
		border: 1px solid teal;
		width:auto;
		}
	h1, h2  {
		background-color: white;
		}
	h2 {
		padding-left: 0;
		}
	#line {
		border: 0;
		}

	code {
		font-size: 120%;
		}

	#survey {
		display: none;
		}
	.uri {
		display: inline;
		font-style: italic;
		}
	#full-links p { 
		text-align: left; 
		}
	
	p, h2, h3, dl, div#footer { margin-left: 7.5%; margin-right: 10%; }
	li p { margin-left: 0; margin-right: 0; }
	ul, ol, blockquote { margin-left: 11%; 
	                     margin-right: 12%; }
	table { margin-left: 5%;
	page-break-inside: avoid;
	}
	div.example { margin-left: 7.5%; margin-right: 10%; }

	.printonly {
  	display: block; 
	}
	
} /*end of print section */

link {
	padding:		0 8px			!important;
}
link:before {
	content:	"Link " attr(rel) attr(rev) ": "!important;
}
link:after {
	content:		attr(href)		!important;
}