body  {background: url('images/backcolor.jpg') repeat; margin: 0;padding: 0;
      font-family:Arial, Verdana; font-size:15px;  line-height:165%; color:#303030}

td    {font-size:15px;  line-height:165%; color:#303030; vertical-align: top }

.td1  {font-weight:normal; color:#008080}
.td2  {font-weight:normal; color:#800000}
.td3  {font-weight:normal; color:#0000f0}

.rightcolumn {background: #0000ff}
.rightbar {background: url('images/bgrightbar.jpg') repeat-y;}

.ts1  {font-size:11px}

.lbg  {background: url('images/bgLeft_01.jpg') repeat-y left;}
.rbg  {background: url('images/bgRight_01.jpg') repeat-y right;}
.mbg  {background: url('images/menuback.jpg') repeat-x;}

.title1  {font-size:16px; font-weight:bold; color:#0080c0 }
.title2  {font-size:14px; font-weight:bold; color:#ffffff }
.title3  {font-size:12px; font-weight:bold; color:#000080 }
.title4  {font-size:12px; font-weight:bold; color:#000000 }




div.BtnLeft0 { position:absolute; width:225px; height:50px;
                  color:#800000; font-weight:bold; font-size:15px; text-align:left;
                  background-image:url(images/BtnLeft0.png); background-repeat: no-repeat;
                  padding-top: 7px; }
div.BtnLeft1 { position:absolute; width:225px; height:50px;
                  color:#800000; font-weight:bold; font-size:15px; text-align:left;
                  background-image:url(images/BtnLeft1.png); background-repeat: no-repeat;
                  padding-top: 7px; }

a           {text-decoration: none;}
a:link      {color: #006000;}
a:visited   {color: #006000;}
a:hover     {text-decoration: none; color: #33cc33;}
a:active    {color: #006000;text-decoration: none}

a:link.url1, a:visited.url1, a:active.url1{
color: #600000; font-weight: bold;
}
a:hover.url1{
color: #33cc33; font-weight: bold;
}

a.button1{
background: transparent url('images/button1.png') no-repeat top left;
display: block;
float: left;
font: normal 15px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 20px; /* Height of button background height */
padding-top: 10px;
width: 200px;
padding-left: 22px; /* Width of left menu image */
text-decoration: none;
color: white;
}
a.button1:hover{ /* Hover state CSS */
background: transparent url('images/button1_over.png') no-repeat top left;
display: block;
float: left;
font: normal 15px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 20px; /* Height of button background height */
padding-top: 10px;
width: 200px;
padding-left: 22px; /* Width of left menu image */
text-decoration: none;
color: #88ff88;
}
a:link.button1, a:visited.menubutton, a:active.menubutton{
color: #ffffff; /*button text color*/
}
a:hover.button1{
color: #aaffaa; /*button hover text color*/
}
div.button1{ /* Selected */
background: transparent url('images/button1_over.png') no-repeat top left;
display: block;
float: left;
font: normal 15px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 20px; /* Height of button background height */
padding-top: 10px;
width: 200px;
padding-left: 22px; /* Width of left menu image */
text-decoration: none;
color:white;
}

a.button2{
background: transparent url('images/button2.png') no-repeat top left;
display: block;
float: left;
font: normal 14px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 22px; /* Height of button background height */
padding-top: 8px;
width: 180px;
padding-left: 42px; /* Width of left menu image */
text-decoration: none;
}
a.button2:hover{ /* Hover state CSS */
background: transparent url('images/button2_over.png') no-repeat top left;
display: block;
float: left;
font: normal 14px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 22px; /* Height of button background height */
padding-top: 8px;
width: 180px;
padding-left: 42px; /* Width of left menu image */
text-decoration: none;
}
a:link.button2, a:visited.button2, a:active.button2{
color: #005500; /*button text color*/
}
a:hover.button2{
color: #338833; /*button hover text color*/
}
div.button2{ /* Selected */
background: transparent url('images/button2_over.png') no-repeat top left;
display: block;
float: left;
font: normal 14px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 22px; /* Height of button background height */
padding-top: 8px;
width: 180px;
padding-left: 42px; /* Width of left menu image */
text-decoration: none;
color: #005500;
}


span    {font-size:12px; line-height:150%; color:#303030; vertical-align: top }
.sup     {font-size:xx-small; vertical-align:top;}
.sub     {font-size:xx-small; vertical-align:bottom;}