body {
margin:0;
padding: 0;
background-color: #669999;
color: #000000;
font: 90% Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: left;
/*border-top: 2px solid #2A4F6F;*/
}

/*This defines how a HR line will be displayed */

hr 
{
clear: both;
border: none;
background-color: #006666;
color: #006666;
height: 2px;
width: 100%;}

h1 {
font: 150% Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #006666;
}

h2 {
font: 120% Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #006666;
}

.leader
{font: 90% Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
text-decoration: underline;
color: #006666;}

.smaller
{font: 80% Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
}

#wrapper {
position: relative;
text-align: left;
background-color: #FFFFFF;
width: 960px;
margin-top: 1em;
margin-right: auto;
margin-left: auto;
margin-bottom: 1em;
font: 100% Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;}

/*This defines how the header area will be displayed */

#header {
position:relative;
border-top: 2px solid #006666;
border-bottom: 2px solid #006666;
padding-left:10px;
padding-right:10px;
width:940px;
height:170px;
font: 100% Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;;
color: #778899;
}

#header .slogan {
font: 75% Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #006666;
background-color: transparent;
float: right;
width: 133px;
text-align:center;
margin-right: 1em;
/*padding-top: 1em;*/
}

#header .logo {
float: left;
width: 166px;
margin-left: 0em;
margin-top: 0.5em;
}


#header .middle {
float: left;
width: 580px;
height: 100px;
background:url(images/tpf2.jpg);
text-align: center;
font: 300% Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
background-color: #006666;
color: #FFFFFF	;
margin-left: 20px;
margin-top: 25px;
padding-top: 20px;
}

#headerback p{
font: 200% Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;;
font-weight:bold;
color: #ccccff;
text-align: center;
margin-top: 0px;
margin-left: 10px;
}

#jump_base {
  /*overflow-y:hidden;*/
  overflow:hidden;
  width: 115px;
  height: 109px;
  border: 2px solid #006666;
  margin-top: 28px;
  margin-right: 0px;
  padding: 0 10px 0 10px;
  font-size: 1.2em;
  font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#jump_base a {
color: #FFFFFF;
font-style: italic;
text-decoration: none;
  background-color: inherit;
}

.news {
  background-color: #006666;
  color: inherit;
}

/*End of header definition */

/* Define Top Navigation Bar Settings */

#navigationtop {
	font-size: 120%; 
	font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-indent: 185px;
	margin-top: 20px;
	margin-bottom: 30px;}

#navigationtop li 
{
display: inline;
}

#navigationtop a:link, #navigationtop a:visited {
	font-size: 80% ;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0.4em 1em 0.4em 1em;
	color: #FFFFFF;
	background-color: #006666;
	text-decoration: none;
	border: 1px solid #711515;
	}
#navigationtop a:hover 
{color: #FFFFFF;
background-color: #669999;}

/* End of Definition of Top Navigation Bar Settings */

/* Navigation buttons style */
#navigation {
float: right;
width: 160px;
margin-top: 0em;
margin-bottom: 3em;
padding-right: 20px;
font: 110% "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #85AFDA;}

#navigation ul 
{ list-style: none; 
margin: 0; 
padding: 0; } 

#navigation ul ul {
margin-left: 12px;
}

#navigation li 
{ border-bottom: 1px solid #669999; } 

#navigation li a:link
{ font-size: 90%;
 display: block;
 padding: 0.4em 0 0.4em 0.5em; 
 border-left: 12px solid #669999; 
 border-right: 1px solid #666699;
 background-color: #336666;
 color: #FFFFFF; 
 text-decoration: none; }

#navigation li a:visited 
{ font-size: 90%;
 display: block;
 padding: 0.4em 0 0.4em 0.5em; 
 border-left: 12px solid #669999; 
 border-right: 1px solid #669999; 
 background-color: #336666; 
 color: #DCDCDC; 
 text-decoration: none; }

#navigation li a:hover {
color: #99FFFF;
}

#navigation p a{
font-size: 80%;
line-height: 1.8em;
color: #0056A3;
padding: 1em 0 0.4em .5em;
text-align: right;}
/* End Navigation buttons style */

/* Navigation text style */

#nav {
float: right;
width: 180px;
margin-bottom: 3em;
font: 110% Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #006666;}

#nav ul {
list-style: none;
margin-left: 1em;
padding-left: 0;
}
#nav li {
font-size: 80%;
border-bottom: 1px dotted #B2BCC6;
margin-bottom: 0.3em;
}
#nav a:link, #nav a:visited {
text-decoration: none;
color: #006666;
background-color: transparent;
}
#nav a:hover {
color: #778899;
}
#nav h2 {
margin-top: 0px;
font: 110% Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #006666;
background-color: transparent;
border-bottom: 1px dotted #cccccc; }

/* End Navigation buttons style */


#main {	clear:both; width: auto; }
	
	
#col1 {
		float: left;
		width: 140px; 
		padding-right: 20px;
		padding-left: 20px;
		margin-bottom: 10px;
		Margin-left: 10px;
		background-color: #FFFFFF;
		color: #7B7B7B;
		border-left: 1px solid #669999; 
 		border-top: 1px solid #669999; 
 		border-right: 1px solid #669999; 
 		border-bottom: 1px solid #669999; 
		font: 80% Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
		min-height: 920px; 
	}


.featureimagelbar {
width: 120px;
float: left;
padding-top: 20px;
padding-right : 10px;
padding-bottom : 30px;
padding-left: 10px;
border:0px;
}

#col1 h3 {padding-top: 10px;
font-size: 1.2em;}

#col1 ul { 
	margin-left: 0; 
	padding-left: 10px;}
	
#col2 {
		float:right; 
		width: 190px; 
		padding-left: 10px;
		min-height: 920px; 
	}

.featureimagerbar {
width: 120px;
float: right;
padding-top: 20px;
padding-right : 30px;
padding-bottom : 30px;
padding-left: 10px;
border:0px;
}
	
	
#col3
	{
		width:auto;
		margin-left: 200px; 
		margin-right: 200px;
		padding-left: 20px;
		padding-right: 20px;
		border-left: 1px dotted #cccccc;
		border-right: 1px dotted #cccccc;
		min-height: 983px;  
	}

#col3 p {
font-size: 100%;
line-height: 1.8em;
text-align: left;
}

#col3 hr 
{clear: none;
border: none;
background-color: #006666;
color: #006666;
height: 2px;
width: 100%;}

#col3 a:link, a:visited {
text-decoration: none;
color: #006666;
background-color: transparent;
}
#col3 a:hover {
color: #778899;}




.featureimage {
float: left;
padding-top: 0px;
padding-right : 15px;
padding-bottom : 10px;
padding-left: 0px;
}

.featureimagelpad {
float: left;
padding-top: 10px;
padding-right : 10px;
padding-bottom : 10px;
padding-left: 0px;
}

.featureimager {
float: right;
padding-top: 10px;
padding-right : 0px;
padding-bottom : 10px;
padding-left: 15px;
}

.featureimagerpad {
float: right;
padding-top: 40px;
padding-right : 0px;
padding-bottom : 10px;
padding-left: 10px;
}

.featureimagecenter {
margin-right: auto;
margin-left: auto;
padding-top: 3px;
padding-bottom : 0px;
}

.datatable td, .datatable th 
{font-family:  Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: left;
font-weight: normal;
padding: 0.2em;
border-style: solid;
border-color: #F4F4F4
}

.datatable caption {font: bold 120% Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #006666;
padding: 0.4em 0 0.3em 0;
}

/* z-Index stops IE bug of text appears before the column background*/
	#col1 {z-index: 3;}
	#col2 {z-index: 5;}
	#col3 {z-index: 1;}
	
	#col1_content{ position:relative; }


/*	#col2_content  
	{ 
    	position:relative;
    	min-height: 1520px;  	}	
	#col3_content  
	{ 
    	position:relative;
    	min-height: 1520px;
  	} */

#bookmark {
	clear: both;
	position: relative;
	border-top: 1px solid;
	color:#006666;
	font-size: 0.6em;
	color: #006666;
	padding-top: 1em;
	padding-left: 1em;
	padding-right: 1em;
	text-align: center;
	width: 600px;
	
	margin-right: auto;
	margin-left: auto;}


#footer {
	clear: both;
	position: relative;
	border-top: 1px solid; 
        color: #006666;
	font-size: 0.6em;
	color: #006666;
	padding-top: 3em;
	padding-left: 1em;
	padding-right: 1em;
	text-align: center;
	width: 600px;
	margin-right: auto;
	margin-left: auto;}


#logo img { border: 1px solid #006666; }

.datatable {
border-collapse: collapse;

}