.midtext     { border:1px solid #FFCACA; font-family: Arial; font-size: 12 px; padding-left:5px; padding-right:5px }
.mid_tab     { border:1px solid #FFCACA;   }
.midtitle    { border: 1px solid #D7EBFF; padding-left: 4px; padding-right: 4px; 
               padding-top: 1px; padding-bottom: 1px }
.r        { border-bottom:1px solid #BC9554; font-family:Tahoma; font-size:10pt; color:#FFFFFF; border-left-width:1px; border-right-width:1px; border-top-width:1px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px }
.r a      { font-family: Tahoma; font-size: 10pt; color: #FFFFFF; text-decoration: none; font-weight:bold }
.r a:hover { color: #000000; font-family:Tahoma; font-size:10pt; text-decoration:none }
<!-- ---------------------------------------{  }

.tab_header  { border-left:1px solid #FFFFFF; border-right:1px solid #C0C0C0; border-top:1px solid #FFFFFF; border-bottom:1px solid #C0C0C0; font-family: Tahoma; font-size: 10pt; color: #FFFFFF; font-weight: bold; background-color:#666666; padding-left:4px; padding-top:1px; padding-bottom:1px; background-image:url('tab_header.gif') }
.tab_body    { background-color: #F3F9FE; font-family:Arial; font-size:12 px; padding-left:5px; color:#666666; padding-top:2px; padding-bottom:2px }

a            { color: #663300; text-decoration: none }
a:hover      { color: #000000; text-decoration:underline }