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

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



.sm {
 font-family: verdana;
	font-size: 9px;
	color:#FFFFFF;
	
    
	} 


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

$darkertone = hexDarker($headercol,$factor = 50);


?>

.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;
}

.header A {
	text-decoration: none; 
	color: #FFFFFF;
	font-weight: bold; 
}
.header A:link {
	text-decoration: none; 
	color: #FFFFFF;
	font-weight: bold; 
}
.header A:visited {
	text-decoration: none; 
	color: #FFFFFF;
	font-weight: bold; 
}
.header A:hover {
	text-decoration: none; 
	color: #FC0;
	font-weight: bold; 
}


.topnav {
  color: #FFFFFF;
  text-decoration: none;
  font-family: Verdana; 
  font-size: 10px;
  font-weight: bold;
  word-spacing: 0px;

  } 

  .topnav A {
  text-decoration: none; 
  color: white;
  }
  .topnav A:link {
  text-decoration: none; 
  color: white;
  }
  .topnav A:visited {
  text-decoration: none; 
  color: white;
  }
  .topnav A:hover {
  text-decoration: none; 
  color: yellow;
  }

/* Form Button Style */

.button{
	font: 10px  arial; 
	color: #000000; 
	BORDER-BOTTOM: #000000 1px solid;
	BORDER-TOP: #FFFFFF 1px solid;
	BORDER-RIGHT: #000000 1px solid;
	BORDER-LEFT: #FFFFFF 1px solid;
	background-color: #C0C0C0;
	padding-left: 4px ;
    padding-right: 4px ;
    padding-bottom: 2px ;
    padding-top: 2px ;

}

/* End Form Button Style */

.oddrow {

    BACKGROUND: #<?=$oddrowcolor;?>;
    font-size: 10px;
    BORDER-BOTTOM: #000000 1px solid;
}


.evenrow
{
    BACKGROUND: #<?=$evenrowcolor;?>;
    font-size: 10px; 
    BORDER-BOTTOM: #000000 1px solid;

}

.alert
{

color:red ;
}


.formdesc {
    text-align:right;
    FONT-WEIGHT: bold;
    BORDER-BOTTOM: #000000 1px solid;
    color:<?=$headercol;?>;

}

.forminput {
    FONT-WEIGHT: bold;
    BORDER-BOTTOM: #000000 1px solid;
}

.formtable {
    FONT-WEIGHT: bold;
    BORDER-BOTTOM: #000000 1px solid;
    BACKGROUND: #<?=$headercolhilight;?>;
    BORDER-BOTTOM: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
}



.bottombox {
    font-family: verdana;
	font-size: 11px;
	color: #FFFFFF;
	
    BORDER-BOTTOM: #000000 1px solid;
    BACKGROUND: #3A88DB;
     BORDER-RIGHT: #FFFFFF 1px solid;
    BORDER-TOP: #FFFFFF 1px solid;
	padding-left: 7px ;
padding-top: 5px ;
padding-right: 7px ;
padding-bottom: 5px ;
}




.bottomboxtext {
    font-family: verdana;
	font-size: 11px;
	color: #FFFFFF;	
}

.maincontent {
padding-left: 7px ;
padding-top: 7px ;
padding-right: 7px ;
padding-bottom: 7px ;
background-color:#FFFFFF;
}

.indexcontent {
 font-family: verdana;
	font-size: 11px;
	color:#000000 ; 
padding-left: 5px ;
padding-right: 5px ;
background-color:#FFFFFF;

}

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

}


.frame {
BORDER-BOTTOM: #FFFFFF 1px solid;
BORDER-LEFT: #FFFFFF 1px solid;
BORDER-RIGHT: #FFFFFF 1px solid;
BORDER-TOP: #FFFFFF 1px solid;

}



.frameright {
BORDER-RIGHT: #3A88DB 1px solid;

}

.frame2 {
BORDER-BOTTOM: #60509F 1px solid;
BORDER-LEFT: #60509F 1px solid;
BORDER-RIGHT: #60509F 1px solid;
BORDER-TOP: #60509F 1px solid;

}


.frametemplate {
BORDER-BOTTOM: #cccccc 1px solid;
BORDER-LEFT: #cccccc 1px solid;
BORDER-RIGHT: #cccccc 1px solid;


}

.caption {
 font-family: verdana;
	font-size: 9px;
    
	} 

	
.title {
    color: <?=$headercol;?>;
	font: 16px verdana;
	font-weight: bold;
	} 

.subtitle {
        color:<?=$subcolor;?>;
	font-size: 12px;
	font-weight: bold;
}





.title2  {
	font-family: Verdana;
	font-size: 16px;
	font-weight: bold;
	color:#FFFFFF;
	font-variant:small-caps;	
	letter-spacing: -1px;
	}


.leftnav {
 background-color: #263E7C;
 BORDER-right: #FFFFFF 1px solid;

}


.navtitle {
        color:#FFFFFF;
	font-size: 10px;
	font-weight: bold;
	
	 BORDER-bottom: #FFFFFF 1px solid;
	  background-color: #3889DB;
	  text-transform: uppercase;
	  padding-top: 3px;
	  padding-bottom: 3px;
	    padding-left: 3px;
	  padding-right: 3px;
}

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

.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: #<?=$darkertone?>;
	padding-left: 5px ;
    padding-right: 5px ;
    padding-bottom: 8px ;
    padding-top: 8px ;
    font-weight: bold;

}

.navbar {
	font: 10px verdana; 
	color: #FFFFFF; 
	text-transform: uppercase;
	
	text-decoration: none; 
	BORDER-BOTTOM: #FFFFFF 1px solid;
	
	padding-left: 2px ;
    padding-right: 2px ;
    padding-bottom: 2px ;
    padding-top: 2px ;
    font-weight: bold;
}
.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: #FAD971;
}






.mainnav {
	background-color: #000099;
}


.copyright {
	font-family: verdana, arial, sans-serif;
	color: #FFFFFF;
	font-size: 9px;
	}	
	

.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;
}

.box {
	font: 14px verdana; 
	color: #345290;	
	font-weight: bold;
	line-height: 18px;	
	padding-left: 8px ;
    padding-right: 8px ;
    padding-bottom: 8px ;
    padding-top: 8px ;
    

}

.box2 {
	font: 10px verdana; 
	color: #FFFFFF;		
	line-height: 15px;
	BORDER-BOTTOM: #FFFFFF 1px solid;
	BORDER-TOP: #FFFFFF 1px solid;
	BORDER-RIGHT: #FFFFFF 1px solid;
	BORDER-LEFT: #FFFFFF 1px solid;
	background-color: #345290;
	padding-left: 8px ;
    padding-right: 8px ;
    padding-bottom: 8px ;
    padding-top: 8px ;
    

}

.caps {
 font-family: verdana;
	font-size: 12px;
	text-transform:uppercase;
	color:#0099CC;
    
	} 
	
	/* Table Cell BG Color Rollover Styles */
	
	
	.cellroll  { 
text-decoration: none; 
display: block; 
width: 100%; 
color: blue; 
background-color: green;
text-indent: 10px; 
} 

.cellroll a:link { 
text-decoration: none; 
display: block; 
width: 100%; 
color: #FFFFFF; 
text-indent: 10px; 
} 
.cellroll a:visited { 
text-decoration: none; 
color: #FFFFFF; 
text-indent: 10px; 
display: block; 
} 
.cellroll a:hover { 
text-decoration: none; 
background-color: #FF6633; 
display: block; 
width: 100%; 
text-indent: 10px; 
/*    
background-image: url(/images/.jpg);
background-repeat: repeat;
background-position: absolute; 
 */
} 


#counter{
	width:150px;
	background-image:url(/images/bodycount.jpg);
	background-repeat:repeat-x;
	color:#FFFFFF;
	}
	#counter img{
		display:block;
		height:20px;
		}
	#counter h4, #counter p{
		border-left:1px solid #FFFFFF;
		border-right:1px solid #FFFFFF;
		margin:0px;
		padding:0 5px 0 5px;
		}
	#counter h4{
		font-size:18px;
		font-weight:bold;
		}

.counterlink {
	font: 10px verdana; 
	color: #FFFFFF; 
		
	text-decoration: none; 
}
.counterlink A {
	text-decoration: none; 
	color: #FFFFFF;
}
.counterlink A:link {
	text-decoration: none; 
	color: #FFFFFF;
}
.counterlink A:visited {
	text-decoration: none; 
	color: #FFFFFF;
}
.counterlink A:hover {
	text-decoration: none; 
	color: #FAD971;
}









	/* End Table Cell BG Color Rollover Styles */