body {
 margin: 0; padding: 0;
 background: rgb(166, 188, 205) url(images/back.jpg) top left no-repeat;
 font: 0.75em Verdana,Arial,sans-serif;
 }

a:link, a:hover, a:visited {
 text-decoration: none;
 }

/** T E X T **/

.japan {
 font-family: Verdana,"Times New Roman",serif;
 font-style: italic;
 font-size: 1.0em;
 }

.email {
 font-family: Courier,serif;
 margin-left: 1em;
 font-size: 1.3em;
 cursor: help;
 color: black;
 }

.email:hover {
 color: blue;
 }


h1, h2, h3, h4, h5 {
 font-family: Verdana,"Times New Roman",serif;
 }

blockquote {
 font-style: italic;
 font-family: Verdana,"Times New Roman",serif;
 font-size: 1.0em;
 text-align: right;
 display: block;
 width: 45%;
 float: right;
 padding: 0;
 margin: 1em 0 1em 3em;
 color: navy;

 }

blockquote h4 {
 padding: 0;
 margin: 0;
 font-weight: bold;
  }

/** N A V B A R **/

#navbar {
 position: absolute;
 top: 10px;
 right: 0;
 margin: 0;
 padding: 0;
 }

#navbar a {
 background: #000;
 display: block;
 float: left;
 margin: 0;
 padding: 0.2em 0.5em 0.3em 0.5em;
 border-top: 1px solid white;
 border-left: 1px solid white;
 border-bottom: 1px solid white;
 border-right: none;
 text-align: center;
 color: white;
 }

#navbar a:hover, #navbar a:active {
 background: rgb(196, 218, 235);
 color: black;
 }
#navbar b {
 display: none;
 }


/** S I D E B A R **/

#sidebar {
 position: absolute; 
 top: 150px;
 left: 0;
 margin: 0;
 padding: 0;
 height: 30em;
 }

#sidebar ul {
 padding: 0;
 margin: 0.3em 0 0 0;
 }
 
#sidebar li {
 list-style: none;
 line-height: 2em;
 padding: 0 0 0 1em;
 }

#sidebar li a:link {
 color: black;
 }

#sidebar li a:visited {
 color: gray;
 }

#sidebar li a:hover, #sidebar a:active, #current {
 background: url(images/setka.gif);
 text-transform: uppercase;
 font-size: 0.95em; 
 font-family: Georgia,"Times New Roman",serif;
 font-weight: bold;
 color: black;
 border: 1px solid white;
 border-left: none;
 line-height: 1em;
 width: 14.6em;
 padding: 0.4em 0.8em 0.3em 0.8em;
 margin: 0 0 0 -1.2em;
 }

#current {
 padding: 0 0 0 1em;
 margin: 0.5em 0 0.5em 0;
 }

/** firefox **/
#side { 
 position: relative;
 top: 3em;
 left: 20px;
 margin: 2em 2em 0 0;
 }

#side h4 { 
 margin: 0 0 0 0.7em;
 padding: 0.5em 0 0 0;
 font: 0.9em Georgia,"Times New Roman",serif;
 font-weight: bold;
 }

#side img {
 border: none;
 margin: 0.7em 0 0 0;
 }

#counter {
 position: relative;
 left: -2px;
 }



/** C O N T E N T **/

#content {
 background: rgb(196, 218, 235) url(images/back-2.jpg) no-repeat;
 background-position: -16em -51px;
 border: 1px white solid;
 margin: 50px 8% 2em 16em;
 padding: 1em 3em 1.5em 6em;
 text-align: justify;
 line-height: 1.5;
 }

#content h1 {
 font-size: 1.5em;
 padding-right: 1em;
 text-align: right;
 }

#content h3 {
 font-size: 1.2em;
 padding-right: 1.2em;
 padding-top: 0;
 margin: 0;
 text-align: right;
 }

#text p {
  padding-top: 1.5em;
  margin: 0;
  }
 
#text {
 border-top: 1px solid gray;
 margin: 1em 1em 4em 1em;
 }

.img-rght {
 float: right;
 margin: 10px 0 11px 20px;
 border: none;
 }

.img-lft {
 float: left;
 margin: 10px 20px 11px 0px;
 border: none;
 }

 /** N A V - B O T T O M **/

#navbottom {
  text-align: center;
  }

#navbottom em {
 font-size: 0.8em;
 color: gray;
 }
 
#navbottom a {
 color: gray;
 }

#arrback:hover {
 color: black;
 background: url(images/arr-back2.gif) left no-repeat;
 }

#arrforw:hover {
 color: black;
 background: url(images/arr-forw2.gif) right no-repeat;
 }

#arrback {
 background: url(images/arr-back.gif) left no-repeat;
 padding-left: 30px;
 margin: 0 10px 0 0;
 }

#arrforw {
 background: url(images/arr-forw.gif) right no-repeat;
 padding-right: 30px;
 margin: 0 0 0 30px;
 }


/** F O O T E R **/

#footer { 
 padding: 0 0 0.6em;
 color: rgb(250, 250, 250);
 margin: 0 0 0 13em; 
 text-align: center;
 font-size: 0.9em;
 }
#footer h5 {
  display: inline;
  font-size: 1em;
  }
#footer a {
 color: rgb(250, 250, 250);
 }