/* In this css, I designed it for my index page.  I had to make two sidebars
and format the whole page.  When I was designing this page, I wanted to relate
it to my other css page so it would look more professional.  In the sidebars,
I know I was suppose to put links to my other pages, but I saw that to be kind
of repetitive.  Instead I designed my home page to have websites I thought are useful
in one sidebar and ways to find me in the other sidebar.  I also added a picture that can be set up in a seperate
page and a music player.*/
/* CSS Document */
body {
background-color: #c0c0c0;
margin-top: -10px;
}

body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
}
ul {
margin: 0px;
padding: 0 0 10px 0;
list-style: none;
line-height: 1.2em;
}
li {
padding-bottom: 7px; 
}
/*a.link {
color: #333333;
text-decoration: none;
font-weight:bold;
}*/
/*a.visited {
text-decoration: none;
color: #333333;
font-weight:bold;
}*/
/*a.hover {
text-decoration: none;
color: #990000;
font-weight:bold;
}*/
a{
color:blue;
text-decoration: none;
}
a.active {
text-decoration: none;
color: #993300;
font-weight:bold;
}
#header {
width: 1000px;
height: 170px;
color:#4d5863;
background: #D8DDE1;
margin: 0px auto;
}
#header img{
float: left;
padding-top: 20px;
padding-left: 35px;
}
h1 { 
    font-size: 200%;
    margin: 0px;
	text-align: center;
	padding-top: 90px;
	float:left;
}
h2{
	font-size:100%;
}
#header h1 {
    margin-left: 3em;
	padding-left: 120px;
}
#container { 
width: 1000px;
color:inherit;
background: #D8DDE1;
margin: 0px auto; 
min-height: 700px;
margin-top: -10px;
}
#main {
line-height: 1.6em;
margin-left: 250px;
width: 550px;
padding-right: 225px;
}
#footer {
position:relative;
margin: 0px auto;
width: 1000px;
height: 33px;
color:inherit;
background: #D8DDE1;
border-top: 2px solid gray;
margin-top: -60px;
}
#footer p{
text-align: right;
padding-right: 20px;
text-decoration: none;
}
div.paragraph {
margin: 10px 35px 50px 0px;
padding: 0;
}
/* NAVIGATION STYLES */
#navlist {
font-size: 0.85em;
float: left;
width: 160px;
padding-left: 30px;
}
#navlist ul {
margin-right: 10px;
margin-left: 10px;
}
#navlist ul li {
display:block;
margin: 2px 0;
} 
#navlist2 {
font-size: 0.85em;
float: right;
width: 160px;
padding-right: 30px;
}
#navlist2 ul {
margin-right: 10px;
margin-left: 10px;
}
#navlist2 ul li {
display:block;
margin: 2px 0;
}