td {
 font-family: arial;
	font-size: 13px;
	color: #999999;


    
	} 

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

A:link {
	text-decoration: underline; 
	color: blue;
}
A:visited {
	text-decoration: underline; 
	color: blue;
}
A:hover {
	text-decoration: underline; 
	color: #000;
}

H1{
 font-family: arial;
	font-size: 22px;
	color: #949599;
	font-weight: bold;
	text-transform: none;
  
	} 


.bucket{
 font-family: arial;
	line-height: 19px;
padding: 19px;
	} 
	
	
	
.buckets{
 font-family: arial;
	line-height: 19px;
padding: 10px;
	font-size: 12px;
	} 	
	
.bucket2{
 font-family: arial;
	line-height: 14px;
padding: 17px;
	font-size: 11px;
	} 
	


  .bucket2 A {
  text-decoration: underline; 
  color: #0A71B6;
  }
  .bucket2 A:link {
  text-decoration: underline; 
  color: #0A71B6;
  }
  .bucket2 A:visited {
  text-decoration: underline; 
  color: #0A71B6;
  }
  .bucket2 A:hover {
  text-decoration: none; 
  color: #000	;
  }
	
	
	
.bucket_top{
 font-family: arial;

padding-left: 17px;
	}		
	

.news_text{
 font-family: arial;
line-height: 28px
font-size: 15px;
	} 
	
.news_title{
 font-family: arial;
	font-size: 17px;
	color: #808080;
	font-weight: bold;
 
	} 	

.heading1{
 font-family: arial;
	font-size: 14px;
	color: #555555;
	line-height: 21px;

	} 



ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 17px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #ccccc	;
text-decoration: none;
text-indent: 2px;
list-style-position: outside;
list-style-image: url(arrow.gif);
list-style-type: square;
padding: 4px;
margin-left: 12px;
}


.survey_border {

BORDER-BOTTOM: #cccccc 1px solid;
}



.portfolio_text {
color: #555;
font-size: 9px;
line-height: 14px;
}

.testimonials {
color: #fff;
font-size: 9px;
line-height: 14px;
}

  .testimonials A {
  text-decoration: underline; 
  color: white;
  }
  .testimonials A:link {
  text-decoration: underline; 
  color: white;
  }
  .testimonials A:visited {
  text-decoration: underline; 
  color: white;
  }
  .testimonials A:hover {
  text-decoration: none; 
  color: #cccccc	;
  }



.testimonials77 {
color: #555;
font-size: 12px;
line-height: 17px;
}



.portfolio {
color: #555;
font-size: 9px;
line-height: 14px;
padding: 7px;
}





.homebox{
padding: 8px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.homebox2{
padding: 8px;
border-right: 1px solid #ccc;
}

.homebox3{
padding: 8px;
border-bottom: 1px solid #ccc;
}


.welcome {
	font-family: arial;
	color: #fff;
	font-size: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 8px;
	padding-left: 8px;
	}	
	

.welcome A {
	text-decoration: none; 
	color: #FFFF00;
}
.welcome A:link {
	text-decoration: none; 
	color: #FFFF00;
}
.welcome A:visited {
	text-decoration: none; 
	color: #FFFF00;
}
.welcome A:hover {
	text-decoration: none; 
	color: orange;
}


.icons {
	font-family: arial;
	color: #000;
	font-size: 11px;
	padding: 12px;
	}	
	

.icons A {
	text-decoration: underline; 
		font-weight: bold;
	color: #026435;

}
.icons A:link {
		text-decoration: underline; 
		font-weight: bold; 
	color: #026435;
}
.icons A:visited {
		text-decoration: underline; 
		font-weight: bold;
	color: #026435;
}
.icons A:hover {
		text-decoration: underline; 
		font-weight: bold;
	color: orange;
}

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


$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: #0F76BB;
  text-decoration: none;
  font-family: arial; 
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 2px;
      font-size: 12px;
	  

  } 

 
  .topnav A:link {
  text-decoration: none; 
    font-weight: bold;
  color: #0F76BB;
    font-size: 12px;
  }
  .topnav A:visited {
  text-decoration: none;
    font-weight: bold;
  color: #0F76BB;
      font-size: 12px;
  }
  .topnav A:hover {
  text-decoration: none; 
    font-weight: bold;
  color: #000;
      font-size: 12px;
  }



.toptopnav {
  color: #6CA1C7;
  text-decoration: none;
  font-family: arial; 
  font-size: 10px;
  font-weight: none;
  text-transform: uppercase;
  padding-left: 2px;

  } 

 
  .toptopnav A:link {
  text-decoration: none; 
  color: #9D9F9F;
  }
  .toptopnav A:visited {
  text-decoration: none; 
  color: #9D9F9F;
  }
  .toptopnav A:hover {
  text-decoration: none; 
  color: #cccccc;
  font-weight: bold;
  }




.topnav2 {
  color: #000000;
  text-decoration: none;
  font-family: Verdana; 
  font-size: 10px;
  font-weight: bold;
  word-spacing: 0px;
  text-transform: uppercase;

  } 

  .topnav2 A {
  text-decoration: none; 
  color: 000000;
  }
  .topnav2 A:link {
  text-decoration: none; 
  color: 000000;
  }
  .topnav2 A:visited {
  text-decoration: none; 
  color: 000000;
  }
  .topnav2 A:hover {
  text-decoration: none; 
  color: red;
  }





.names {
  color: #FFFFFF;
  text-decoration: none;
  font-family: arial; 
  font-size: 12px;
  font-weight: bold;
  word-spacing: 0px;
  text-transform: none;

  } 

  .names A {
  text-decoration: none; 
  color: white;
  }
  .names A:link {
  text-decoration: none; 
  color: white;
  }
  .names A:visited {
  text-decoration: none; 
  color: white;
  }
  .names A:hover {
  text-decoration: none; 
  color: #cccccc;
  }





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

}

.bluem {
    text-align:right;
    FONT-WEIGHT: bold;
    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;
}

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

	
	
}


 .infobox A {
  text-decoration: underline; 
  color: #0A71B6;
  }
  .infobox A:link {
  text-decoration: underline; 
  color: #0A71B6;
  }
  .infobox A:visited {
  text-decoration: underline; 
  color: #0A71B6;
  }
  .infobox A:hover {
  text-decoration: underline; 
  color: #000;
  }


.infobox3 {
    color: #000000;
  font-family: Verdana; 
  font-size: 11px;
  padding-left: 1px ;
  padding-top: 1px ;
  padding-right: 1px ;
  padding-bottom: 1px ;
  BORDER-BOTTOM: #CCCCCC 1px solid;
    BORDER-LEFT: #CCCCCC 1px solid;
    BORDER-RIGHT: #CCCCCC 1px solid;
    BORDER-TOP: #CCCCCC 1px solid;
	
	
}



.orangebox {
  color: #000000;
  font-family: Verdana; 
  font-size: 12px;
padding-left: 15px ;
padding-right: 15px ;
padding-bottom: 15px ;
line-height:18px;
}


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




.featured {
  color: #FFFFFF;
  font-family: Verdana; 
  font-size: 11px;
padding-left: 2px ;
padding-right: 2px ;
padding-bottom: 2px ;
line-height:15px;
}


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



.maincontent {
padding-left: 14px ;
padding-top: 0px ;
padding-right: 14px ;
padding-bottom: 6px ;




}

.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: #026435 1px solid;
BORDER-LEFT: #026435 1px solid;
BORDER-RIGHT: #026435 1px solid;
BORDER-TOP: #026435 1px solid;

}

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

}



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

}


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


}

H3 {

 font-family: arial;
	font-size: 12px;  
	color: #0F76BB;
	font-weight:bold;
	line-height: 0pt;
}

.caption2 {
 font-family: verdana;
	font-size: 11px;    
	} 

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

.caption_heading {
 font-family: verdana;
	font-size: 11px;
	color: #B7A660;
	font-style: italic;
    
	} 


.link-title {
    color: #FFD2BA;
	font: 16px verdana;
	font-weight: bold;
} 
	
.link-subtitle {
        color:<?=$subcolor;?>;
		font-family: verdana;
	font-size: 13px;
	font-weight: bold;
}
.link-catdesc {
        color:<?=$subcolor;?>;
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
}

.link-desc {
        color:white;
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
}

	
.title {
    color: #000;
	font: 18px arial;
	font-weight: bold;
	} 

.titleb {
    color: #000000;
	font: 14px verdana;
	font-weight: bold;
	} 

.title2 {
    color: #FFFFFF;
	font: 16px verdana;
	font-weight: bold;
	} 

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

.indextitle	 {
    color: #B83A3D;
	font: 14px verdana;
	font-weight: bold;
	} 

.leftnav {
 background-color: #<?=$headercol;?>;

}

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


}




.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: 13px verdana; 
	color: #FFFFFF; 
	
	text-decoration: none; 
	BORDER-BOTTOM: #CCCCCC 1px solid;
	background-color: #<?=$headercol;?>;
	padding-left: 10px ;
    padding-right: px ;
    padding-bottom: 5px ;
    padding-top: 5px ;
    font-weight: bold;
}
.navbar A {
	text-decoration: none; 
	color: #FAD971;
}
.navbar A:link {
	text-decoration: none; 
	color: #FAD971;
}
.navbar A:visited {
	text-decoration: none; 
	color: #FAD971;
}
.navbar A:hover {
	text-decoration: none; 
	color: #FFFFFF;
}

.mainnav {
	background-color: #000099;
}



	
.onwhite {
    color: #345290;
	font: 12px verdana;
		} 

.adminnav {
	font: 11px verdana; 
	color: blue; 
	font-weight: bold
}
.adminnav A {
	text-decoration: underline; 
	color: blue;
}
.adminnav A:link {
	text-decoration: underline; 
	color: blue;
}
.adminnav A:visited {
	text-decoration: underline; 
	color: blue;
}
.adminnav A:hover {
	text-decoration: underline; 
	color: red;
}



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

.copyright A {
	text-decoration: underline; 
	color: #1669A6;
}
.copyright A:link {
	text-decoration: underline; 
	color: #1669A6;
}
.copyright A:visited {
	text-decoration: underline; 
	color: #1669A6;
}
.copyright A:hover {
	text-decoration: underline; 
	color: #000000;
}







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

.copyright2 A {
	text-decoration: underline; 
	color: #fff;
}
.copyright2 A:link {
	text-decoration: underline; 
	color: #fff;
}
.copyright2 A:visited {
	text-decoration: underline; 
	color: #fff;
}
.copyright2 A:hover {
	text-decoration: underline; 
	color: #000;
}




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

}

.box2 {
	font: 12px verdana; 
	color: #020167;		
	font-weight: bold;
	line-height: 15px;	
	background-color: #E4E4E4;
	padding-left: 8px ;
    padding-right: 8px ;
    padding-bottom: 8px ;
    padding-top: 8px ;
	BORDER-BOTTOM: #CCCCCC 1px solid;
	BORDER-TOP: #CCCCCC 1px solid;
	BORDER-RIGHT: #CCCCCC 1px solid;
	BORDER-LEFT: #CCCCCC 1px solid;
    

}

.box3 {
	font: 12px verdana; 
	color: #020167;		
	font-weight: bold;
	line-height: 15px;	
	padding-left: 1px ;
    padding-right: 1px ;
    padding-bottom: 1px ;
    padding-top: 1px ;
	BORDER-BOTTOM: #CCCCCC 1px solid;
	BORDER-TOP: #CCCCCC 1px solid;
	BORDER-RIGHT: #CCCCCC 1px solid;
	BORDER-LEFT: #CCCCCC 1px solid;
    

}