body{
margin: 0px 0px 20px 0px;
text-align: center;
background-color: #000000;
}

#container{
margin-right: auto;
margin-left: auto;
text-align: left;
color: white;
padding: 0px;
width: 600px;
height: 500px;
background-color: #000000;
overflow: auto;
}

#containersite{
margin-right: auto;
margin-left: auto;
text-align: left;
color: white;
padding: 0px;
width: 80%;
height: 500px;
background-color: #000000;
}

#banner{
height: 65px; 
background-image: url(banner1.bmp) !important;
background-repeat: no-repeat;
font-family: sans-serif; 
color: white;}

}
#leftnavigation {

left; 0;
width: 100px;
float: left;

}

#content {
width: 450px;
height; 400px;
float: right;
}
.content{
padding: 5px 10px 0px 10px;
font-family: sans-serif; color: white;

text-align: justify;
font-family: Arial, sans-serif;
font-size: 11px;
}

#contentweb {
position: relative;
height; 100px;
width: 600px;
float: center;
overflow: auto;
}
.content{
padding: 10px 20px 10px 10px;
font-family: sans-serif; color: white;
overflow: scroll;
text-align: justify;

}


ul
{
float:left;
top: 0px
width:0px;
padding:0px;
margin:0;
list-style-type:none;
}

h2
{
position:relative;
font-family:arial,helvetica;
font-size:14px;
font-weight: normal;
padding-top:20px;
}


a#about:link, a#about:active, a#about:visited {
display: block;
width: 125px;
height: 31px;
background-image: url('about.jpg');
background-repeat: no-repeat;
text-indent: -9999px;
}

a#about:hover {
background-position: -125px;

}
a#home:link, a#home:active, a#home:visited {
display: block;
width: 125px;
height: 31px;
background-image: url('home.jpg');
background-repeat: no-repeat;
text-indent: -9999px;
}

a#home:hover {
background-position: -125px;



}
a#gallery:link, a#gallery:active, a#gallery:visited {
display: block;
width: 125px;
height: 31px;
background-image: url('gallery.jpg');
background-repeat: no-repeat;
text-indent: -9999px;
}
a#gallery:hover {
background-position: -125px;

}

a#diary:link, a#diary:active, a#diary:visited {
display: block;
width: 125px;
height: 31px;
background-image: url('diary.jpg');
background-repeat: no-repeat;
text-indent: -9999px;
}
a#diary:hover {
background-position: -125px;

}



a#listen:link, a#listen:active, a#listen:visited {
display: block;
width: 125px;
height: 31px;
background-image: url('listen.jpg');
background-repeat: no-repeat;
text-indent: -9999px;

}
a#listen:hover {
background-position: -125px;

}



a#contact:link, a#contact:active, a#contact:visited {
display: block;
width: 125px;
height: 31px;
background-image: url('contact.jpg');
background-repeat: no-repeat;
text-indent: -9999px;

}

a#contact:hover {
background-position: -125px;

}



a#links:link, a#links:active, a#links:visited {
display: block;
width: 125px;
height: 31px;
background-image: url('links.jpg');
background-repeat: no-repeat;
text-indent: -9999px;

}

a#links:hover {
background-position: -125px;
}


</style>