body{
background-color:#332309;
background-image:url(images/bg.gif);
background-repeat:repeat;
padding:0px;
margin:0px;
font-family:georgia;
font-size:12px;
color:#000000;
}

#container{
position:relative;
background-image:url(images/paper_bg.gif);
background-repeat:repeat-y;
width:760px;
margin:0 auto;
margin-left:220px;
text-align:center;
z-index:1;
}

#sidebar{
position:relative;
float:left;
background-image:url(images/sidebar.gif);
background-repeat:no-repeat;
height:312px;
width: 200px;
text-align:center;
margin: 150px 10px 10px 105px;
padding:40px 0px 10px 0px;
list-style:none;
z-index:3;
}

#sidebar li {
	display:block;
	padding: 0;
	margin: 0;
	height: 52px;
	list-style: none;
	background-repeat: no-repeat;
}
#sidebar li a, #sidebar li a:visited {
	display: block;
	text-decoration: none;
	text-indent:-9999px;
	height: 52px;
	background-repeat: no-repeat;
}

.home a {
background-image: url(images/home.png); width: 134px;
margin-left:-20px;
}
.home a:hover {
background-image: url(images/home_hover.png);
margin-left:-20px;
}
.forum  a {
background-image: url(images/forum.png); width: 134px;
margin-left:-20px;
}
.forum a:hover {
background-image: url(images/forum_hover.png);
margin-left:-20px;
}
.webrings a{
background-image: url(images/webrings.png); width: 134px;
margin-left:-20px;
}
.webrings a:hover {
background-image: url(images/webrings_hover.png);
margin-left:-20px;
}
ul#sidebar li a:hover {
background: none;
}

#header{
position:relative;
background-image:url(images/portal_header.png);
width: 760px;
height: 222px;
text-align:center;
z-index:2;
}

#subtitle{
background-image:url(images/welcome_sub.png);
background-repeat:no-repeat;
position:relative;
width:500px;
height:52px;
margin-left:225px;
text-align:left;
}

#subtitle2{
background-image:url(images/webrings_sub.png);
background-repeat:no-repeat;
position:relative;
width:450px;
height:52px;
margin-left:225px;
text-align:left;
}

#content{
position:relative;
float:right;
width:520px;
margin: 10px 25px 10px 25px;
text-align:left;
}

#webrings_content{
position:relative;
float:right;
width:520px;
margin: 10px 25px 10px 25px;
text-align:center;
}

.clear{
clear:both;
}

#footer{
background-image:url(images/footer.gif);
background-repeat:repeat-x;
position:absolute; bottom:0;
height:48px;
width:560px;
margin-left:413px;
position:relative;
text-align:center;
font-family:Verdana;
font-size:10px;
color:#000000;
z-index:4;
}

a{
color:#000000;
font-weight:bold;
text-decoration:none;
}
a:hover, a:active{
color:#332309;
}