@charset "utf-8";
/* CSS Document */



body
{
  font-family: sans-serif;
  font-size: 100%;
  background:#E6FFCC;
}

#wrap
{
 width: 700px;
 margin: 10px auto 10px auto;
 border: 5px double #add8e6;
 background:#FFD7D7;
}

#pic
{
 width: 405px;
 float:left;
 margin-top: 5px;
 margin-left: 5px;
 }
 
h1
{
 text-align: center;
 color:#000066;
 font-family:"Comic Sans MS";
 font-size: 350%;
 width:auto;
 }
 
h3
{
  margin-left: 5px;
  }
  
h2
{
 text-align: center;
 }
 
.article
{
 margin-left: 10px;
 margin-right: 10px;
 margin-bottom: 10px;
 }
 
 
 #menu
{
 width:450px;
 background:#FFFFCC;
 padding: 10px;
 margin: 20px auto 10px auto;
 border: 1px solid #483d8b;
 }
 
#menu ul
{
 list-style: none;
 display: block;
 font-weight: bold;
 width: 400px;
 }
  

#menu a 
{
 display: block;
 padding: 3px 5px;
 text-decoration: none;
 font-weight: bold;
}


a:link
{
 color: #483d8b;
 }
 
a:hover
{
 color: #9400d3;
 }
 
a:active
 {
  color: #ff1493;
  }

#footer
{
text-align:center
}

#copyright
{
 padding-top:10px;
 font-size:small;
 }