/* This CSS code page is for a vertical navigation bar on the page.  */ 



.navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

.navcontainer li { margin: 0 0 .2em 0; }

.navcontainer a
{
display: block;
color: #036;
background-color: transparent;
width: 12em;
padding: .1em .3em;
font-family: Arial, "Sans serif"; font-size:10pt; color="#000000";
text-decoration: none;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #036;
border-bottom: 1px solid #036;
}

.navcontainer a:hover
{
background-color: #0000ff;
color: #FFF;
border-top: 1px solid #036;
border-left: 1px solid #036;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}


/* The following is a sample of the code you put on the HTML webpage to get the vertical navication bar.    

	<div class="navcontainer">
	<ul>
	<li><a href="M">Milk</a></li>
	<li><a href="E">Eggs</a></li>
	<li><a href="C">Cheese</a></li>
	<li><a href="V">Vegetables</a></li>
	<li><a href="F">Fruit</a></li>
	</ul>
	</div>

That ends the sample of the HTML code.  */