*{margin:0px; padding:0px;}
body {font-family: 'Arial Narrow', Arial, sans-serif;  font-size: 15px; overflow:hidden;}
P  {margin: 15px;}
HR {margin: 15px;}

#header  {
	width: 100%; min-height: 30px; line-height: 40px; text-align: center;
  display: inline-block;   padding:2px 5px;  color: #FFF;    background: #87b9fe;
  box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 -4px 5px -2px #6d95ce inset;  border-radius: 2px;  transition: .9s;
}

#navi   {width: 240px; height: 95vh; overflow-y: scroll; float: left; color: #eee; background-color: #555;}

#content {height: 95vh; padding:35px 10px 10px 10px; overflow:auto; overflow-y:hidden; background-image: url(gray.png); }

#navi a:link    {color: #eee; text-decoration: none;}
#navi a:hover  {color: #000; background-color: #bd7;} /*‰©—Î*/
#navi a:visited {color: #bbb;}
#navi a:link    {color: #eee; text-decoration: none;}
#navi a:hover {color: #000; background-color #bd7;}

H1  {font-size: 180%; text-align: center; text-shadow: 3px 3px 0px #7777aa }