/* CSS Document */

body{
margin: 0;
padding: 0;
text-align: center;
background-color: white;
background-image: url(images/bodybkgrd.png);
background-repeat: repeat;
color: white;
font: small Arial, Helvetica, Verdana, sans-serif;
}

#content{
position: relative;
width: 550px;
padding: 5px;
}

#content p{
font-size: 90%;
margin: 5px 0 5px 0;
}

a:link, a:visited{
text-decoration: none;
color: white;
text-shadow: #fffff 1em 1em 1em;
}

#content a:link, #content a:visited{
text-decoration: none;
color: #ff7e00;
text-shadow: #ffffff 1em 1em 1em;
}

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

#wrapper{
text-align: left;
background-color: white;
width: 754px;
color: black;
margin: 10px 10px 10px 10px;
padding: 10px;
}

#linkbar{
text-align: left;
margin: -1000px;
}

#linkbar a:link, #linkbar a:visited{
text-decoration: none;
color: white;
}

#linkbar a:hover{
text-decoration: none;
color: black;
}

#linkbar1 ul{
float: left;
width: 150px;
font-size: 80%;
list-style: none;
background-image: url(images/linkbkgrd.png);
color: white;
padding: 5px 0 5px 5px;
margin: -1000px;
}

#linkbar2 ul{
float: right;
width: 150px;
font-size: 80%;
list-style: none;
background-image: url(images/linkbkgrd.png);
color: white;
padding: 5px 0 5px 5px;
margin: -1000px;
}

#navigation{
	position: absolute;
	background-image: url(images/linkbkgrd.png);
	margin: 0 0 5px 0;
	border: 1px solid black;
	left: 581px;
	top: 3px;
	width: 171px;
	height: 424px;
}

#navigation a:link, #navigation a:visited{
text-decoration: none;
color: white;
}

#navigation ul{
text-align: left;
list-style: none;
color: white;
margin: 0 0 5px 0;
padding: 5px 0 0 5px;
}

#navigation li{
font-weight: bold;
}

#navigation a:hover{
color: #f77e00;
}

h1 {
color: #f77e00;
font-size: 110%;
text-transform: uppercase;
margin: 2px 0 2px 0;
}

h2 {
color: #f77e00;
font-size: 130%;
text-transform: uppercase;
text-align: center;
margin: 10px 0 10px 0;
text-decoration: blink;
}

#footer{
clear: both;
background-image: url(images/footer.png);
border: 1px solid black;
}

#content ul{
list-style: none;
}

#content li.timeline{
background-image: url(images/listarrow.gif);
background-repeat: no-repeat;
background-position: left top;
margin: 3px 0 5px -20px;
padding: 0 0 0 15px;
}