/*This is the file you edit in order to change how the site looks: the background, the text colors, etc*/

div {}

.footer {
background-color: #ab9c8f;
height: 35px;
color: #ffffff;
}

body {
background-color: #d2d4d4;
color: #6d6e65;
font-family: Georgia;
font-size: 1em;}

/*The CONTAINER holds everything but the background surrounding the main site area*/

#container {
background-color: #ffffff;
background-position: center center;
position: relative;
top: auto;
left: center;
border: solid #ab9c8f 3px;
width: 800px;
height: 80%; 
margin: 50px auto auto auto;
padding-left: 10px;
padding-bottom: 10px;
padding-right: 10px;
padding-top: 10px;
}

#header {
background-color: #ab9c8f;
color: #ffffff;
height: 110px;
width: 755px;
padding: 10px 20px 20px 20px;
background-image: url(headerBG.png);}

#navbar {
position: relative;
right: -5px;;
width: 500px;
bottom: auto;
}

#content {
background-color: #ffffff;
padding-top: 5px;
padding-bottom: 10px;
margin-top: 15px;
margin-bottom: 5px;

margin-left:auto;
margin-right:auto;
}

ul {}

li {}

h1 {
font-size: 1.2em;
text-align: center;
padding: 0px 10px 5px 10px;
}

h2 {
font-size: 1.1em;
}

p {
font-size: .8em;
}

a {
color: #6d6e65;
}

a:link {
color: #6d6e65;
}

a:visited {
color: #6d6e65;
}

a:hover {
color: #6d6e65;
text-decoration: underline}

a:active {
color: #6d6e65;
}