/* The images which help create rounded corners depend on the 
   following widths and measurements. If you want to change 
   these measurements, the images will also need to change.
   */
	 
 DL {
	BACKGROUND: url(images/whitebottom180.gif) #ccc no-repeat left bottom; 
	PADDING: 0px 0px 0px 0px;
	MARGIN: 0px 0px 5px 5px; 
	position: relative;
	FLOAT: left;
	WIDTH: 180px;
	text-align: left;
	FONT-FAMILY: Arial, sans-serif
}
 DT {
	BACKGROUND: url(images/whitetop180.gif) #999 no-repeat left top; 
	MARGIN: 0px 0px 0px 0px; 
	PADDING: 5px 0px 5px 0px;	
	BORDER-BOTTOM: white 1px solid;
	font-weight: 600;
	FONT-SIZE: 80%; 
	COLOR: #fff
}
 DT a {
	text-decoration:none;
	font-weight:600;
	PADDING-TOP: 15px;
      PADDING-LEFT: 3px; 
	PADDING-BOTTOM: 50px;
	PADDING-RIGHT: 25px;
      COLOR: #fff
  }
 DT a:link {
  color:#fff;
  }
 DT a:visited {
  color:#fff;
  }
 DT a:hover {
      color:#000;
	font-weight:600;
  }	
	
 DD {
	MARGIN: 0px 0px 0px 0px; 
	PADDING: 2px 3px 4px 5px;
	FONT-SIZE: 80%;
	COLOR: #666;
	text-decoration:none   
	}

 DD a {
      MARGIN: 0px 0px 0px 0px; 
	PADDING-TOP: 5px;
      PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 20px;
	PADDING-RIGHT: 0px; 
	text-decoration:none;
      COLOR: #666
  }
 DD a:link {
  color:#666;
  }
 DD a:visited {
  color:#666;
  }
 DD a:hover {
  color:#000;
  }
 #blue DT {	BACKGROUND-COLOR: #69c }
 #blue {	BACKGROUND-COLOR: #9cf}
 #purple DT {	BACKGROUND-COLOR: #6B0A7D }
 #purple {	BACKGROUND-COLOR: #EDA4FB}
 #red DT {	BACKGROUND-COLOR: #933}
 #red {	BACKGROUND-COLOR: #c99}
 #green DT {	BACKGROUND-COLOR: #9c6}
 #green {	BACKGROUND-COLOR: #cf9}
 #orange DT {	BACKGROUND-COLOR: #DD7322}
 #orange {	BACKGROUND-COLOR: #F8B900}