id.container{
width:100%;
height:100%;

}



table, td, th
{
text-align:center;
border:5px ;
}
th
{
background-color:white;
color:white;
}

header, p
{
background-color:#580000;
clear:both;
font-style:MgOpen Modata;
height:15px;
width:80%;
}
p{ color:white; 

 text-align:middle;
}




ul.position{
position:relative;

float:center;
}

a.homeMouseover {
display:block;
width:120px;
height:60px;
margin:2.5em 2.5em 2.5em 2.5em;
background:url('Buttons/Home1.png');
background-repeat:no-repeat;

background-color:none;
}
a.HomeMouseover:hover {
background-position: center top;
background:url('Buttons/Home.png');
}

a.myselfMouseover {
display:block;
width:120px;
height:60px;
margin:2.5em 2.5em 2.5em 2.5em;
background:url('Buttons/Myself1.png');
background-repeat:no-repeat;

background-color:none;
}
a.myselfMouseover:hover {
background-position: center top;
background:url('Buttons/Myself.png');
}


a.myfamilyMouseover {
display:block;
width:120px;
height:60px;
margin:2.5em 2.5em 2.5em 2.5em;
background:url('Buttons/MyFamily1.png');
background-repeat:no-repeat;
background-position:0px;
background-color:none;
}
a.myfamilyMouseover:hover {
background-position: center top;
background:url('Buttons/MyFamily.png');
}


a.myfriendsMouseover {
display:block;
width:120px;
height:60px;
margin:2.5em 2.5em 2.5em 2.5em;
background:url('Buttons/MyFriends1.png');
background-repeat:no-repeat;
background-position:0px;
background-color:none;
}
a.myfriendsMouseover:hover {
background-position: center top;
background:url('Buttons/MyFriends.png');
}


a.schoolsMouseover {
display:block;
width:120px;
height:60px;
margin:2.5em 2.5em 2.5em 2.5em;
background:url('Buttons/School1.png');
background-repeat:no-repeat;
background-position:0px;
background-color:none;
}
a.schoolsMouseover:hover {
background-position: center top;
background:url('Buttons/School.png');
}

a.myfutureMouseover {
display:block;
width:120px;
height:60px;
margin:2.5em 2.5em 2.5em 2.5em;
background:url('Buttons/MyFuture1.png');
background-repeat:no-repeat;
background-position:0px;
background-color:none;
}
a.myfutureMouseover:hover {
background-position: center top;
background:url('Buttons/MyFuture.png');
}


a.sitemapMouseover {
display:block;
width:120px;
height:60px;
margin:2.5em 2.5em 2.5em 2.5em;
background:url('Buttons/Sitemap1.png');
background-repeat:no-repeat;
background-position:0px;
background-color:none;
}
a.sitemapMouseover:hover {
background-position: center top;
background:url('Buttons/Sitemap.png');
}

id.content{
float:right;
height:900px;
width:500px;

}

h3{
position:relative;
left:-230px;
font-family:MgOpen Modata;
color:white;
}

h5{
position:relative;
left:-170px;
color:white;
font-family:MgOpen Modata;
}


image.beach{
position:relative;
float:left;
left:80px;
}


image.me{
position:relative;
top:-190px;
width:250px;
height:380px;
}


h3.quote{
position:relative;
top:-200px;
left:30px;
font-family:MgOpen Modata;
color:white;
}

image.movingpic{
position:relative;
top:-200px;
right:-5px;
width:700px;
height:300px;
}

p.bottom{
float:center;
position:relative;
font-family:comic sans sm;
color:white;
size:3;
top:-50px;
}