/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

#DSP_bboard {
margin: 0;
padding: 0;
font-family:"Arial", sans-serif;
font-size: 13px;
line-height: 1;
background:#000;
color:#fff;
background-image:url(dsp_bg.jpg);
background-repeat: no-repeat;
width:740px;
height:310px;	
}

.clear{
clear:both;
}

#main-img {
margin: 0;
padding: 0;
float:right;
margin-right:20px;
margin-top:29px;
}

#buttons{
position:relative;
padding:0;
margin:0;
margin-top:108px;
float:left;
width:239px;
height: 183px;
}

#buttons ul{
list-style-type: none;
}

#buttons li{
cursor: pointer;
line-height:6.5em; 
}

#buttons li a{
color:#fff;
text-decoration:none;
text-align:center;
position:absolute;
outline: none;
left: 22px;
width: 239px;  
height:61px;
overflow: hidden;
}



#buttons li.yellow a {
top: 61px;  
background:url(/content/dam/aarp/home_garden/transportation/2011_04/driver-safety-bb/yellowButton_esp.gif) no-repeat 0 0;
}

#buttons li.yellow a:hover, #buttons li.yellow.active a{
top: 61px;  
background:url(/content/dam/aarp/home_garden/transportation/2011_04/driver-safety-bb/yellowButton_esp.gif) no-repeat 0 -61px;
}

#buttons li.red a {
top: 0;  
background:url(/content/dam/aarp/home_garden/transportation/2011_04/driver-safety-bb/redButton_esp.gif) no-repeat 0 0;
}

#buttons li.red a:hover, #buttons li.red.active a{
top: 0;  
background:url(/content/dam/aarp/home_garden/transportation/2011_04/driver-safety-bb/redButton_esp.gif) no-repeat 0 -61px;
}

#buttons li.green a {
top: 122px;  
background:url(/content/dam/aarp/home_garden/transportation/2011_04/driver-safety-bb/greenButton_esp.gif) no-repeat 0 0;
}

#buttons li.green a:hover, #buttons li.green.active a{
top: 122px;  
background:url(/content/dam/aarp/home_garden/transportation/2011_04/driver-safety-bb/greenButton_esp.gif) no-repeat 0 -61px;
}