html{
margin: -20px;
height: 100%;
}

body{
margin: 0 auto;
height: 100%;
overflow: visible;
font-family: helvetica, arial, sans serif;
font-size: 100%;
letter-spacing: 2px;
background-color: #faf6f6;
}

a{
text-decoration: none;
}

a:hover{
text-decoration: underline;
}

a.selected{
font-weight: bold;
}

li{
list-style: none;
}

#links1 li a{
color: black;
}

#links1 li strong{
text-transform: uppercase;
color: red;
}

#links2 li a{
color: black;
}

#links2 li strong{
text-transform: uppercase;
color: red;
}

#container{
margin: auto;
margin-top:-316px;
position:relative;
min-height: 100%;
height: 1400px;
width: 960px;
overflow: hidden;
text-align: left;
}

#header{
position: relative;
height: 294px;
top: -33px;
background: url(images/body-bg.png) repeat-x top #faf6f6;	 
}

#headerpic{
position:relative;
top: 30px;
height: 163px;
background: url(images/links-bg.jpg) no-repeat;
}

#nav{
position: relative;
left: 85px;
font-size: 0.88em;
top: -7px;
z-index: 3;
}

#nav li{
float: left;
}

#nav li a{
border-right: 1px solid;
padding: 0 1em;
color: white;
}

#mainpic{
position: relative;
left: 260px;
top: 70px;
height: 253px;
width: 406px;
border: 1px solid black;
background: url(images/links-pic.jpg) no-repeat; 
}

#dividertop{
position: relative;
height: 47px;
width: 921px;
top: 95px;
background: url(images/divider.jpg) no-repeat; 
}

#links1{
position: relative;
left: 120px;
top: 50px;
line-height: 2em;
}

#links2{
position: relative;
left: 460px;
top: -428px;
line-height: 2em;
}

#bottomdivider{
position: relative;
height: 47px;
top: 605px;
background: url(images/divider2.jpg) no-repeat;
}


#footer{
position: relative;
height: 190px;
background: url(images/footer-bg.png) repeat-x top;
}