body{
  margin           :0pt;
}


h2{
  font-size        :13pt;
  font-family      :sans-serif;
  color            :#fff;
  font-weight      :800;

  background-color :#6c9;
  border-style     :solid;
  border-color     :#396;
  border-width     :1pt 0pt;
 
  margin           :0pt;
  padding          :0pt 25pt;
}


h3{
  font-size        :13pt;
  font-family      :sans-serif;
  color            :#6c9;
  font-weight      :800;

  background-color :#efe;
  border-style     :double;
  border-color     :#6c9;
  border-width     :0pt 0pt 2pt;
 
  margin           :5pt 0pt;
  padding          :0pt 25pt;
}


h4{
  font-size        :12pt;
  font-family      :sans-serif;
  color            :#6c9;
  font-weight      :800;

  background-color :#fff;
  border-style     :solid;
  border-color     :#6c9;
  border-width     :1pt;
 
  margin           :5pt 5pt;
  padding          :0pt 25pt;
}


div{

  border-style     :none;
  border-color     :#ccc;
  border-width     :1pt;

  padding          :2pt 0pt;
  margin           :0pt ;
  list-style-type  :square;
  color            :#555;
}


p{
  margin            :3pt 10pt 10pt;
  text-indent       :0pt;
}


ul {
  background-color :#fff;
  border-style     :none;

  padding          :2pt 30pt;
  margin           :5pt 0pt;
  list-style-type  :square;
  color            :#555;
}


li{
  margin           :2pt 0pt;
}

li.long{
  margin:10px;
}


td{
  border-style     :none;
  border-color     :#ccf;
  border-width     :1pt;
  font-size        :11pt;

  padding          :2pt;
  margin           :2pt;
}


hr{
  border-style     :solid;
  border-color     :#999;
  border-width     :1px 0px 0px 0px;
  margin           :2pt 5pt;
}


span.a{
  color:#00f;
}


span.b{
  color:#f00;
}


span.t{
  font-weight:bolder;
}


pre{
  background-color:#eee;
  padding:5pt;
  margin:20px;
}



img{
  border-width:1px;
  border-color:#960;
}


img.adr{
  border-style:none;
  border-width:0px;
  margin:0px;
  padding:0px;
  vertical-align:bottom;
}


img.noborder{
  color:#fff;
  border-style:none;
}


a{
  color:#600;
}

a:hover{
  color:#f00;
}

a:visited{
  color:#900;
}
a:visited:hover{
  color:#f00;
}

a.xxx{
  color:#666;
  font-size:8pt;
  margin:-1px;
}

a.xxx:hover{
  color:#fff;
  font-size:8pt;
}

a.xxx:visited{
  color:#fff;
  font-size:8pt;
}

a.xxx:visited:hover{
  color:#f0f0f0;
  font-size:8pt;
}

div.navi{
  font-size:smaller;
  padding: 0pt 10pt;
  background-color:#efe;
}


/* for rects */
div.rect, div.rect_nc{
  width:240px;
  text-align: left;
  text-indent:0px;
  border: 1px solid #dcc;
  float:left;
  margin:2px;
  padding:0px;
}

div.rect {
  height:360px;
}

div.rect_nc {
  height:200px;
}

div.square, div.square_nc {
  width:200px;
  text-align: left;
  text-indent:0px;
  border: 1px solid #dcc;
  float:left;
  margin:2px;
  padding:0px;
}

div.square {
  height:360px;
}

div.square_nc {
  height:220px;
}


p.img_rect, p.text_rect, p.img_square, p.text_square {
  text-indent:0px;
  text-align: left;
  margin: 0px;
  padding:0px;
  font-size: 95%;
  padding:0px;
  margin:0px;
}


p.title_rect, p.title_square {
  background-color:#efe;
  font-weight:bold;
  font-size:95%;
  text-align:center;
  padding:0px;
  margin:0px;
}


img.rect {
  width:240px;
  height:180px;
}

img.square {
  max-width:200px;
  max-height:200px;
}


h2.train{
  max-width:640px;
  font-size        :13pt;
  font-family      :sans-serif;
  color            :#396;
  font-weight      :800;

  background-color :transparent;
  border-style     :solid;
  border-color     :#396;
  border-width     :1pt 0pt;
 
  margin           :0pt;
  padding          :0pt 25pt;
}