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

body {
   
    margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #1D268D;
	
}


alt{
background-color: red;
}



A:link {
  text-decoration: none; 
  color: #C23929;
   font-weight: none; 


   
  }
A:visited {
  text-decoration: none; 
   font-weight: none; 
     color: #C23929;
 
  }
A:hover {
  text-decoration: none; 
  color: #000000;
   font-weight: none; 

  }


b{
 font-family: arial;
	font-size: 15px;   
}




.topnav {
  color: #555555;
  text-decoration: none;
  font-family: Arial; 
  font-size: 11px;


  }
  .topnav A:link {
  text-decoration: none; 
  color: #000000;
   font-weight: bold; 
   
  }
  .topnav A:visited {
  text-decoration: none; 
  color: #000000;
   font-weight: bold; 
  }
  .topnav A:hover {
  text-decoration: none; 
  color: #C23929;
   font-weight: bold; 
  }




.topnav2 {
  color: #FFFFFF;
  text-decoration: none;
  font-family: Arial; 
  font-size: 12px;
  font-weight: bold;  
  padding-right: 0px;
  padding-left: 12px;
  

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




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



.listlink {

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

} 

/*    ul styles     */

li {

list-style-image: url(/images/arrow2.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-right: #000 1px solid;
border-left: #000 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: 10px;

}

.oddrow {

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


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

}



.framepic {
BORDER-bottom: #C9DDEC 1px solid;
BORDER-right: #C9DDEC 1px solid;
BORDER-left: #C9DDEC 1px solid;
BORDER-top: #C9DDEC 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-right: 8px ;
padding-left: 40px ;
padding-bottom: 4px ;
padding-top: 15px ;

}


.menucontent {

BORDER-right: #8A8A8A 1px solid;
BORDER-left: #8A8A8A 1px solid;

}


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



h1{
	font-size: 18px;
	font-weight: bold;
	color: #284D77;
}


h2{
font-size: 16px;
	font-weight: bold;
 position:relative; 
 bottom:-16px;
 top:16px;
}
	
	.pagetitle {
	font-size: 16px;
	font-family: arial;
	font-weight: none;
	color: #ffffff;
	padding: 8px;		
	border-bottom: 1px #000000 solid;
		background-image: url(/images/bg_pagetitle.jpg);	
	} 
	
	
.title {
	font-size: 18px;
	font-weight: bold;
	color: #284D77;
	} 

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

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

.leftnav A:visited {
	text-decoration: none; 
	color: #ffffff;
}
.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: 14px;
	background color: #274369;
	text-transform: uppercase;
	border-top: 1px solid #fff;
	}	


.welcome{
font-family: verdana;
font-size: 16px;
font-weight: bold;
color: #ffffff;
padding: 12px;
line-height: 22px;
background-color: #1D268D;
}



.info{
font-family: verdana;
font-size: 12px;
font-weight: bold;
color: #ffffff;
padding: 8px;
line-height: 18px;
background-color: #C23929;
}


.infobox {
	font-family: arial;
	color: #000;
	font-size: 12px;
	
	margin-top: 5px;
	border-bottom: 1px dotted #999;
	padding: 14px;
	}	
	
.infobox A {
	text-decoration: underline; 
	color: darkblue;
}

.infobox A:visited {
	text-decoration: underline; 
	color: darkblue;
}
.infobox A:hover {
	text-decoration: underline; 
	color: maroon;
}



.infobox2 {
	font-family: arial;
	font-weight: bold;
	color: #EF9801;
	font-size: 14px;
	line-height: 11px;
	margin-top: 5px;
	border-right: 1px dotted #999;
		border-bottom: 1px dotted #999;
	padding: 14px;
	}	
	
.infobox A {
	text-decoration: underline; 
	color: darkblue;
}

.infobox A:visited {
	text-decoration: underline; 
	color: darkblue;
}
.infobox A:hover {
	text-decoration: underline; 
	color: maroon;
}



.infobox3 {
	font-family: arial;
	font-weight: none;
	color: #000000;
	font-size: 12px;		
	}

.infobox3 A {
	text-decoration: underline; 
	color: 1D268D;
		font-size: 14px;
		font-weight: bold;
		
}

.infobox3 A:visited {
	text-decoration: none; 
	color: 1D268D;
}
.infobox3 A:hover {
	text-decoration: none; 
	color: orange;
}


.reglink {
	font-family: arial;
	font-weight: none;
	color: #000000;
	font-size: 100px;		
	}

.reglink A {
	text-decoration: underline; 
	color: 1D268D;
		font-size: 13px;
		
		
}

.reglink A:visited {
	text-decoration: underline; 
	color: 1D268D;
}
.reglink A:hover {
	text-decoration: underline; 
	color: orange;
}












.link1 {
	font-family: arial;
	font-weight: bold;
	color: #0000ff;
	font-size: 13px;
		}

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

.link1 A:visited {
	text-decoration: underline; 
	color: yellow;
}
.link1 A:hover {
	text-decoration: underline; 
	color: orange;
}

.link2 {
	font-family: arial;
	font-weight: bold;
	color: #1D268D;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom: 1px #ffffff solid;
		}

.link2 A {
	text-decoration: none; 
	color: #1D268D;
}

.link2 A:visited {
	text-decoration: none; 
	color: #1D268D;
}
.link2 A:hover {
	text-decoration: none; 
	color: orange;
}





.link2_noborder {
	font-family: arial;
	font-weight: bold;
	color: #1D268D;
	font-size: 12px;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	
		}

.link2_noborder A {
	text-decoration: none; 
	color: #1D268D;
}

.link2_noborder A:visited {
	text-decoration: none; 
	color: #1D268D;
}
.link2_noborder A:hover {
	text-decoration: none; 
	color: orange;
}


.highlight {
font-size: 14px;
padding-left: 77px;
padding-right: 77px;
padding-bottom: 21px;
padding-top: 21px;
color: #000000;
text-align: center;

}


.highlight_title {
font-family: arial;
letter-spacing: -1px;
font-size: 18px;
font-weight: bold;
padding-top: 21px;
padding-bottom: 10px;
padding-left: 25px;
padding-right: 25px;
color: #000072;
text-align: center;

}



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

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


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

.borderleft {
border-left: 1px #C9DDEC solid;
}

.bordertop {

BORDER-top: 1px #C9DDEC solid;
}
.bordertop2 {

BORDER-top: 1px #1D268D solid;
}