body {
background-image: url(images/bricks.gif);
}
#container {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

#top {
background-image: url(images/pngbackups/3-topheaderDARKpng2.png);
width: 800px;
height: 160px;
color: #FFFFFF;
font: Arial, Helvetica, sans-serif;
size: 10px;
text-align: right

}
#navbar {
	text-align: center;
	color: #333333;
	padding: 5px;
	width: 790px;
	background-color:#FFFFFF;
	font-family: verdana;
	font-size: 14px;
	font-weight: 300;
	border-bottom: thin solid #000000;
}
#masthead {
	width: 800px;
	height: 200px;
	margin-right: auto;
	margin-left: auto;
}

#sidebar {
	background-color: #FFFFFF;
	float: right;
	width: 160px;
	padding: 10px;
	font-family: Verdana;
	font-size:12px;
	color:#333333;
	border-left: thin solid #000000;
}


#story {
	background-color: #FFFFFF;
	padding: 9px;
	float: left;
	width: 782px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
}
#footer {
}

#HolonyLink {
	text-align: center;
	padding: 0px;
	height: 69px;
	width: 800px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 300;
	color:#FFFFFF;
}
#HolonyLink a:link {
color: #FFFFFF;
text-decoration: none;
}
#HolonyLink a:visited {
color: #FFFFFF;
text-decoration: none;
}
#HolonyLink a:hover {
color: #FFFFFF;
text-decoration: none;
}

#list-menu {
width: 165px;
/* this width value is also effected by
the padding we will later set on the links. */
}
#list-menu ul {
margin: 0; 
padding: 0;
list-style-type: none;
} 
#list-menu ul {
margin: 0; 
padding: 0;
list-style-type: none;
font-family: verdana, arial, sanf-serif;
font-size: 15px; 
} 
#list-menu li {
margin: 2px 0 0;
} 
#list-menu a {
display: block;

width:165px;
height: 22px;
padding: 2px 2px 2px 10px;

background: #dcdcdc url(images/menutopback.gif);
text-decoration: none; /*lets remove the link underlines*/
} 
#list-menu a:link, #list-menu a:active, #list-menu a:visited {
color: #FFFFFF;
}

#list-menu a:hover {

background: #333333 url(images/menubottomback.gif);
color: #000000;
}