body, p, .textArea {font-family: Arial, Helvetica, sans-serif; 
        font-size: small; color: #222222 }

h1 { color: #555555;
    font-size: x-large;
    font-weight: 200 }
h2  {color: #222222;
    font-size: medium;
    font-style: bold }
h3 { color: #555555;
    font-size: large;
    font-weight: 200}
h5 { color: #555555;
    font-size: x-large }
    
a   {color: #009900}

a:hover {color: #555555}

.warning    {font-size: small;
            color: #FF0000}

li {  font-family: Arial, Helvetica, sans-serif; 
        font-size: small; 
        color: #222222; 
        padding: 6px}
.outertable {border: 1px solid gray;
            }
.banner     {background-image: url('http://www.trainersupport.com/360/images/iedexbanner.jpg')}
.tdgreen  { border: 1px solid #009900}
.tdgrey   { border: 1px solid #CCCCCC;
            font-size: small}
.trgrey   { border: 1px solid #CCCCCC;
            font-size: small;
            background-color: #CCCCCC}
            
.tdbg   {border: 1px solid #CCCCCC;
            font-size: small;
            background-color: #EEEEEE}
   
.light_grey {color: #555555}

.dark_grey  {color: #222222}

.box {background: #EEE8AA}

.buttongreen    {background-color: #A3CD52;
                width: 260px}
.buttongrey    {background-color: #DDDDDD;
                width: 260px}
.buttonred      {background-color: #FF0000;
                width: 260px}

.buttongreensm   {background-color: #A3CD52;}
.buttongreysm    {background-color: #DDDDDD;}
.buttonredsm      {background-color: #FF0000}