.heading
{	
	font-size:x-large;
	color:#0000CC;
}
<!-- Webpage header -->
#header
{
	position:relative;
	text-align:center;
}
#header img
{padding:5px;}
#header a, #sidenav a
{text-decoration:none;}
#logo 
{
	position:relative;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}

#topnav
{
	position:relative;
	top: 0px;
	left:15%;
	width:875px;
	text-align:center;
}
#topnav li
{
	list-style:none;
	display:inline;
	margin:0px;
	padding:0px;
}
#topnav ul
{
	margin:0px;
	padding:0px;
	background-color:#ffc;

}
#topnav ul li
{border:1px solid #000;}
#topnav li a
{
	padding: 0 10px;
	margin:0;
}
<!-- side navigation -->
#sidebar
{
	position:relative;
	width:auto;
}
#sidenav
{
	position:fixed;
	background-color:#ffc;
	text-align:left;
	width:auto;
	left:150px;
	padding-top:20px;
	float:left;
	z-index:500;
}
#sidenav ul
{
	list-style:none;
	margin:0;
	padding:0;
}
#sidenav li
{
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;	
	padding: 2px 10px 2px 10px;
}

#hersheys, #dollar, #localreps
{	
	visibility:hidden;
	position:absolute;
	z-index:1000;
}
#hersheys a, #dollar a, #localreps a{	text-decoration:none;}

#hersheys
{
	top:229px;
}

#dollar
{
	top:279px;
}
#localreps
{
	top:20px;
}
div.menu
{
	font-size:100%;
	visibility:hidden;
	background:#ffc;
	position:absolute;
	width:165px;
	left:245px
}
li.menu
{
	background-image: url(images/rightarrow.jpg);
	background-repeat: no-repeat;
	background-position: 100% 50%;
}
.category
{
	font-style:italic;
	font-weight:bold;
	font-size:110%;
}
.product{text-indent:10px;}