#ade {
background: #fff;
}

#adel {
float: left;
/*
background:#A0CEE8;
background:#f48569;
background:#ffff99;
*/
width:463px;
font: 12px Arial, Verdana, sans-serif;
text-align: left;
margin: 0 5px 10px 12px;
padding: 0;
}

#al1 {
float: left;
background:#A0CEE8;
padding: 20px 20px 2px 20px;
margin-bottom:5px;
}

#al2 {
float: left;
background:#f48569;
padding: 20px 20px 2px 20px;
margin-bottom:5px;
}

#al3 {
background:#A0CEE8;
padding: 20px 20px 2px 20px;
margin-bottom:0;
}

#ader {
float: left;
background:#3398CC;
width:271px;
font: 12px Arial, Verdana, sans-serif;
text-align: left;
margin: 0 12px 10px 0;
padding: 20px;
height:571px;
}

.adehead2 {
font: bold 17px Arial, Verdana, sans-serif;
color: #000;
padding:0;
margin:0;
text-transform: uppercase;
}

.adehead {
font: bold 15px Arial, Verdana, sans-serif;
color: #fff;
padding:0;
margin:0;
text-transform: uppercase;
}

li.adelist {
list-style-image: url(abullet.jpg);

}

a.apopular {
text-decoration:none;
color: #fff;
font: bold 15px Arial, Verdana, sans-serif;
display: block;
border: 1px solid #069;
margin:0 0 10px 0;
padding:2px 4px;
}

a.apopular:hover {
color:#3398CC;
background:#000;
border: 1px solid #fff;
}

a.apg {
text-decoration:none;
background: #F04B4D;
color: #fff;
font: bold 14px Arial, Verdana, sans-serif;
display: block;
border: 1px solid #fff;
margin:0 0 10px 0;
padding:2px 4px;
}

a.apg:hover {
color:#3398CC;
background:#000;
border: 1px solid #fff;
}