html, body {
        height:auto !important; /* FF and compliant browsers should automatically size the body/html */
        height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */
        min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
}

#purple	{
			 position: absolute;
			 min-height: 100%;
			 height: 100%;
			 width: 100%;
			 background-color: #660099;
			 opacity:0.15;
			 filter:alpha(opacity=15);
			 z-index: 2;
			 color: #ffffff;
			 padding: 0px 0px 0px 0px;
			}

#rest {
			 opacity:1;
			 filter:alpha(opacity=100); 
			 z-index: 1; 
			}

table.red        {width: 775px; height: 180px; padding: 0px; border-spacing: 0px; border-width: 0px}
td.red_top       {background-image: url('../images/red_top.png'); text-align: center; vertical-align: text-top; height: 60px; width: 775px}
td.red_mid       {background-image: url('../images/red_mid.png'); vertical-align: text-top; height: 60px; width: 775px}
td.red_bot		 {background-image: url('../images/red_bot.png'); height: 60px; width: 775px}
table.blue       {width: 395px; height: 60px; padding: 0px; border-spacing: 0px; border-width: 0px}
td.blue_top      {background-image: url('../images/blue_top.png'); text-align: center; vertical-align: center; height: 20px; width: 395px}
td.blue_top_1    {font-size: 10pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; text-align: center; vertical-align: center; height: 20px; width: 363px}
td.blue_mid      {font-size: 10pt; font-family: Arial, Helvetica, sans-serif; background-image: url('../images/blue_mid.jpg'); vertical-align: text-top; height: 20px; width: 395px}
td.blue_bot		 {background-image: url('../images/blue_bot.png'); height: 20px; width: 395px}
table.yellow     {width: 175px; height: 60px; padding: 0px; border-spacing: 0px; border-width: 0px}
td.yellow_top    {background-image: url('../images/yellow_top.png'); text-align: center; vertical-align: center; height: 20px; width: 175px}
td.yellow_top_1  {font-size: 10pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; vertical-align: center; height: 20px; width: 143px; color: #FFFFFF}
td.yellow_mid    {font-size: 10pt; font-family: Arial, Helvetica, sans-serif; background-image: url('../images/yellow_mid.jpg'); vertical-align: text-top; height: 20px; width: 175px}
td.yellow_bot	 {background-image: url('../images/yellow_bot.png'); height: 20px; width: 175px}
td.menu_title	 {width: 169px; height: 5px; background-image: url('../images/menu_title.jpg'); color: #FFFFFF; text-align: center; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold}
td.menu_option	 {width: 169px; height: 5px; color: #000000; text-align: center; font-size: 10pt; font-family: Arial, Helvetica, sans-serif}
td.menu_hover	 {width: 169px; height: 5px; color: #FFFFFF; text-align: center; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; background-image: url('../images/menu_hover.jpg')}
font.10			 {font-size: 10pt;}
font.8			 {font-size: 8pt;}
input.small		 {height: 9px; width: 9px;}
tr.news_out		 {font-size: 10pt; color: #000000;}
tr.news_over	 {font-size: 10pt; color: #FF0000;}

img, td			 {behavior: url('includes/iepngfix.htc'); }