body {
font-family: Helvetica, Arial, Verdana;
}

#main {
margin-top: 5%;
margin-left: 10%;
margin-bottom: 5%;
margin-right: 10%;
padding: 0px;
color: #000000;
}

#main a, a:visited {
color: #990099;
text-decoration: none;
}

#main a:hover {
color: #000000;
text-decoration: none;
}

#main h2 {
font-size: 20px;
text-indent: 25px;
color: #990099;
font-weight: bold;
margin-bottom: 5px;
}

.top {
background-image: url(dog.jpg); 
background-repeat: no-repeat; 
background-position: right top;
background-color: #ffffff;
font-size: 35px;
color: #990099;
text-indent: 20px;
height: 100px;
border-right: solid 2px #000000;
border-bottom: solid 2px #000000;
padding: 5px;
}

.top h1 {
text-indent: 40px;
font-size: 15px;
color: #000000;
font-style: italic;
}


.sidebar {
width: 125px;
float: left;
border-right: 2px dashed #000000;
border-bottom: 2px dashed #000000;
text-indent: 30px;
font-size: 17px;
padding: 10px;
margin-right: 20px;
margin-bottom: 10px;
}

.sidebar h1 {
text-indent: 20px;
font-size: 17px;
color: #000000;
font-weight: bold;
margin-bottom: 2px;
}

.sidebar a, .sidebar a:visited {
display: block;
background-image:url(button2.bmp); 
background-repeat:no-repeat; 
background-position:left center;
text-decoration: none;
color: #990099;
}

.sidebar a:hover {
background-image:url(button1.bmp); 
background-repeat:no-repeat; 
background-position:left center;
text-decoration: none;
color: #000000;
}

.footer {
text-align: center;
border-top: solid 2px #000000;
margin-top: 20px;
margin-left: 15%;
margin-right: 15%;
font-size: 15px;
}