body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
/* set up the div to be the width of the pages */
#nav {
	width: 760px;
	height: 50px;
	background-image:url(topmenu-background.jpg);
	}


/* remove  formatting and bullets from unordered list */
#nav ul {
	list-style: none;
	margin:0;
	padding:0;
	}

/* set up menu items to format horizontal instead of vertical*/
#nav ul li {
	float:left;
	position:relative;
	padding-top: 16px;
	}

/* setup sub menu items, which are unordered lists within unordered lists */
#nav li ul {
	display:none;
	width: 760px;
	position:absolute;
	top: 9px;
  	padding-top: 11px;
}

/* setup About Us sub menu items, which needs to be shoved over to the left in order to fit within the menu */
#nav ul ul.aboutusmenu {
	margin-left: -500px;

}

/* setup login sub menu items, which needs to be shoved over to the left slightly in order to fit within the menu */
#nav ul ul.loginmenu {
	margin-left: 0px;

}

/* format links on menu */
#nav ul li a,  #nav ul li a:visited {
	display: block;
	text-align: center;
	text-decoration: none;
	color: #000000;
	padding-top: 0px;
	padding-right: 17px;
	padding-bottom: 5px;
	font-size: 10pt;
	font-weight: 700;
}

/* format links hover state */
#nav ul li a:hover {
color:#006666;
}

/* format links on submenus to be smaller in order to compensate for super long names */
#nav ul ul li a, #nav ul ul li a:visited {
	font-size: 8pt;
	padding-right: 7px;
	font-weight: bold;
	}

/* makes the magic happen */
#nav li:hover ul, #nav li.sfhover ul
	{
	display: block;
	}