body {
  margin:0px;
  text-align:center;
  font-family:"Verdana, Arial, Helvetica, sans-serif";
  font-size:12px;
  line-height:1.4em;
  vertical-align:baseline;
  background-color:#fff;
}
p {
  margin:10px 0px;
}
p, ul, ol {
  color: #666;
}
a {
  color:#0066CC;
  text-decoration:none; 
  font-weight:normal; 
}
a:hover {
  color:#000; 
  text-decoration:underline; 
}
table {
  font-family: "Verdana, Arial, Helvetica, sans-serif";
  font-size: 12px;
}
ul {
  padding-left:0px;
  margin: 2px 0px 0px 0px;
  line-height:1.3em;
  list-style-type:square;
}
ul li {
  padding: 2px 0px 2px 0px;
  margin: 2px 0px 2px 20px;
}
ol {
  padding-left:12px;
  margin: 2px 0px 0px 20px;
  line-height:1.3em;
}
ol li {
  margin-top:10px;
}
/*
 ******************
 */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*
 ******************
 */
#container {
  width:760px;
  margin:auto;
  padding:0px 0px 0px 0px;
  text-align:left;
  background-color:#fff ;
  border:0px;
  color:#666;
}
#header {
  width:760px;
  display:block;
  margin:0px; 
  padding:0px;
  color:#ccc;
  background-color:#fff;
  vertical-align:bottom;
}
#footer {
  color:#999;
  background-color:#fff; 
  display:block;
  margin:10px 0px;
  padding:10px;
  line-height:1.4em;
}
.footerEng {font-size:10px}
.canvas {
  display:block;
  clear:both;
  border:1px solid #ccc;
  background-repeat:repeat-y;
  background-position:left top;
}
.canvas_sidebar {
  background-image:url(../images/sidebar.jpg);
}
.canvas_sidebarpink {
  background-image:url(../images/sidebar_pink.jpg);
}
.canvas_sidebargreen {
  background-image:url(../images/sidebar_green.jpg);
}

/*
 ******************
 */
#menu_container {
  color:#666;
  margin:0px;
  padding:10px 5px;
  display:block;
}
.colLeft {
  float:left;
  text-align:left;
}
.colRight {
  float:right;
  text-align:left;
}
ul.menu {
  list-style-type:none;
  margin:2px 0px;
  padding:0px;
  color:#ccc;
}
ul.menu li {
  border-left:1px solid #CCCCCC;
  display:inline;
  margin:2px 0px;
  padding:0px 3px 0px 5px;
}
ul.menu li.first {
  border-left:0px none;
  padding-left:0px;
}
ul.menu li a {
  color:#999;
  background-color:#fff;
  font-weight:normal;
  padding:2px;
  text-decoration:none;
}
ul.menu li a:hover {
  color:#000;
  background-color:#fff;
  text-decoration:underline;
}
ul.menu li.current {
  color:#000;
  text-decoration:underline;
}
/*
 ******************
 */
#sidebar {
  float:left;
  width:300px;
  height:500px;
  padding:10px 0px;
}
html>body #sidebar {
  height:auto; 
  min-height:500px;
}
#sidebar .toc {margin:0px; padding:10px; list-style-type:none; cursor:pointer; }
#sidebar .toc li {margin:0px 0px 2px 0px; padding:3px 0px; border:0px; }
#sidebar .toc a {color:#666; font-weight:normal; display:block; text-decoration:none; }
#sidebar .toc a.section, #sidebar .toc a.section_header {color:#666; border:1px solid #999; padding:5px 2px; text-decoration:none; }
#sidebar .toc a.section {font-size:13px; border:none;}
#sidebar .toc a.section_header {font-size:15px; }
#sidebar .toc a.section:hover, #sidebar .toc a.section_header:hover, #sidebar .toc a:hover {color:#333; text-decoration:underline;}
#sidebar .toc a.current {color:#669933; text-decoration:none;}
#sidebar_toc .toc {border:1px solid #ccc; border-top:0px;}
/*
 ******************
 */
#essayContent {
  margin:0px 0px 0px 300px;
  padding:20px;
  height:500px;
  line-height:1.5em;
  color:#333;
  /*border-left:1px solid #ccc;*/
}
html>body #essayContent {
  height:auto; 
  min-height:500px;
}
#essayContent hr {  
  border-color:#DFC0FD;
  border-style:solid;
  margin-top:10px;
  margin-bottom:10px;
  text-align:center;
  width:70%;
}
#essayContent ul {list-style-type:square}
#essayContent ul li {margin-left:15px; padding-left:5px}
#essayContent ol li {margin-left:-20px}
#essayContent a {color:#6699CC; text-decoration:none; font-weight:normal;}
#essayContent a:hover {color:#333; text-decoration:underline;}
#essayContent .essayGroup {
  color: #fff;
  background-color: #A8B784;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height:1.2em;
  padding:5px;
  margin: 0px 0px 0px 0px;
  display: block;
  text-align:right;
}
#essayContent .essayTitle {
  color: #fff;
  background-color: #94A370;
  font-size: 18px;
  letter-spacing: 0.1em;
  line-height:1.5em;
  padding:5px 8px;
  margin: 0px 0px 0px 0px;
  display: block;
}
#essayContent ul.essayTag {
  color:#666;
  background-color:#FFFFCC;
  list-style-type: none;
  margin: 0px 0px 10px 0px;
  padding: 10px 8px;
  border: 1px dotted #ccc;
  border-top: 0px;
  font-size:14px;
}
#essayContent ul.essayTag li {
  padding-left: 0px;
  padding-top: 0px;
  margin-left: 0px;
  margin-top: 0px;
  display: list-item;
}
#essayContent ul.essayTag li .author {
  /*font-size: 14px;*/
  padding-right:10px;
}
#essayContent ul.essayTag li .class {
  padding-left:10px;
  border-left: 1px solid #999;
}
/*
 ******************
 */
#essayText {
  letter-spacing:1px;
  color:#666;
}
#essayText h1 {
  font-size:16px;
  letter-spacing:2px;
  padding-top:12px;
  margin-top:5px;
}
#essayText h2 {
  font-size:15px;
  letter-spacing:2px;
  padding-top:10px;
  margin-top:5px;
}
#essayText h3 {
  font-size:14px;
  letter-spacing:1px;
  padding-top:3px;
  margin-top:8px;
  text-decoration:underline;
  font-weight:normal;
}
#essayText p {line-height:1.2em;}
#essayText ul {list-style-type:square}
#essayText ul li {margin-left:15px; padding-left:5px}
#essayText ol li {margin-left:-20px}
#essayText a {color:#333; text-decoration:none; font-weight:normal; padding:2px;}
#essayText a:hover {color:#fff; text-decoration:underline; background-color:#999;}
/*
 ******************
 */
#essay .picture {float:left;}
#essay .picture img {border:1px outset #CCCCCC;}
#essay .caption {text-align:right; margin-bottom:10px; color:#666666;}
/*
 ******************
 */
#essayContent .fontSizeBoxMenu {text-align:right; padding:3px 1px; line-height:1.5em; color:#333; margin:10px 0px 0px 0px;} 
#essayContent .fontSizeBoxMenu a {padding:3px 5px; text-decoration:none; margin:0px; color:#999; border:1px solid #ccc; cursor:pointer; }
#essayContent .fontSizeBoxMenu a:hover {color:#fff; text-decoration:none; background-color:#666; }
/*
 ******************
 */
.outlineTable, .formTable {color:#666; border:0px solid #fff}
.outlineTable th, .outlineTable thead td {color:#FFFFFF; background-color:#666666; font-weight:normal; padding:4px 2px;}
.outlineTable td {border:1px solid #ccc; padding:4px 2px;}
.outlineTable td.even, .outlineTable thead.even td, .outlineTable tr.even td {background-color:#F7F7F7; border:0px;}
.outlineTable td.odd, .outlineTable thead.odd td, .outlineTable tr.odd td {background-color:#E8E8E8; border:0px;}
.formTable th, .formTable td {padding:5px;}