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

body {
   
    margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(../images/bg_main.jpg);

}



.topnav {
  color: #FFFFFF;
  text-decoration: none;
  font-family:Verdana; 
  font-size: 12px;
  font-weight: none; 
  border-left: 1px #cccccc dotted;
  padding-left: 8px;
  padding-right: 8px;		
  

  } 

  .topnav A {
  text-decoration: none; 
  color: #FFFFFF;
   font-weight: none; 
   
  }
  .topnav A:link {
  text-decoration: none; 
  color: #FFFFFF;
   font-weight: none; 
   
  }
  .topnav A:visited {
  text-decoration: none; 
  color: #FFFFFF;
   font-weight: none; 
  }
  .topnav A:hover {
  text-decoration: none; 
  color: yellow;
   font-weight: none; 
  }



  } 

.subnav {
  color: #999999;
  text-decoration: none;
  font-family: arial; 
  font-size: 11px;
  } 

  .subnav A:link {
  text-decoration: none; 
  color: #CA4907;
   font-weight: none; 
   
  }
  .subnav A:visited {
  text-decoration: none; 
  color: #CA4907;
   font-weight: none; 
  }
  .subnav A:hover {
  text-decoration: none; 
  color: #000000;
   font-weight: none; 
  }



label{
font-family: verdana;
font-size: <?=FS?>px;
letter-spacing: 0px;
display:block;
}


/*    ul styles     */

li {

list-style-image: url(/images/diamond.gif);
list-style-position: outside;
padding-bottom:2px;
padding-left:4px;
line-height: 18px;
/* position:relative; */
/* left:-20px*/

} 

/*    ul styles     */



fieldset { 
border:1px solid #7F9DB9;
padding: 8px;
background-image: url(/images/bg_fieldset.jpg);
 }


.box {

border-right: #000000 1px solid;
border-left: #000000 1px solid;
border-top: #000000 1px solid;
border-bottom: #000000 1px solid;
}



.templateframe {


border-left: #39455A 1px solid;
border-bottom: #000 2px solid;
}

<?
$headercolshadow = hexDarker($headercol,$factor = 80);
$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: 11px;
}


.header A {
	text-decoration: underline; 
	color: #ffffff;
}

.header A:visited {
	text-decoration: underline; 
	color: #ffffff;
}
.header A:hover {
	text-decoration: underline; 
	color: yellow;
}



.oddrow {

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


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

}


.framewhite {
BORDER-bottom: #fff 1px solid;
BORDER-right: #fff 1px solid;
BORDER-left: #fff 1px solid;
BORDER-top: #fff 1px solid;
}

.framewhite2 {
BORDER-bottom: #fff 1px solid;
BORDER-right: #fff 1px solid;
BORDER-left: #fff 1px solid;

}

.maincontent {
padding-left: 12px ;
padding-right: 12px ;

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;

}


.rightbox1 {
font-family: arial;
font-size: 11px;
background color: #507F8C;
color: #fff;
padding: 8px;
}


.rightbox1 A {
	text-decoration: underline; 
	color: #fff;
}

.rightbox1 A:visited {
	text-decoration: underline; 
	color: #fff;
}
.rightbox1 A:hover {
	text-decoration: underline; 
	color: yellow;
}



.rightbox1b {
font-family: arial;
font-size: 11px;
background color: #507F8C;
color: #fff;
padding-left: 8px;
padding-right: 8px;
padding-bottom: 8px;
}

.rightbox1b A {
	text-decoration: underline; 
	color: #fff;
}

.rightbox1b A:visited {
	text-decoration: underline; 

}
.rightbox1b A:hover {
	text-decoration: underline; 
	color: yellow;
}



.rightbox2 {
font-family: arial;
font-size: 11px;
background color: #6BA3B4;
color: #fff;
padding: 8px;
BORDER-TOP: #fff 1px solid;
BORDER-bottom: #fff 1px solid;
}



.rightbox2 A {
	text-decoration: underline; 
	color: #fff;
}

.rightbox2 A:visited {
	text-decoration: underline; 
	color: #fff;
}
.rightbox2 A:hover {
	text-decoration: underline; 
	color: yellow;
}


.border_bottom{
padding-bottom: 8px;
border-bottom: #39455A 1px dotted;
}






h2{
font-size: 16px;
	font-weight: bold;
 position:relative; 
 bottom:-16px;
 top:16px;
}
	
	.pagetitle {
	font-size: 20px;
	font-family: arial;
	font-weight: bold;
	color: #284D77;
	text-transform: none;
	letter-spacing: px;
	} 
	
	
.title {
	font-size: 16px;
	font-weight: bold;
	color: #284D77;
	} 

.subtitle {
        color: purple;
	font-size: 14px;
	font-weight: bold;
}

.leftnav {
	font: 11px arial; 
	color: #39455A; 
	text-indent: 5px; 
	text-decoration: none; 
	list-style-image: url(/images/bg_left_nav);
	BORDER-BOTTOM: #39455A 1px solid;
	font-weight: bold;
	padding-left: 5px ;
    padding-right: 5px ;
    padding-bottom: 5px ;
    padding-top: 5px ;
	
}
.leftnav A {
	text-decoration: none; 
	color: #39455A;
}

.leftnav A:visited {
	text-decoration: none; 
	color: #39455A;
}
.leftnav A:hover {
	text-decoration: none; 
	color: maroon;
}

.leftnavsub {
	font: 10px arial; 
	color: #666666; 
	text-indent: 12px; 
	text-decoration: none; 
	list-style-image: url(/images/bg_left_nav);
	BORDER-BOTTOM: #39455A 1px dotted;
	font-weight: bold;
	padding-left: 5px ;
    padding-right: 5px ;
    padding-bottom: 5px ;
    padding-top: 5px ;
	text-transform: none;
}
.leftnavsub A {
	text-decoration: none; 
	color: #000066;
}

.leftnavsub A:visited {
	text-decoration: none; 
	color: #000066;
}
.leftnavsub A:hover {
	text-decoration: none; 
	color: #444444;
}

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


.indexborder{
	border-left: 1px solid #fff;
	border-right: 5px solid #fff;
}

.divider 
{
font-family: arial;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
padding: 10px;
background color: #274369;
text-transform: uppercase;
border-top: 1px solid #fff;
}	

.infobox{
padding:12px 4px 0px;
font-family: arial;
color: #ffffff;	
font-size: 11px;
line-height: 16px;
}

.infoboxleft{
font-family: arial;
font-size: 11px;
padding: 11px;
line-height: 15px;
}

.infoboxright{
font-family: arial;
font-size: 11px;
padding: 11px;
line-height: 15px;

}

.copyrighta {
	font-family: arial;
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	background color: #273E8E;
	}	

.copyright {
	font-family: arial;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	background color: #273E8E;
	}	
	

.copyright A {
	text-decoration: underline; 
	color: #ffffff;
}


.copyright A:visited {
	text-decoration: underline; 
	color: #ffffff;
}
.copyright A:hover {
	text-decoration: none; 
	color: yellow;
}




.copyright2 {
	font-family: arial;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	padding: 14px;
	background color: #273E8E;
	}	
	

.copyright2 A {
	text-decoration: underline; 
	color: #ffffff;
}


.copyright2 A:visited {
	text-decoration: underline; 
	color: #ffffff;
}
.copyright2 A:hover {
	text-decoration: none; 
	color: yellow;
}


/* Style for Company Name */
.coname  {
	color: #000099;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/* style for Case Studies title */
.title101 {
	font-size: 16px;
	font-weight: bold;
	color: #284D77;
	
	} 

.clients {
     font-size: 11px;
	 line-height: 15px;
}


.clients A {
	text-decoration: underline; 
	color: #3B6CA6;
}

.clients A:visited {
	text-decoration: underline; 
	color: #3B6CA6;
}
.clients A:hover {
	text-decoration: underline; 
	color: maroon;
}

.source_info {margin-bottom:3px;border-bottom:1px solid #ccc;}

.source_info table {width:100%;border:none;}

.source_info table td {padding:3px;}



.source_labels {margin-bottom:10px;border-bottom:2px solid #ccc;}

.source_labels table {width:100%;border:none;}

.source_labels table td {padding:3px;font-weight:bold;}


.source_details {width:100%;border:none;}

.source_details td {padding:3px 3px 10px;}

.activity_form p {margin-bottom:0px;}

.activity_form div {margin-bottom:8px;margin-top:22px;}