#topnav ul { margin: 0px; padding:0px 25px; list-style:none;}
#topnav li { display:inline; margin:0; padding:0;}
#topnav a { float:left; background: url(../Images/Navigation/left_both.gif) no-repeat left top; margin:0; padding:0 0 0 12px; text-decoration:none; font-size: 12px;}
#topnav a.lefttab { /* used for the first tab to add the left corner gfx */
	float:left;
	background: url(../Images/Navigation/left_both_lefttab.gif) no-repeat left top;
	margin:0; padding:0 0 0 32px; text-decoration:none; font-size: 12px;
}
#topnav a.admin { /* used for the admin top menu */
	float:left;
	background: url(../Images/Navigation/left_both_admin.gif) no-repeat left top;
	margin:0; padding:0 0 0 12px; text-decoration:none; font-size: 12px;
}
#topnav a span {
	float:left;
	display:block;
	padding:8px 10px 9px 0;
	font-weight:bold;
	color:#6e6e6e;
}
#topnav a span { background: url(../Images/Navigation/right_both.gif) no-repeat right top;}
#topnav a.admin span { background: url(../Images/Navigation/right_both_admin.gif) no-repeat right top;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topnav a span {float:none;}
/* End IE5-Mac hack */
#topnav a:hover { background-position:0% -43px; color: #313131;}
#topnav a:hover span { background-position:100% -43px; color: #313131;}
#topnav a:hover { background-position:0% -43px; color: #313131;}
#topnav #focuson a { background-position:0% -43px; color: #6e6e6e;}
#topnav #focuson a span { background-position:100% -43px; color: #6e6e6e;}
#topnav #focuson a:hover span { color: #313131;}

/* STYLES FOR CURRENT PAGE */
body.bodyabout #topnav #about a,
body.bodyproduct #topnav #product a,
body.bodyspecials #topnav #specials a,
body.bodynews #topnav #news a,
body.bodylinks #topnav #links a,
body.bodycpntact #topnav #contact a,
body.bodyfocuson #topnav #focuson a 
{
background: url(../Images/Navigation/left_both.gif) no-repeat left -43px;
}
body.bodyhome #topnav #welcome a { background: url(../Images/Navigation/left_both_lefttab.gif) no-repeat left -43px;}

body.bodyhome #topnav #welcome a span,
body.bodyabout #topnav #about a span,
body.bodyproduct #topnav #product a span,
body.bodyspecials #topnav #specials a span,
body.bodynews #topnav #news a span,
body.bodylinks #topnav #links a span,
body.bodycpntact #topnav #contact a span,
body.bodyfocuson #topnav #focuson a span
{ 
background: url(../Images/Navigation/right_both.gif) no-repeat right -43px;
}

#topnav #current a { float:left; margin:0; padding:0 0 0 12px; text-decoration:none; font-size: 12px; border-width:0;}
#topnav #current a { background: url(../Images/Navigation/left_both.gif) no-repeat left -43px;}
#topnav #current a.admin { background: url(../Images/Navigation/left_both_admin.gif) no-repeat left -43px;}
#topnav #current a span { float:left; display:block; padding:8px 12px 9px 0; font-weight:bold; color:#313131;}
#topnav #current a span { background: url(../Images/Navigation/right_both.gif) no-repeat right -43px;}
#topnav #current a.admin span { background: url(../Images/Navigation/right_both_admin.gif) no-repeat right -43px;}
#topnav #current a:hover { background-position:0% -43px;}
#topnav #current a:hover span { background-position:100% -43px;}