.cpdright {
   width:260px;
	 float:right;
	 clear:right;
	 background-color:#EEEEEE;
	 border-right:5px solid #DDDDDD;
}
.cpdleft {
   width:280px;
	 float:left;
	 clear:left;
}
.cpdclear {
   width:100%;
	 height:1px;
	 clear:both;
	 position:relative;
}
.cpdright ul {
   font-size:0.9em;
}
.cpdleft h3, .cpdright h3 {
   margin:0.3em;
	 color:#666666;
}
.cpdright h3 {
   border-bottom:1px dotted #CCCCCC;
	 padding-bottom:0.3em;
}
.cpdpurple {
   width:280px;
	 height:120px;
	 position:relative;
	 float:left;
	 clear:both;
	 color:#FFFFFF;
	 background-image:url(../img/purple_box1.gif);
}
#cpdpurplewide,#cpdpurplewidegrey {
   width:500px;
	 height:80px;
}
#cpdpurplesquare {
   width:180px;
	 height:180px;
	 background-image:url(../img/purple_box3.gif);
}
#cpdpurplewide {
	 background-image:url(../img/purple_box2.gif);
}
#cpdpurplewide p,#cpdpurplewidegrey p {
   width:350px;
}
#cpdpurplegrey {
	 background-image:url(../img/grey_box1.gif);
}
#cpdpurplewidegrey {
	 background-image:url(../img/grey_box2.gif);
}
.cpdpurple p,.cpdpurple h3 {
   padding:0 10px;
	 color:#FFFFFF;
	 margin:0;
}
.cpdpurple h3 {
   margin:0.5em 0 0 0;
}
.cpdpurple div.button a {
   position:absolute;
	 display:block;
	 width:128px;
	 height:22px;
	 bottom:10px;
	 right:10px;
	 background-repeat:no-repeat;
}
.cpdpurple div.button a span {
   display:none;
}
#cpdbutton1 { background-image:url(../img/register2.gif); }
#cpdbutton2 { background-image:url(../img/continue3.gif); }
#cpdbutton3 { background-image:url(../img/view_survey1.gif); }
#cpdbutton4 { background-image:url(../img/learn_more1.gif); }
#cpdbutton5 { background-image:url(../img/view_survey2.gif); }