/*
**  The following rules specify how the links look within the menu.
*/

 #nav a {
     display: block;
	 color: #FFFFFF;
     text-decoration: none;
     font-weight: normal;
 }

 #nav a:link {
	 color: #FFFFFF;
     text-decoration: none;
     font-weight: normal;
 }

 #nav a:visited {
	 color: #FFFFFF;
     text-decoration: none;
     font-weight: normal;
 }

/*
**  We want the links on the drop-downs to have the same width as the unordered list that
**  contains them, to make sure two of them don't end up on the same line
*/

 #nav li ul li a {
	 width: 9em;
 }

 #nav li ul li a:link {
	 width: 9em;
 }

 #nav li ul li a:visited {
	 width: 9em;
 }
 
/*
**  Depending on whether the user is logged on, turn off 'loggedin' or 'loggedout' links.
*/



#nav a.loggedin {display:none;}

#nav a.loggedin:link {display:none;}

#nav a.loggedin:visited {display:none;}

/*
**  Following applies to the 'Websites for Artists' text in the menu bar.  Adjust the margin-top
**  to move the text up or down.
*/

#wfa {
	float: left;
    font-family: "Arial", serif;
    font-size: 20pt;
    font-weight: bold;
    margin-right: 20px;
    margin-bottom: 0px;
    margin-top: 10px;
	color: #FFFFFF;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}


/*
**  Underline menu items when you hover over them
*/
 
 #nav a:hover {
    text-decoration: underline;
 }

/*
**  This is the style for the items on the main menu bar.  Defines the font, and a big right
**  margin to create space before the next item.  Adjust the margin-top to move text up or down.
*/

#nav li {
	float: left;
    font-family: "Arial", serif;
    font-size: 12pt;
    margin-right: 40px;
    margin-top: 20px;
    margin-bottom: 0px;
}

/*
**  The drop-down menu items shouldn't have a big gap above them, or to the right.
*/

#nav li ul li {
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
}

#nav li ul {
	position: absolute;
	width: 9em;
	background: #999999;
	left: -999em;
}

#nav li:hover ul, #nav li.sfhover ul  {
	left: auto;
}