.navi
{
background-color: #004080;
color: #ffffff;
font-size: 12px;
font-weight: bold;
margin-top: 15px;
padding: 3px 15px 3px 15px;
}

.navi A:link { color: #ffffff; text-decoration:none; }
.navi A:visited { color: #ffffff; text-decoration:none; }
.navi A:hover { color: #00ffff; text-decoration:underline; }
.navi A:active { color:#ff0000; text-decoration:underline; }

#head
{
background-color: #1aacfb;
margin-top: 30px;
margin-bottom: 0px;
padding-bottom: 15px;
padding-top: 10px;
width: 700px;}

#picture
{
margin-right: 20px;
vertical-align: middle;
}

h1,h2{
background-color: #843c3c;
color: #ffffff;
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
margin-top: 0px;
padding: 4px 0px 4px 0px;
width: 630px;
}


#bird
{
background-color: #008080;
color: #ffffff;
font-size: 12px;
height: 100px;
line-height: 1.7em;
margin-top: 30px;
margin-bottom: 0px;
padding-bottom: 15px;
padding-top: 15px;
vertical-align: middle;
width: 630px;
}

#magic{background-color: #fde302;
color: #000000;
font-size: 12px;
height: 100px;
line-height: 1.7em;
margin-bottom: 0px;
margin-top: 70px;
padding-bottom: 15px;
padding-top: 15px;
vertical-align: middle;
width: 630px;}


#name1
{color: #ffff00;
font-size: 23px;
font-style: italic;
font-weight: bold;
}

#name2
{color: #632dd5;
font-size: 23px;
font-style: italic;
font-weight: bold;
}

.left
{
float: left;
margin-left: 120px;
margin-top: 10px;
text-align: right;
vertical-align: middle;}

.left A:link { color: #000000; text-decoration:none; }
.left A:visited { color: #000000; text-decoration:none; }
.left A:hover { color: #00ffff; text-decoration:underline; }
.left A:active { color:#ff0000; text-decoration:underline; }

.right
{
float: right;
padding-right: 180px;
vertical-align: middle;}

#magic
{
background-color: ;
}

th, td{
background-color: #ffffff;
font-size: 12px;
padding: 5px;
text-align: center;
vertical-align: bottom;
}


.title
{
color: #1aacfb;
font-size: 25px;
font-style: italic;
font-weight: bold;
}


.top{
background-color: #999999;
width: 700px;
font-size: 12px;
font-weight: bold;
margin-bottom: 0px;
margin-top: 30px;
padding: 3px;
text-align: right;
}

.top A:link { color: #ffffff; text-decoration:none; }
.top A:visited { color: #ffffff; text-decoration:none; }
.top A:hover { color: #00ffff; text-decoration:underline; }
.top A:active { color:#ff0000; text-decoration:underline; }

.top2{
background-color: #999999;
width: 630px;
font-size: 12px;
font-weight: bold;
margin-bottom: 70px;
margin-top: 0px;
padding: 3px;
text-align: right;
}

.top2 A:link { color: #ffffff; text-decoration:none; }
.top2 A:visited { color: #ffffff; text-decoration:none; }
.top2 A:hover { color: #00ffff; text-decoration:underline; }
.top2 A:active { color:#ff0000; text-decoration:underline; }


.footer{
background-color: #004080;
color: #ffffff;
font-size: 12px;
font-weight: bold;
margin-bottom: 25px;
margin-top: 0px;
padding: 3px;
width: 700px;
}

.footer A:link { color: #ffffff; text-decoration:none; }
.footer A:visited { color: #ffffff; text-decoration:none; }
.footer A:hover { color: #00ffff; text-decoration:underline; }
.footer A:active { color:#ff0000; text-decoration:underline; }