td {
 font-family: arial;
	font-size: 12px;    
	} 


.indbody {
 font-family: arial;
	font-size: 11px;    
	} 

body {
   
    margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	BACKGROUND: white;
}


<?
$headercolshadow = hexDarker($headercol,$factor = 70);
$headercolhilight = hexLighter($headercol,$factor = 80);

?>

.header {
   
    BACKGROUND: #<?=$headercol;?>;
    BORDER-BOTTOM: #<?=$headercolshadow;?> 1px solid;
    BORDER-LEFT: #<?=$headercolhilight;?> 1px solid;
    BORDER-RIGHT: #<?=$headercolshadow;?> 1px solid;
    BORDER-TOP: #<?=$headercolhilight;?> 1px solid;
    
    color: yellow;
    text-align:center;
    FONT-WEIGHT: bold;
    font-size: 10px;

}



.imgbox {
    BORDER-BOTTOM: #89587F 1px solid;
	BORDER-top: #89587F 1px solid;
	BORDER-right: #89587F 1px solid;
	BORDER-left: #89587F 1px solid;
}


.oddrow {

    BACKGROUND: #cde1e1;
   
    BORDER-BOTTOM: #000000 1px solid;
}


.evenrow
{
    BACKGROUND: #cdcde8;
   
    BORDER-BOTTOM: #000000 1px solid;

}

.maincontent {
padding-left: 15px ;
padding-top: 15px ;
padding-right: 15px ;
padding-bottom: 15px ;
}

.black_border {
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #000000 1px solid;
BORDER-RIGHT: #000000 1px solid;
BORDER-TOP: #000000 1px solid;

}
	
.title {
	font: 16px verdana; 
	font-weight:bold;
	color: #89587F;
	} 

.subtitle {
        font: 14px verdana; 
	font-weight:bold;
	color: #89587F;
	} 
	
.title2 {
	font: 14px verdana; 
	font-weight:bold;
	color: #000000;
	} 	

.leftnav {
 background-color: #000000;

}

.line_below
{
BORDER-BOTTOM: #000000 1px solid;

}

.navbarheader {
	font: 14px arial; 
	color: gold;
	text-indent: 5px; 
	text-decoration: none; 
	BORDER-BOTTOM: #000000 1px solid;
	BORDER-TOP: #000000 1px solid;
	background-color: #000000;
	padding-left: 5px ;
    padding-right: 5px ;
    padding-bottom: 8px ;
    padding-top: 8px ;
    font-weight: bold;

}

.navbar {
	font: 10px verdana, arial, sans-serif; 
	color: #FFFFFF; 
	text-indent: 15px; 
	text-decoration: none; 
	BORDER-BOTTOM: #000000 1px solid;
	background-color: #000099;
	padding-left: 5px ;
    padding-right: 5px ;
    padding-bottom: 5px ;
    padding-top: 5px ;
}
.navbar A {
	text-decoration: none; 
	color: #FFFFFF;
}
.navbar A:link {
	text-decoration: none; 
	color: #FFFFFF;
}
.navbar A:visited {
	text-decoration: none; 
	color: #FFFFFF;
}
.navbar A:hover {
	text-decoration: none; 
	color: gold;
}

.mainnav {
	background-color: #000099;
}


.copyright {
	font-family: verdana;
	color: #FFFFFF;
	font-size: 10px;
	}	
	

.copyright A {
	text-decoration: none; 
	color: #FFFFFF;
}
.copyright A:link {
	text-decoration: none; 
	color: #FFFFFF;
}
.copyright A:visited {
	text-decoration: none; 
	color: #FFFFFF;
}
.copyright A:hover {
	text-decoration: none; 
	color: gold;
}


/* Style for Table Cell Rollovers Below */

.celloff 
{ 
   BACKGROUND-COLOR: none; 
    color:#FFFFFF;
	font: 12px verdana;
	font-weight: bold;
	BORDER-TOP: #FFFFFF 2px solid;
	BORDER-BOTTOM: #FFFFFF 2px solid;
	BORDER-RIGHT: #FFFFFF 2px solid;
	BORDER-LEFT: #FFFFFF 2px solid;
	
} 
.cellon 
{ 
   BACKGROUND-COLOR: #A6819F; 
    color:#FFFFFF;
	font: 12px verdana;
	font-weight: bold;
	BORDER-TOP: #FFFFFF 2px solid;
	BORDER-BOTTOM: #FFFFFF 2px solid;
	BORDER-RIGHT: #FFFFFF 2px solid;
	BORDER-LEFT: #FFFFFF 2px solid;
} 

.cellon A {
	text-decoration: none; 
	color:#FFFFFF;
	font: 12px verdana;
	font-weight: bold;
	
}
.cellon A:link {
	text-decoration: none; 
	color: #FFFFFF;
}
.cellon A:visited {
	text-decoration: none; 
	color: #FFFFFF;
}
.cellon A:hover {
	text-decoration: none; 
	color: #E1D4DE;
}

.celloff A {
	text-decoration: none; 
	color: #FFFFFF;
}
.celloff A:link {
	text-decoration: none; 
	color: #FFFFFF;
}
.celloff A:visited {
	text-decoration: none; 
	color: #FFFFFF;
}
.celloff A:hover {
	text-decoration: none; 
	color: #E1D4DE;
}

/* END Style for Table Cell Rollovers Below */