body{
  background-image: url(/image/bg_paper.gif);
  margin:0;
/*  padding:80 0 0 166;*/
  padding:80 30 0 196;
  font:90% Verdana,sans-serif;
 }
 div#header{
  position:absolute;
  top:0;
  left:0;
  background-color: #4D78BF;
  width:500%;
  height:80;
 }
 div#sidebar{
  background-color: #FEF1E1;
  position:absolute;
  top:80;
  left:0;
  width:176;
  height:100%;
  /*overflow:auto; to make scrollbar appear in sidebar*/
 }
 @media screen{
  body>div#header{
   position:fixed;
  }
  body>div#sidebar{
  position:fixed;
 }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#content{
  height:100%;
  overflow:auto;
/*margin-left: 10%; 
margin-right: 10%;
  margin-left:1em;
  margin-right:2em;*/
}
 sidebar a {display:block; font-weight:bold;}
 sidebar h2,h3 {text-align:center;}

#linklist {padding:1em;}
#linklist a {padding:1px;}
#linklist a:hover {background:#ffffff; text-decoration:none; border:1px solid #660000; padding:0;}

/*use for anything to apply to all (e.g. background) */
h1{text-align:center;}
table { font-size: 12px; }
/*p,h2,h3,li {margin:.5em 0;}
#list1 p{margin:0
*/
#title {
  position: absolute;
  left: 10px;
  top: 28px;
  color: #C1D0E9;
  font-size: 40px;
 font-weight: bold;
 font-family: verdana, helvetica, sans-serif;
}
#titleback {
 color: #6A90CA;
 font-size: 60px;
 font-weight: bold;
 font-family: verdana, helvetica, sans-serif;
 padding-left: 30px;
 padding-top: 0px;
}
