body
{
background-color: #000060;
color: #55aaff;
font-family: Arial;
font-size: 10pt;
margin: 0px;
padding: 0px;
position: relative;
}

a:link
{
color: #ff55aa;
}
a:active
{
color: #55aaff;
}
a:visited
{
color: #55ffaa;
}

#content
{
background-color: #000070;
margin: 0px auto;
width: 700px;
text-align: center;
}
#content .update
{
margin: 10px auto;
background-color: #000070;
width: 80%;
}
#content .header
{
background-color: #000060;
color: #55ffaa;
font-size: 12pt;
font-style: oblique;
vertical-align: middle;
}
#content .header .date
{
font-size: 8pt;
font-style: normal;
line-height: 175%;
float: left;
}
#content .header .author
{
font-size: 8pt;
font-style: normal;
line-height: 175%;
float: right;
}


#menu
{
background-color: #000060;
background-image: url(../images/cboard.png);
background-repeat: no-repeat;
color: #55aaff;
height: 300px;
left: 0px;
margin: 0%;
padding: 0%;
position: absolute;
top: 0px;
width: 150px;
text-align: center;
}
#menu p
{
margin: 2px 0px 1px;
width: 150px;
height: 150px;
}
#menu p a
{
display: block;
width: 150px;
height: 20px;
margin: 1px 0px;
padding: 0px;
}
#menu .main
{
display: block;
width: 150px;
height: 150px;
}

#logo
{
background-image: url(../images/logobg.png);
color: #55aaff;
height: 350px;
margin: 0%;
padding: 0%;
position: absolute;
right: 0px;
top: 0px;
width: 550px;
}

#ttristan
{
background-image: url(../images/globetristan2.png);
width: 130px;
height: 160px;
position: absolute;
bottom: 20px;
right: 36px;
}
#tristan
{
background-image: url(../images/globetristan.png);
display: block;
width: 130px;
height: 160px;
}
#tristan:hover
{
background-image: url(../images/globetristan2.png);
}
#tristan span
{
display: none;
}
#tristan:hover span
{
display: inline;
position: relative;
left: 1em;
top: 3em;
text-decoration: none;
font-size: 12pt;
}

#lluke
{
background-image: url(../images/earthluke2.png);
width: 160px;
height: 165px;
position: absolute;
bottom: 14px;
left: 43px;
}
#luke
{
background-image: url(../images/earthluke.png);
display: block;
width: 160px;
height: 165px;
}
#luke:hover
{
background-image: url(../images/earthluke2.png);
}

#animal
{
background-image: url(../images/giraffe.png);
position: absolute;
top: 0px;
right: 100%;
width: 170px;
height: 350px;
}

#spacer
{
width: 700px;
height: 400px;
background-color: transparent;
}

#splash
{
width: 100%;
height: 100%;
background-image: url(../images/splash.png);
background-repeat: no-repeat;
background-position: 50% 50%;
}