#mainmenu
{	
	/*the below removes the default tab of the unorder list html element*/
	margin: 0;
	padding: 0;
}

#mainmenu li
{	
	/*the below lines things up horizontally oppose to default vertically in regards to list items*/
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 14px arial}

#mainmenu li a
{	
	/*this section styles the main menu items, not the sub menu items*/
	display: block;
	margin: 0 1px 0 0;
	padding: 8px 2px;
	width: 245px;
	background: black;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#mainmenu li a:hover
{	/*main menu hover*/	
	background: #C00000;}

#mainmenu div
{	/*this is the div that contains all the links for each submenu*/	
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #F6F6F6;
	border: 1px solid #6c0000}

#mainmenu div a
{	/*this section styles the actual links in the submenu*/
	position: relative;
	display: block;
	margin: 0;
	padding: 1px 4px;
	width: 160px;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #F6F6F6;
	color: #000000;
	font: 12px arial}

#mainmenu div a:hover
{	background: #C0C0C0;
	color: #000000}

#s1
{

}