a       {color:#66097B; text-decoration:none;}
a:hover {color:#226DD3; text-decoration:underline;}

.tf
{
 border:1px solid;
 border-color: #66097B;
 background-color: #F4F4F4;
 font-family: arial;
 font-color: black;
 font-size: 10pt
}

.pb
{
 border:1px solid;
 border-color: #c790ba;
 background-color: #D9D9D9;
 font-color: black;
 font-size: 10pt;
 font-family: verdana
}

/* comments

colors
purple: 66097b
lavender: c790ba
blue: 628ecb


   #createID {style elements}
   .one {style elements}

in html:
   <p id="createID">gets createID style</p>
   <p class="one">gets style one</p>
*/