.roll
  {
  font-family: Verdana, Arial, Helvetica; color: #990000; font-size: 9px; text-transform: lowercase  }
.roll:hover
  {
  font-family: Verdana, Arial, Helvetica; color: #FF0000; font-size: 9px  ; text-transform: lowercase}
  
.navlink {  font-family: Verdana, Arial, Helvetica; font-size: 10px; color: #FFFFFF; text-decoration: underline}
.basiclink {  font-family: Verdana, Arial, Helvetica; font-size: 12px; color: #FFFFFF; text-decoration: underline}
.footerlink {  font-family: Verdana, Arial, Helvetica; font-size: 9px; color: #CC0000; text-decoration: underline}

label { font-family: Verdana, Arial, Helvetica; font-size: 10px; color: #FFFFFF; }
label span { font-family: Verdana, Arial, Helvetica; font-size: 10px; color: #990000; }

/* "what is this?" small element link sizes */
/* set up relativity to position small what? text */
small.whatsthis { 
	font-size: 11px;
	color: #006699;
	margin-left: 5px;	
}
/* Why? link style */
small.whatsthis a { 
  font-size: 11px;
  color: #3d1266;  
  text-decoration : none;  
 }

small.whatsthis a:hover, small.whythis a:focus, small.whythis a:active { 
  text-decoration : none;
} 

small.whatsthis a span { 
  border : 1px solid #ab9b8c;;
  background-color : #ab9b8c;;
  padding : 0 4px 0 4px; 
  color : #ab9b8c;;
  text-decoration : none; 
  height: 10px;  
  margin-left: 10px;
}

/* bring back Why? text span (title attribute backs this up for browsers it doesn't function in */
small.whatsthis a:hover span, small.whatsthis a:focus span, small.whatsthis a:active span { 
  border : 1px solid #3d1266; 
  background-color : #3d1266;
  color : #fff;
  padding : 0 4px 0 4px; 
  text-decoration : none; 
}
span.smallText {
  font-size: .75em; 
}
span.code {   
   font-size: 18px;
   font-weight: bold;
   color: #313131;
   border: 3px solid #d9d7d1;
   margin: 0;
   padding: 3px 7px;
   text-align:center;
}