body { background-image: url(pix/bg.gif); 
     color: navy;
     font-family: 'Century Gothic', Arial, Helvetica; }


UL { list-style-image: url(pix/bullet.gif); }

.yo {color: blue }
.yo:hover   {background:gold}

/* When the <A> tag has a class of "mind" or "mfac" or ... */

A.mind, A.mfac, A.mfak, A.mfee, A.mpro, A.msea, A.msrv, A.msit, A.msta
  {
     display: block; text-align: center; background-color: #81BEF7;
     width: 90px; text-decoration: none; font-family:verdana;
     font-size:10px; color: black;
     border: solid 1px navy; }

/* When a link with a class of "mind" or "mfac" or ... is hovering, */

A.mind:hover, A.mfac:hover, A.mfak:hover, A.mfee:hover,
A.mpro:hover, A.msea:hover, A.msrv:hover, A.msit:hover, A.msta:hover

 { background-color: #CEE3F6;}

/* When the <body> class matches the link <A> class, */

body.ind a.mind, body.fac a.mfac, body.fak a.mfak, body.fee a.mfee,
body.pro a.mpro, body.sea a.msea, body.srv a.msrv, body.sit a.msit,
body.sta a.msta

  {  background-color: white; }

/* When the <body> class matches the link <A> hover class,  */

body.ind a.mind:hover, body.fac a.mfac:hover, body.fak a.mfak:hover,
body.fee a.mfee:hover, body.pro a.mpro:hover, body.sea a.msea:hover,
body.srv a.msrv:hover, body.sit a.msit:hover, body.sta a.msta:hover

  {  cursor: crosshair; background-color: white; }   