.banner{ height: 80px; width: 690px; margin: 0; padding:0; text-align: center; background: url(../images/red_bg.jpg) left top no-repeat; margin-bottom: 0px 0px 0px 0px; }

.red { background-image: url(../imgs/red.jpg);}
.blue{ background-image: url(../imgs/blue.jpg);}
.green { background-image: url(../imgs/green.jpg); }
.grey { background-image: url(../imgs/grey.jpg);}
.orange { background-image: url(../imgs/orange.jpg); }
.yellow { background-image: url(../imgs/yellow.jpg); }

/*This is used to hide the other banner divs when javascript is disabled.*/
.hide{ display: none; }

.banner h3{ color: #fff; font-size: 23px; padding: 0; margin: 0; padding-top: 10px; text-transform:none;}
.banner p{ color: #fff; font-size: 16px; }
.banner a:link, .banner a:visited { color:#ffffff; text-decoration:none;}
.banner a:hover, .banner a:active, .banner a:focus { color:#ffffff; text-decoration:underline;}