@charset "utf-8";
/* CSS Document */

body {
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%; 
  background: #fff; 
  font-family:arial, helvetica, sans-serif; 
  color: #333333;
  overflow: hidden; 
  }

#header {
  position:absolute; 
  top:0; 
  left:0; 
  width:100%; 
  height:115px; 
  overflow:hidden; 
  background:#ececec;
  color:#fff;
  }
  
  #hidden_header {display: none;}
  
  #mainnavback {
position: fixed;
  top:115px; 
  left:0; 
  width:100%;
  height:35px;
  background:#a8a89d;
  }
  
  #mainnav {
  position:fixed; 
  top:115px; 
  left:40px; 
  width:3000px;  
  overflow:hidden; 
  white-space: nowrap;
  }

#mainnav, #mainnav ul {display: block; padding:0; list-style:none;}

#mainnav a {display:block; width:6em;}

#mainnav li {float: left; width:6em;}

#mainnav li ul {display: none;}

#mainnav li ul li {width: 8em; background-color: #ececec;}

#mainnav li:hover ul{display:block;}				

div.contents {clear:left;}

div.sidenav {clear:left;}

#mainnav li:hover ul li {border:none;}

a.dropdown {color: #8e4312; text-decoration: none; font-size: 68%; font-weight: bold; background-color: #ececec;  padding: 4px 4px 4px 10px; }

a.dropdown:hover {color: #EF8861; text-decoration: none; font-size: 68%; background-color: #ececec;}

a.main { color: #8e4312; text-decoration: none; font-weight: bold; font-size: 85%;}

a.main:hover { text-decoration: none; color: #ececec; font-weight: bold; font-size: 85%;}

#contents {
  position:fixed; 
  top:170px;
  left:270px;
  bottom:20px; 
  right:0; 
  overflow:auto; 
  background:#fff;
  font-family: ITC Leawood, Garamond, Palatino, serif;
  }

/* for internet explorer */

* html body {
  padding:120px 0 50px 0; 
  }

* html #contents {
  height:100%; 
  width:100%; 
  }

div#contents p {width:650px;}


div#contents blockquote {width:650px;}

.headingbig {font-size: 130%; font-family: Arial, Helvetica, sans-serif; color: #333333; font-weight: bold;}

.heading {font-family: Arial, Helvetica, sans-serif; color: #333333; font-weight: bold;}

a.headinglink {font-family: Arial, Helvetica, sans-serif; color: #b2642f; text-decoration: none; font-weight: bold;}

a.headinglink:hover {color: #EF8861; text-decoration: underline; font-weight: bold;}

.offset {left:600px;}

.aidcol {vertical-align: top; width: 110px; padding-bottom: 12px;}

.aidcol2 {vertical-align: top; width: 450px; padding-left: 12px; padding-bottom: 12px;}

.firstcol {width: 225px;}

.piccol {width: 375px; text-align: top;}

.wdcol {width: 475px;}

.secondcol {padding: 10px; text-align: center;}

.listcol1 {width: 110px; vertical-align: top; line-height: 138%;}

.listcol2 {vertical-align: top; line-height: 138%;}

.listcol3 {width: 110px; vertical-align: top; text-align: center; line-height: 138%; border-bottom: 1px solid #d7d7d7;}

.listcol4 {vertical-align: top; line-height: 138%; border-bottom: 1px solid #d7d7d7;}

.listcol5 {width: 70px; vertical-align: top; text-align: center; line-height: 138%; border-bottom: 1px solid #d7d7d7;}

.listcol6 {vertical-align: top; line-height: 138%; text-align: center;}

.listcol7 {width: 110px; vertical-align: top; text-align: left; line-height: 138%; border-bottom: 1px solid #d7d7d7;}

.listcol8 {width: 200px; vertical-align: top; line-height: 138%;}

.listcol9 {width: 200px; vertical-align: top; text-align: left; line-height: 138%; border-bottom: 1px solid #d7d7d7;}

.leftside {padding: 10px 10px 10px 0;}

.rightside {padding: 0 0 10px 20px;}

.greyback {background-color:#ececec;}

.toc {vertical-align: top; width: 250px; padding-left: 12px; padding-bottom: 12px;}

.small {font-size: 70%; font-weight: normal;}

#sidenav {width: 190px; position: fixed; top: 170px; margin-left: 40px;}

#copyright {width: 185px; position: fixed; top: 420px; margin-left: 40px; font-family: ITC Leawood, Garamond, Palatino, serif; font-size: 85%;}

#modified {width: 190px; position: fixed; top: 660px; margin-left: 40px; font-family: ITC Leawood, Garamond, Palatino, serif; font-size: 85%;}

a:link, a:visited {display: inline;}

a.button {display: inline; color: #8e4312; text-decoration: none; line-height: 138%; font-weight: bold;}

a.button:hover {display: inline; text-decoration: none; color: #EF8861; font-weight: bold;}

a.textlink {color: #b2642f; text-decoration: none; font-weight: bold;}

a.textlink:hover {color: #EF8861; text-decoration: underline; font-weight: bold;}

a.textlink2 { color: #333333; text-decoration: none; font-weight: bold;}

a.textlink2:hover { color: #333333; text-decoration: none; font-weight: bold;}

a.sidebutt {display: block; width: 150px; color: #8e4312; text-decoration: none; line-height: 138%; font-weight: bold; font-size: 85%;}

a.sidebutt:hover {display: block; width: 150px; text-decoration: none; color: #EF8861; font-weight: bold; font-size: 85%;}

a.serieslist {display: block;  color: #8e4312;  text-decoration: none; line-height: 138%; font-weight: bold;   }

a.serieslist:hover {display: block;  text-decoration: none; color: #EF8861; font-weight: bold; }



 .sansserif {font-family: arial, helvetica, sans-serif;} 
 
 a.sidebuttno { width: 150px; color: #8e4312; text-decoration: none; line-height: 138%; font-weight: bold; font-size: 85%;}

a.sidebuttno:hover { width: 150px; text-decoration: none; color: #EF8861; font-weight: bold; font-size: 85%;}