/**********************
 * 
 * STF GENRIC CSS 
 *
 *  Covers:
 *      Header Banners
 *      Footers
 *      Default Tables
 * 
 *      Change History: 
 * 
 *********************/ 

body { margin: 0; padding: 0; }

h1 {
	font-family:		Arial, Helvetica, sans-serif ;
	text-align: 		center ;
	font-size:  		20pt;
	color:      		#666666 ;
}

h2 {
	font-family:		Arial, Helvetica, sans-serif ;
	text-align: 		center ;
	font-size:  		15pt;
	color:      		#444444 ;
}

/**********************
 *  HEADER START
 *********************/ 
/*---------F U L L   W I D T H   B A N N E R   S T A R T--------*/
div.gen_head_fullwidth_banner_mask_red_l { 
	position:  	     	absolute; 
	left:      	     	0px;
	width:      	    100%; 
	height:     	    130px;   /* LARGE */
	background:  	   	#AA0000; /*  RED  */
} 

div.gen_head_fullwidth_banner_mask_red { 
	position:  	     	absolute; 
	left:      	     	0px;
	width:      	    100%; 
	height:     	    100px; 
	background:  	   	#AA0000; /*  RED  */
} 

div.gen_head_fullwidth_banner_mask_green { 
	position:  	     	absolute; 
	left:      	     	0px;
	width:      	    100%; 
	height:     	    100px; 
	background:  	   	#228800; /*  GREEN  */
} 

div.gen_head_fullwidth_banner_mask_purple { 
	position:  	     	absolute; 
	left:      	     	0px;
	width:      	    100%; 
	height:     	    100px; 
	background:  	   	#8800AA; /*  PURPLE  */
}

div.gen_head_fullwidth_banner_mask_yellow { 
	position:  	     	absolute; 
	left:      	     	0px;
	width:      	    100%; 
	height:     	    100px; 
	background:  	   	#AAAA00; /*  YELLOW  */
}

div.gen_head_fullwidth_banner_mask_blue { 
	position:  	     	absolute; 
	left:      	     	0px;
	width:      	    100%; 
	height:     	    100px; 
	background:  	   	#0000AA; /*  BLUE  */
}
div.gen_head_fullwidth_banner_image_l {
	position:       	absolute; 
	left:           	0px;
	width:          	100%; 
	height:         	130px; /* LARGE */
	background-image:	url('../rep/stf_banner.jpg');
	opacity:        	0.15;
	filter:         	alpha(opacity=15);
	-moz-opacity:   	0.15;
	-khtml-opacity: 	0.15;
} 

div.gen_head_fullwidth_banner_image_s {
	position:       	absolute; 
	left:           	0px;
	width:          	100%; 
	height:         	100px; 
	background-image:	url('../rep/stf_banner_small.jpg');
	opacity:        	0.15;
	filter:         	alpha(opacity=15);
	-moz-opacity:   	0.15;
	-khtml-opacity: 	0.15;
} 
/*---------F U L L   W I D T H   B A N N E R   E N D--------*/

/*---------I N N E R   H E A D E R   S T A R T--------*/
div.gen_head_container {
	position:       	relative;
/*	width:          	950px; */
	width:          	1260px;
	height:         	100px; 
	margin-left:    	auto ;
	margin-right:   	auto ;
/*border:1px solid #000000;*/
}

div.gen_head_banner_mask_red_l {
	position:       	absolute;
/*	width:          	950px; */
	width:          	1260px;
	height:         	130px; 
	background:     	#AA0000;  /*  RED  */
	opacity:        	0.65;
	filter:         	alpha(opacity=65);
	-moz-opacity:   	0.65;
	-khtml-opacity: 	0.65;
} 

div.gen_head_banner_mask_red {
	position:       	absolute;
/*	width:          	950px; */
	width:          	1260px;
	height:         	100px; 
	background:     	#AA0000;  /*  RED  */
	opacity:        	0.65;
	filter:         	alpha(opacity=65);
	-moz-opacity:   	0.65;
	-khtml-opacity: 	0.65;
} 

div.gen_head_banner_mask_green {
	position:       	absolute;
/*	width:          	950px; */
	width:          	1260px;
	height:         	100px; 
	background:     	#115500; /*  GREEN  */
	opacity:        	0.65;
	filter:         	alpha(opacity=65);
	-moz-opacity:   	0.65;
	-khtml-opacity: 	0.65;
} 

div.gen_head_banner_mask_purple {
	position:       	absolute;
/*	width:          	950px; */
	width:          	1260px;
	height:         	100px; 
	background:     	#550055; /*  PURPLE  */
	opacity:        	0.65;
	filter:         	alpha(opacity=65);
	-moz-opacity:   	0.65;
	-khtml-opacity: 	0.65;
}

div.gen_head_banner_mask_yellow {
	position:       	absolute;
	width:          	950px; 
	height:         	100px; 
	background:     	#555500; /*  YELLOW  */
	opacity:        	0.65;
	filter:         	alpha(opacity=65);
	-moz-opacity:   	0.65;
	-khtml-opacity: 	0.65;
}

div.gen_head_banner_mask_blue {
	position:       	absolute;
/*	width:          	950px; */
	width:          	1260px;
	height:         	100px; 
	background:     	#110055; /*  BLUE  */
	opacity:        	0.65;
	filter:         	alpha(opacity=65);
	-moz-opacity:   	0.65;
	-khtml-opacity: 	0.65;
}

div.gen_head_banner_st_logo {
    width:				1000px;
	position:       	absolute;
	text-align:     	right;
} 

div.gen_head_banner_links_red { 
	position:       	absolute; 
/*	width:          	950px; */
	width:          	1260px;
	height:         	40px; 
	background:     	#770000;  /*  RED  */
	opacity:        	0.65;
	filter:         	alpha(opacity=65);
	-moz-opacity:   	0.65;
	-khtml-opacity: 	0.65;
} 

div.gen_head_banner_links_green { 
	position:       	absolute; 
/*	width:          	950px; */
	width:          	1260px;
	height:         	40px; 
	background:     	#004400;  /*  GREEN  */
	opacity:        	0.65;
	filter:         	alpha(opacity=65);
	-moz-opacity:   	0.65;
	-khtml-opacity: 	0.65;
} 

div.gen_head_banner_links_purple { 
	position:       	absolute; 
	width:          	950px; 
	height:         	40px; 
	background:     	#440044;  /*  PURPLE  */
	opacity:        	0.65;
	filter:         	alpha(opacity=65);
	-moz-opacity:   	0.65;
	-khtml-opacity: 	0.65;
}

div.gen_head_banner_links_yellow { 
	position:       	absolute; 
/*	width:          	950px; */
	width:          	1260px;
	height:         	40px; 
	background:     	#444400;  /*  YELLOW  */
	opacity:        	0.65;
	filter:         	alpha(opacity=65);
	-moz-opacity:   	0.65;
	-khtml-opacity: 	0.65;
}

div.gen_head_banner_links_blue { 
	position:       	absolute; 
/*	width:          	950px; */
	width:          	1260px;
	height:         	40px; 
	background:     	#000044;  /*  BLUE  */
	opacity:        	0.65;
	filter:         	alpha(opacity=65);
	-moz-opacity:   	0.65;
	-khtml-opacity: 	0.65;
}
div.gen_head_issue_cover { 
	position:       	absolute;
	text-align:     	left;
	z-index:        	65;
} 

div.gen_head_issue_cover img{ 
	border-style:		none;
} 

div.gen_head_links_container{ 
	position:   		absolute; 
	width:      		1250px; 
	text-align: 		right; 
	font-family:		Arial, Helvetica, sans-serif ;
	font-size:      	10pt;
	color:      		#FFFFFF; 
	z-index:			70;
} 

p.gen_head_links {
	color:				#666666;   
}

p.gen_head_links a:link  {
	color: 				#FFFFFF ;
	text-decoration:	none;
}

p.gen_head_links a:visited  {
	color: 				#FFFFFF ;
	text-decoration:	none;
}

p.gen_head_links a:hover {
	color: 				#FFFFFF ;
	text-decoration:	underline;
}

div.gen_head_title_l { 
	position:   		absolute;
	top:        		10px;
	width:      		950px; 
	left:       		200px;
	text-align: 		center; 
	font-family:		Arial, Helvetica, sans-serif ;
	font-size:  		35pt;
	color:      		#FFFFFF; 
} 

div.gen_head_title { 
	position:   		absolute;
	top:        		50px;
	width:      		950px; 
	left:       		300px;
	text-align: 		center; 
	font-family:		Arial, Helvetica, sans-serif ;
	font-size:  		25pt;
	color:      		#FFFFFF; 
} 

div.gen_head_left_info { 
	position:   		absolute; 
	top:        		55px;
	width:      		300px; 
	left:       		200px;
	text-align:			left;
} 

div.gen_head_left_info  p{ 
	margin-left:		10px;
	font-family:		Arial, Helvetica, sans-serif ;
	font-size:  		12pt;
	font-weight: 		bold;
	color:      		#FFFFFF; 
} 

div.gen_head_left_info  img{ 
	margin-left:		10px;
	margin-top:        	-8px;
	border-style:		none;
} 

div.gen_head_right_info { 
	position:   		absolute; 
	top:        		55px;
	width:      		300px; 
	left:       		950px;
	text-align:			right;
} 

div.gen_head_right_info  p{ 
	margin-right:		10px;
	font-family:		Arial, Helvetica, sans-serif ;
	font-size:  		12pt;
	font-weight: 		bold;
	color:      		#FFFFFF; 
} 

div.gen_head_right_info  img{ 
	margin-right:		10px;
	margin-top:     	-8px;
	border-style:		none;
} 
/*---------I N N E R   H E A D E R   E N D--------*/
/**********************
 *  HEADER END
 *********************/ 

 
 /**********************
 *  GENERIC CONTENT START
 *********************/ 
 
div.gen_doc_container {
	position:       	relative;
/*	width:          	950px; */
	width:          	1260px;
	margin-left:    	auto ;
	margin-right:   	auto ;
/*border:1px solid #FF0000;*/
}

hr.gen_hr_red {
	border: 			1px solid #FFAAAA;
}

/**********************
 *  GENERIC CONTENT END
 *********************/ 
 
/******************** 
*     Tables  START
*********************/ 

img.gen_tbl_sort {
	border:				none;
}

a.gen_table {
	text-decoration:	none;
	color:        		#0000FF ;
}

a.gen_table:hover {
	text-decoration:	underline;
	color:        		#FF0000 ;
}

/*   GENERIC TABLE - RED    S T A R T  */
	table.gen_table_red {
		width: 				100%;
		border: 			1px solid #FEAAAA; /*#FFAAAA;*/
		text-align: 		left; 
		font-family:		Arial, Helvetica, sans-serif ;
		text-align: 		left ;
		font-size:  		10pt;
		color:      		#000000 ;
		padding:            0px;
		border-collapse: 	collapse;
	}

	table.gen_table_red th{
		background-color: 	#FE8888; /*#FFAAAA;*/
		border-bottom: 		1px solid #FE8888; /*#FFAAAA;*/
		text-align:			left;
		color:				#000000;
		font-size:  		10pt;
		height:				30px;
	}

	table.gen_table_red td {
		height:				26px;
		padding:			0px 2px 0px 5px;
		border-top: 		1px solid #FEAAAA; /*#FFAAAA;#DDBBBB;*/
	} 

	#zebra_stripe_rows_red.even td{
		background-color: 	#FEEEEE;
	}

	#zebra_stripe_rows_red.odd  td{
		background-color: 	#EEDDDD;
	}
/*   GENERIC TABLE - RED    E N D   */

/*   GENERIC TABLE - GREEN  S T A R T  */
	table.gen_table_green {
		width: 				100%;
		border: 			1px solid #BBDDBB;
		text-align: 		left; 
		font-family:		Arial, Helvetica, sans-serif ;
		text-align: 		left ;
		font-size:  		10pt;
		color:      		#000000 ;
		padding:            0px;
		border-collapse: 	collapse;
	}

	table.gen_table_green th{
		background-color: 	#BBDDBB;
		border-bottom: 		1px solid #BBDDBB; 
		text-align:			left;
		color:				#000000;
		font-size:  		10pt;
		height:				30px;
	}

	table.gen_table_green td {
		height:				26px;
		padding:			0px 2px 0px 5px;
		border-top: 		1px solid #BBDDBB;
	} 
	
	#zebra_stripe_rows_green.even td{
		background-color: 	#EEFEEE;
	}

	#zebra_stripe_rows_green.odd  td{
		background-color: 	#DEEFDE;
	}
/*   GENERIC TABLE - GREEN  E N D   */

/*   GENERIC TABLE - YELLOW  S T A R T  */
	table.gen_table_yellow {
		width: 				100%;
		border: 			1px solid #DDDDAA;
		text-align: 		left; 
		font-family:		Arial, Helvetica, sans-serif ;
		text-align: 		left ;
		font-size:  		10pt;
		color:      		#000000 ;
		padding:            0px;
		border-collapse: 	collapse;
	}

	table.gen_table_yellow th{
		background-color: 	#DDDDAA;
		border-bottom: 		1px solid #DDDDAA; 
		text-align:			left;
		color:				#000000;
		font-size:  		10pt;
		height:				30px;
	}

	table.gen_table_yellow td {
		height:				26px;
		padding:			0px 2px 0px 5px;
		border-top: 		1px solid #DDDDAA;
	} 
	
	#zebra_stripe_rows_yellow.even td{
		background-color: 	#FFFEEE;
	}

	#zebra_stripe_rows_yellow.odd  td{
		background-color: 	#EEEEDD;
	}
/*   GENERIC TABLE - YELLOW  E N D   */

/*   GENERIC TABLE - BLUE  S T A R T  */
	table.gen_table_blue {
		width: 				100%;
		border: 			1px solid #BBBBDD;
		text-align: 		left; 
		font-family:		Arial, Helvetica, sans-serif ;
		text-align: 		left ;
		font-size:  		10pt;
		color:      		#000000 ;
		padding:            0px;
		border-collapse: 	collapse;
	}

	table.gen_table_blue th{
		background-color: 	#BBBBDD;
		border-bottom: 		1px solid #BBBBDD; 
		text-align:			left;
		color:				#000000;
		font-size:  		10pt;
		height:				30px;
	}

	table.gen_table_blue td {
		height:				26px;
		padding:			0px 2px 0px 5px;
		border-top: 		1px solid #BBBBDD;
	} 
	
	#zebra_stripe_rows_blue.even td{
		background-color: 	#EEEEFE;
	}

	#zebra_stripe_rows_blue.odd  td{
		background-color: 	#DDDDEE;
	}
/*   GENERIC TABLE - BLUE  E N D   */

/*   GENERIC TABLE - PURPLE  S T A R T  */
	table.gen_table_purple {
		width: 				100%;
		border: 			1px solid #DDBBDD;
		text-align: 		left; 
		font-family:		Arial, Helvetica, sans-serif ;
		text-align: 		left ;
		font-size:  		10pt;
		color:      		#000000 ;
		padding:            0px;
		border-collapse: 	collapse;
	}

	table.gen_table_purple th{
		background-color: 	#DDBBDD;
		border-bottom: 		1px solid #DDBBDD; 
		text-align:			left;
		color:				#000000;
		font-size:  		10pt;
		height:				30px;
	}

	table.gen_table_purple td {
		height:				26px;
		padding:			0px 2px 0px 5px;
		border-top: 		1px solid #DDBBDD;
	} 
	
	#zebra_stripe_rows_purple.even td{
		background-color: 	#FEEEFE;
	}

	#zebra_stripe_rows_purple.odd  td{
		background-color: 	#EEDDEE;
	}
/*   GENERIC TABLE - PURPLE  E N D   */
/******************** 
* Tables  END
*********************/ 

 
/**********************
 *  FOOTER  START
 *********************/ 
 
 div.gen_foot_outer_container{
 	/*position:       	relative;*/
/*	width:          	950px; */
	width:          	1260px;
	margin-left:    	auto ;
	margin-right:   	auto ;
 }
 
div.gen_foot_container{ 
	clear:				both;
}

div.gen_foot_logo{
	width:				40px; 
	height:				50px;
	float:				left;
}

div.gen_foot_last_updated{
	float:				left;
	font-family:		Arial, Helvetica, sans-serif ;
	text-align: 		left ;
	color:      		#000000 ;
	font-size:  		12pt;
}

div.gen_foot_last_updated font {
	font-size:  		9pt;
} 

div.gen_foot_contact{
	float:				right;
	font-family:		Arial, Helvetica, sans-serif ;
	text-align: 		left ;
	font-size:  		9pt;
	color:      		#000000 ;
}

div.gen_foot_contact a:link {
	color: 				#0000FF ;
	text-decoration:	none;
}

div.gen_foot_contact a:visited {
	color: 				#0000FF ;
	text-decoration:	none;
}

div.gen_foot_contact a:hover {
	color: 				#AA0000 ;
	text-decoration:	underline;
}

/**********************
 *  FOOTER  END
 *********************/