#navlist li
{
display: inline;
/* for IE5 and IE6 */
}

#navlist
{
/* width: 8em;  */
width: 125px;
/* to display the list horizontaly */
font-family: Arial;
margin: 0px 0px 0px 0px;  /* top, right, bottom, left */
padding: 0px;
border-top: 0px #000 solid;
border-left: 0px #000 solid;
border-right: 0px #000 solid;

}

#navlist a
{
width: 100%;

/* extend the area to the maximum with IE6 */
display: block;

background-color: #FFFFFF;
margin: 0px 0px 5px 0px;  /* top, right, bottom, left */
border-bottom: 1px #000 solid;
text-align: center;
margin-left:3px;  /* Horizontal position of nav bar */
_float: left;  /* Fixes IE6 float issue */
_display: inline;  /* Fixes IE6 float issue */

/*
Another way to deal with IE6 is to use the underscore “_” hack.
ONLY IE6 will read a CSS property that starts with an underscore. IE7 will ignore it. Thus the underscore can be used to target specific propertiesfor IE6 only.
*/

font-size: 14px;
color: #000000;
text-decoration: none;
color: #000;
}

#navlist a:hover { background-color: #ffcc33;}
#navlist a:hover { color: white; }
#navlist a:visited { color: #000; }
#navlist a:link { color: #000000; }
#navlist a:active { color:red; }

#navlist li a:hover {
	text-decoration: none; font-weight: bold; color: #000000 !important;	/* Button text link color - For Firefox... mark as important, otherwise it becomes black */
}

#navlist li a {text-decoration: none; font-weight: bold; color: #000000 !important;	/* Button text link color - For Firefox... mark as important, otherwise it becomes black */
}