@charset "utf-8";

body {
padding: 5px;
margin: 5px;
font-family:arial;
font-size:10pt;
background-color:#FFFFFF;
}

body#out {
padding: 0px;
margin: 0px;
background-color:#DDDDDD;
font-family:arial;
font-size:10pt;
}

#head {
  height: 100px;
  margin: 10px;
  background-color: #CCCCCC;
}

#content {
  width: auto;
  margin: 0px 180px;
  background-color: #CCCCCC;
  position: relative;
  top: 40px;
}

#left {
  position: relative;
  top: 30px;
  left: 13px;
  width: 160px;
  height: 555px;
  background-color: #CCCCCC;
  border-right:solid 5px #FFFFFF;
}

#news {
  position: relative;
  top: -525px;
  left: 630px;
  width: 175px;
  height: 558px;
  background-color: #CCCCCC;
  border-left:solid 5px #FFFFFF;
}

#footer {

  position: absolute;
  width: 810px;
  margin-left: auto;
  margin-right: auto;
  top: 681px;
  height: 50px;
  background-color: #CCCCCC;
}

#container {
width: 810px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
height:700px;
background-color: #CCCCCC;}


h1 { font-size:30px;text-align:center; margin:5;}
h2 { font-size:20px;text-align:center; margin-top:0; margin-bottom:5;}

a { font-weight:bold; color:black; text-decoration:none; }
a:hover { font-weight:bold; color:grey; text-decoration:underline; }


li#navi {
margin-left:-32px;
width:160px;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
background-color:#666666;
list-style:none;
}       
     

li:hover#navi
{
background-color:#545454;
}

ul#navi a
{
padding-left:4px;
color:#FFFFFF;
display:block;
}

ul#navi a:hover
{
color:#FFAA00;
}