<html>


<head>
<style type = "text/css">
<!--

BODY      {background-color: #065C98; }


.title    {position: absolute; left: 145px; top: 10px;
           width: 455px; height: 50px; 
           border-color: #000000; border-width: 20px;
           background-color: #065C98;
           color: #ffffff; font-size: 28pt; font-weight: bold; 
           font-family: "Arial", sans-serif}

.curves {position: absolute; left: 100px; top: 60px;
           width: 500px; height: 22px; z-index: 7;
           border-color: #000000; border-width: 0px;
           background-color: #ffffff;}

.contents {position: absolute; left: 615px; top: 80px;
           width: 165px; height: 375px; z-index: 5;
           background-color: #065C98;
         
           color: #ffffff; font-size: 14pt; font-weight: bold; 
           font-family: "Arial", sans-serif}

.contents A   {position: relative; left: 0px; top: 0px;
           color: #ffffff; font-size: 12pt; font-weight: bold; 
           font-family: "Arial", sans-serif; text-decoration: none;}


.contents A:hover    {position: relative; left: 0px; top: 0px;
           color: yellow; font-size: 12pt; font-weight: bold; 
           font-family: "Arial", sans-serif; text-decoration: none;}

.subcontents {position: absolute; left: 0px; top: 115px;
           width: 95px; height: 340px; z-index: 5;
           background-color: #065C98;
           
           color: #ffffff; font-size: 14pt; font-weight: bold; 
           font-family: "Arial", sans-serif}


.subcontents A     {position: relative; left: 0px; top: 0px;
           color: #ffffff; font-size: 12pt; font-weight: bold; 
           font-family: "Arial", sans-serif; text-decoration: none;}


.subcontents A:hover    {position: relative; left: 0px; top: 0px;
           color: yellow; font-size: 12pt; font-weight: bold; 
           font-family: "Arial", sans-serif; text-decoration: none;}


.content {position: absolute; left: 100px; top: 70px;
           width: 500px; height: 375px; z-index: 6;
           background-color: #ffffff;
           color: #065C98; font-size: 12pt; font-weight: bold; 
           font-family: "Arial", sans-serif}

A         {position: relative; left: 40px; top: 0px; 
           color: #065C98; font-size: 12pt; font-weight: bold; 
           font-family: "Arial", sans-serif; text-decoration: none;}

A:hover    {position: relative; left: 0px; top: 0px; 
           color: #EA7C1A; font-size: 12pt; font-weight: bold; 
           font-family: "Arial", sans-serif; text-decoration: none;}

IMG       {border-width: 0px; }

P#text    {margin-left: 50px; margin-top: 15px; margin-right: 55px;
           text-indent: 10px; text-align: justify;
           color: #065C98; font-size: 11pt; font-weight: bold;
           font-family: "Arial", sans-serif}


PRE#poem  {margin-left: 75px;
           color: #065C98; font-size: 10pt; font-weight: bold; 
           font-family: "Arial", sans-serif}


//--->


<!---  colors used: background: 065C98, contents: 619EC9, title: 1E3F56
//--->

</style>
</head>
</html>
