body {font-size: 100%;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin: 0;
margin-right: 12em;
padding: 0;
color: #b22222;
background-color:  #afd5fa;
background-repeat:repeat;
}
#header {position:absolute;
top:0px;
left:0px;
width:100%;
color:#b22222;
background-color:  #afd5fa;
background-image:url(kite.jpg); 
background-repeat:no-repeat;
border-bottom: 2px #A52A2A dotted;
margin-bottom: 10px;
}

#header h1 {text-align: left;
padding-left: 50px;
padding-bottom: 2px;
padding-top: 18px;
margin: 0; }

#header h3 {text-align: left;
padding-left: 50px;
padding-bottom: 14px;
padding-top: 2px;
margin: 0; }

#menu{position:fixed;
top:110px;
left:0px;
bottom:0px;
width:10em;
padding-left:10px;
color:#b22222;
}

#menu a:link {text-decoration: none; font-weight: bold; color:#dd2222;}
#menu a:visited  {text-decoration: none; font-weight: bold; color:salmon;}
#menu a:hover {text-decoration: underline; }



#contents{position:absolute;
top:120px;
width:70%;
margin-left: 10em;
margin-right: 22em;
padding-left:2em;
padding-right: 2em;
padding-bottom: 6px;
background-color:  #afd5fa;
}

#contents h3{
color: #A52A2A;
}

#contents p{
font-family: "Times New Roman", Times, serif;
color: #8951a1a;
}
#contents a:link  {text-decoration: none; font-weight: bold; color:#FF2A2A;}
#contents a:visited {text-decoration: none; font-weight: bold; color:#FF2A2A;}
#contents a:hover {text-decoration: underline; }

#webring{position:relative;
padding-top:6px;
padding-bottom:10px;
padding-left: 20px;
text-align: center;

}

#modified {position:absolute;
top: 10px;
right: 20px;
float: right;
font-size: 60%;
color: #b53a3a;
}



#copyright {position:relative;
top: 5px;
font-size: 60%;
text-align: center;
color: #000000;
margin-left: 100px;
margin-right: 100px;

}

#copyright a:link  {text-decoration: none; font-weight: bold; color:#A52A2A;}
#copyright a:visited {text-decoration: none; font-weight: bold; color:#A52A2A;}
#copyright a:hover {text-decoration: underline; }