<head><style type="text/css"><!--A.menubar {font-size:        small;font-family:      Arial;font-style:       normal;font-weight:      bold;color:            blue;border-size:		1px; border-color:		black;border-style:		dot ;background-color: grey;text-decoration:  none;}A.menubar:hover   {font-size:        small;font-family:      Arial;font-style:       normal;font-weight:      bold;border-size:		1px; border-color:		yellow;border-style:		solid ;color:            yellow;background-color: blue;text-decoration:  none;}//--><!--A.sidebar {font-size:        12px;font-family:      Arial;font-style:       normal;font-weight:      bold;color:            yellow;background-color: none;text-decoration:  none;}A.sidebar:hover   {font-size:        12px;font-family:      Arial;font-style:       italic;font-weight:      bold;color:            red;background-color: yellow;text-decoration:  none;}/* using an image to replace text in an h1.*/#prodcat { 	margin-left: 240px; 	margin-top: 162px;	width: 287px; 	height: 15px; 	float: left;	}//--></style></head>