.banners {
  MARGIN:24px 12px 12px 12px;
}

.banner1, .banner2, .banner3, .banner4 {  
  FONT-SIZE:1.0em;
  PADDING:8px;  
  TEXT-ALIGN:center;
  DISPLAY:block;    
  BORDER-LEFT:1px solid #696969;
  BORDER-TOP:1px solid #696969; 
  BORDER-RIGHT:2px solid #696969;
  BORDER-BOTTOM:2px solid #696969;  
}


/* light blue */
A.banner1         { BACKGROUND-COLOR:#C6E2FF; TEXT-DECORATION:none; }
A:link.banner1    { COLOR:#000; }
A:visited.banner1 { COLOR:#000; }
A:active.banner1  { COLOR:#000; }
A:hover.banner1   { BACKGROUND-COLOR:#BFEFFF; TEXT-DECORATION:none; }

/* orange */
A.banner2         { BACKGROUND-COLOR:#FF7F24; TEXT-DECORATION:none; }
A:link.banner2    { COLOR:#000; }
A:visited.banner2 { COLOR:#000; }
A:active.banner2  { COLOR:#000; }
A:hover.banner2   { BACKGROUND-COLOR:#FFA54F; TEXT-DECORATION:none; }

/* gray */
A.banner3         { BACKGROUND-COLOR:#828282; TEXT-DECORATION:none; }
A:link.banner3    { COLOR:#000; }
A:visited.banner3 { COLOR:#000; }
A:active.banner3  { COLOR:#000; }
A:hover.banner3   { BACKGROUND-COLOR:#CFCFCF; TEXT-DECORATION:none; }

/* light green */
A.banner4         { BACKGROUND-COLOR:#66CDAA; TEXT-DECORATION:none; }
A:link.banner4    { COLOR:#000; }
A:visited.banner4 { COLOR:#000; }
A:active.banner4  { COLOR:#000; }
A:hover.banner4   { BACKGROUND-COLOR:#C1FFC1; TEXT-DECORATION:none; }