@media screen, print{
body{
  background: #d6d6d6 url(img/bk_simple.png) repeat-y top center;
  color: #555;
  margin: 0px auto;
  padding: 0px 96px;
  font-family: sans-serif;
  font-size: 12px;
  width: 640px;
  overflow: auto;
}
#header{
  background: transparent url(img/hdd.png) no-repeat top center;
  padding: 104px 8px 8px;
}
#content{
  padding: 0px 0px 1em;
  min-width: 256px;
  margin: 0em 0px -1em 0px;
}
* html body{
  text-align: center;
}
* html #content{
  text-align: left;
  width: 832px;
  padding: 0px 96px;
}
#newscontainer{
  float: right;
  clear: right;
  padding: 0.5em 8px 8px 8px;
  background-color: #fff;
  overflow: auto;
  width: 216px;
}

#news{
  background-color: #eee;
  padding: 4px;
  border: 1px solid #ddd;
  /*margin: 0.5em 8px 8px 8px;*/
}

#backnav{
  float: right;
}

h1{
  font-family: Garamond, serif;
  font-size: 14px;
  font-weight: bold;
  font-variant: small-caps;
/*  padding: 10px 5px 0px;*/
  margin: 0px;
  border-bottom: 1px #555 solid;
  letter-spacing: 1em;
  padding: 0px;
}

h2, h3, h4, h5, h6{
  font-family: Garamond, serif;
  font-size: 14px;
  font-weight: bold;
  font-variant: small-caps;
  padding: 10px 5px 0px;
  color: #700;
  background-color: transparent;
  letter-spacing: 4px;
  margin: 0px;
  padding: 0px;
}

h3 {
  border-bottom: 1px solid #700;
  margin-bottom: 2px;
  letter-spacing: 0.27em;
}
#overview h3{
 margin-right: 208px;
}

.subtitle, h4{
  font-size: 10px;
  color: #555;
}

h4{
  margin: 8px 0px 0px;
  display: inline;
  padding: 0px 4px;
  color: #700;
  font-size: 12px;
  background-color: #eee;
  /*border: 1px solid #700;*/
}

h5{
  font-size: 12px;
  font-variant: normal;
  color: #700;
  padding: 0px 0px;
}

h6{
  font-size: 12px;
  font-variant: normal;
  color: #555;
  padding: 0px 0px;
  letter-spacing: inherit;
}

p{
  text-align: justify;
  margin: 8px 0px;
}

span.name{
  font-variant: small-caps;
  font-family: serif;
}

#news p{
  margin: 6px 0px;
}

#news h3{
  text-align: right;
}

em{
  font-style: normal;
  font-weight: bold;
  color: #555;
}

span.date{
  color: #700;
  font-weight: bold;  
}
ul li{
  list-style-type: square;
  /*color: #700;*/
}

li span, li p{
  color: #555;
}

a{
  font-weight: bold;
  text-decoration: none;
}
a:link {
 color: #000;
}
a:visited{
 color: #333;
}
a:hover {
 color: #700;
}
a:active {
 color: #700;
}

a.discreetlink{
  color: #3E1D00;
}
pre{
  color: #004;
  /*background-color: #555; */
  overflow: auto;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 1em 4px;
}

h2:first-letter{
  font-size: 150%;
  font-weight: 300;
  vertical-align: -10%;
  margin-top: -0.1em;
  letter-spacing: 4px;
}


h3:first-letter{
  font-size: 150%;
  font-weight: 300;
  vertical-align: -10%;
  margin-top: -0.1em;
  letter-spacing: 4px;
}

.logic{
  margin-top: 5px;
  margin-bottom: 5px;
}

p.footnote{
  font-size: 10px;
  padding: 0px;
  margin: 0px;
}

div.scrollcontainer{
  text-align: center;
  width: 600px;
  overflow: auto;
}
* html div.scrollcontainer{
  width: 586px !important;
}
table.grid tbody{
  display: none;
}

table.grid{
  margin: auto;
  width: 235px;
  height: 235px;
  display: block;
  border: none;
  overflow: visible;
  background-image: url("img/grid.png");
}


/*
p.p1:first-letter{
  font-size: 36px;
  font-weight: 300;
  font-family: Garamond, serif;
  letter-spacing: 0px;
  line-height: 0.5em;
  line-height: 18px;
  margin-top: 0.25em;
  float: left;
}
*/
#affiliation:first-letter, #extra h2:first-letter{
  font-size: 100%;
  font-weight: bold;
  vertical-align: 0%;
  margin-top: 0em;
  letter-spacing: 4px;
}

table{
  border: 1px solid black;
  margin: auto;
}

th{
  background-color: #eee;
  border: outset 1px black;
}

td{
  border: outset 1px black;
  text-align: center;
}

#prcontainer{
  padding: 0.5em 0px;
  text-align: center;
  overflow: auto;
}
div.topic{
}

div.portitem{
  padding: 0px 32px;
}

div.gallery{
  text-align: center;
}

div.endcomments{
  padding-top: 8px;
  margin-top:  24px;
  border-top:  1px dotted #700;
}

div.menu{
  text-align: right;
}
div.topmenu{
  text-align: right;
  font-family: serif;
  letter-spacing: .15em;
  border: 1px solid #ddd;
  background-color:  #ddd;
  padding: 0px 4px;
  margin: 0px;
  font-variant: small-caps;
}
#gohome{
  text-align: left;
  float: left;
}

#contents{
  padding: 0px 8px;
}

#footer{
  border-top: 1px solid #aaa;
  text-align: left;
  font-size: 10px;
  font-style: normal;
  clear: both;
  padding: 0px;
  margin: 12px 8px 4px;
}
img{
  border: none;
}

p.formula{
  text-align: center;
  color: black;
}
td.Kb1{
  background-color: black;
  color: white;
}
td.Kb2{
  background-color: #900;
  color: white;
}
div.spacer{
  padding: 8px 0px;
}

a.important{
  background-color: #900;
  color: #fff;
  padding: 4px;
 }

ol li{
  margin-bottom: 4px;
}
}

hr{
 display: none;
}
.topmenu span.separator{
  color: #FFF;
}

.tableofcontents{
  width: 320px;
  border: 1px solid #ddd;
  background-color: #eee;
  margin: 8px -8px;
  padding: 8px;
}

@media print{
body{
  background-color: #FFF;
  color: #000;
  padding: 0px;
  width: 100%;
  overflow: inherit;
}
#header{
  background: transparent;
}
.menu, .topmenu{
  visibility: hidden;
}
}

#announce{
  float: right;
  width: 200px;
  background-color: #E5E5E5;
  border: 1px solid #CCC;
  padding: 8px;
}