
/* --- start of css --- */

body 	
	{ 
	font-family: 				Arial, sans-serif; 
	background-color: 			rgb( 64,  64,  72);
	margin-bottom:				0;
	margin-left: 				0;
	scrollbar: 					no;
	SCROLLBAR-WIDTH: 			3; 
	SCROLLBAR-FACE-COLOR: 		rgb( 96,  80, 128); 
	SCROLLBAR-HIGHLIGHT-COLOR:	rgb(235, 255, 245); 
	SCROLLBAR-SHADOW-COLOR:		rgb(160, 140, 220); 
	SCROLLBAR-3DLIGHT-COLOR:	rgb(205, 195, 255); 
	SCROLLBAR-ARROW-COLOR:		rgb(255, 255, 255); 
	SCROLLBAR-TRACK-COLOR:		rgb(245, 235, 245); 
	SCROLLBAR-DARKSHADOW-COLOR:	;
	}
	
div.tabs
	{
	position:						relative;
	top:							4px;
	left:							0px;
	}
		
h2
	{ 
	font-family: 					Arial, sans-serif; 
	font-weight: 					bold; 
	font-size: 						16pt;
	text-align:						left; 
	color: 							rgb(  0,   0,   0);
	margin-top:						6pt;
	margin-left:					6pt;
	margin-bottom:					6pt;
	}

h2.banner
	{ 
	font-family: 					Arial, sans-serif; 
	font-weight: 					bold; 
	font-size: 						16pt;
	text-align:						right; 
	color: 							rgb(255, 255, 255);
	margin-top:						6pt;
	margin-left:					6pt;
	margin-bottom:					;
	margin-right:					;
	}

h2.center
	{ 
	font-family: 					Arial, sans-serif; 
	font-weight: 					bold; 
	font-size: 						16pt;
	text-align:						center; 
	color: 							rgb(255, 255, 255);
	margin-top:						6pt;
	margin-left:					12px;
	margin-bottom:					6pt;
	margin-right:					12px;
	}

h2.red
	{ 
	font-family: 					Arial, sans-serif; 
	font-weight: 					bold; 
	font-size: 						16pt;
	text-align:						left; 
	color: 							rgb( 32,   8, 128);
	margin-top:						12px;
	margin-left:					2px;
	margin-right:					12px;
	margin-bottom:					6pt;
	}

h3
	{ 
	font-family: 					'arial', sans-serif; 
	font-style: 					bold; 
	font-size: 						100%; 
	color: 							rgb(255, 255, 255);
	text-align:						center;
	}
	
h4
	{ 
	font-family: 					Arial, sans-serif; 
	font-style: 					bold; 
	font-size: 						100%; 
	color: 							rgb(  0,   0,   0);
	margin-top: 					12px;
	margin-bottom: 					6pt;
	text-align:						left;
	}

h4.mainbar
	{ 
	font-family: 					Arial, sans-serif; 
	font-style: 					bold; 
	font-size: 						16pt; 
	font-weight:					bold;
	color: 							rgb(  0,   0,   0);
	margin-top: 					6pt;
	margin-bottom: 					12px;
	margin-left:					2px;
	margin-right:					12px;
	text-align:						left;
	}
	
h4.sidebar
	{ 
	font-family: 					Arial, sans-serif; 
	font-style: 					bold; 
	font-size: 						11pt; 
	font-weight:					bold;
	color: 							rgb( 32,   8, 128);
	margin-top: 					12px;
	margin-bottom: 					6pt;
	margin-left:					10px;
	margin-right:					10px;
	text-align:						center;
	}

textarea
	{
	background:						rgb(234, 228, 242);
	}

input.box
	{
	background:						rgb(234, 228, 242);
	}

input.button	
	{
	font-size:						12px;
	text-align:						center;
	text-decoration: 				none;
	color:							#003366;
	background:						rgb(156, 194, 226);
	margin-bottom:					2pt;
	border-top:						2px solid #9999ff;
	border-left:					2px solid #9999ff;
	border-right:					2px solid #886622;
	border-bottom:					2px solid #886622
	font-family:					Arial, sans-serif;
	}

input.highlight
	{
	font-size:						9pt;
	text-align:						center;
	text-decoration: 				none;
	color:							#ffffff;
	background:						#881122;
	margin-bottom:					1pt;
	border-top:						2px solid #ffff99;
	border-left:					2px solid #ffff99;
	border-right:					2px solid #886622;
	border-bottom:					2px solid #886622;
	font-family:					arial;
	}
		
select
	{
	background-color: 				rgb(234, 228, 242);
	}

p
	{ 
	font-family: 					Arial, sans-serif; 
	font-size: 						11pt;
	margin-left:					12px;
	margin-right:					12px;
	margin-top:						0pt;
	margin-bottom:					6pt;
	text-align:						left;
	text-indent: 					;
	color: 							rgb(  0,   0,   0);
	}
	
p.nolead
	{ 
	font-family: 					Arial, sans-serif; 
	font-size: 						11pt;
	margin-left:					12px;
	margin-right:					12px;
	margin-top:						0pt;
	margin-bottom:					-2pt;
	text-align:						left;
	text-indent: 					;
	color: 							rgb(  0,   0,   0);
	}
	
p.link
	{ 
	font-family: 					Arial, sans-serif; 
	font-size: 						9pt; 
	margin-top:						0pt;
	margin-bottom:					0pt;
	text-indent: 					;
	text-align:						right;
	color: 							rgb(  0,   0,   0);
	}
	
p.posted_by
	{ 
	font-family: 					'arial', sans-serif; 
	font-size: 						9pt; 
	font-style:						italic;
	margin-top:						0pt;
	margin-bottom:					2pt;
	text-align:						right;
	color: 							#000033;
	}

p.contents
	{ 
	font-family: 					'Comic sans', 'arial', sans-serif;
	font-weight:					bold; 
	font-size: 						12px;
	margin-top:						0pt;
	margin-bottom:					0pt;
	text-decoration: 				none;
	text-indent: 					-10px;
	color: 							white;
	}

p.listing
	{ 
	font-family: 					Arial, sans-serif; 
	font-size: 						11pt;
	margin-top:						0pt;
	margin-bottom:					0pt;
	margin-left:					12px;
	margin-right:					12px;
	text-indent: 					;
	color: 							rgb(  0,   0,   0);
	}

p.mainbar
	{ 
	font-family: 					Arial, sans-serif; 
	font-size: 						11pt; 
	margin-top:						0pt;
	margin-bottom:					6pt;
	margin-left:					12px;
	margin-right:					12px;
	text-indent: 					;
	color: 							rgb(  0,   0,   0);
	}

p.sidebar
	{ 
	font-family: 					Arial, sans-serif; 
	font-size: 						9pt; 
	margin-top:						0pt;
	margin-bottom:					6pt;
	margin-left:					10px;
	margin-right:					10px;
	text-indent: 					;
	color: 							rgb(  0,   0,   0);
	}

table
	{
	table-layout: 					fixed;
	}

table.page
	{
	background-color:				rgb(254, 255, 254);
	cellspacing:					'5';
	cellpadding:					'5';
	align:							'center';
	margin-top:						0pt;
	border-top:						2px solid #aeae69;
	border-left:					2px solid #aeae69;
	border-right:					3px solid #888844;
	border-bottom:					3px solid #888844;
	
	}

table.banner 
	{
	table-layout: 					fixed;
	border-top:						0px;
	border-left:					0px;
	border-right:					0px;
	border-bottom:					0px;
	cellspacing:					0px;
	cellpadding:					0px;
	text-align:						right;
	vertical-align:					top;
	width:							100%;
	height:							100%;
	}		
	
table.bland 
	{
	table-layout: 					fixed;
	border-top:						0px;
	border-left:					0px;
	border-right:					0px;
	border-bottom:					0px;
	height:							100%;
	width:							100%;
	}		
	
table.contents 
	{
	table-layout: 					fixed;
	background-color: 				rgb( 64, 72,  96);
	border-top:						0px;
	border-left:					0px;
	border-right:					0px;
	border-bottom:					0px;
	text-align:						left;
	width:							100%;
	}		
	
table.message 
	{
	table-layout: 					fixed;
	background-color: 				rgb(242,234,196);
	border-top:						1px solid #ffff99;
	border-left:					1px solid #fefe89;
	border-right:					1px solid #222233;
	border-bottom:					1px solid #111122;
	color: 							black;
	}		

table.box 
	{
	border-top:						1px solid white;
	border-left:					1px solid white;
	border-right:					1px solid white;
	border-bottom:					1px solid white;

	}		
table.sidebar 
	{
	background-color: 				rgb(236, 236, 236);
	table-layout: 					fixed;
	height:							100%;
	width:							100%;
	align:							center;
	align-vertical					top;
	padding-left:					12px;
	margin-right:					6px;
	border-top:						0;
	border-left:					0;
	border-right:					0;
	border-bottom:					0;
	color: 							black;
	}		

td
	{
	font-family: 					'Arial', sans-serif; 
	font-size: 						11pt; 
	text-align:						left;
	color: 							black;
	}

td.contents 
	{
	table-layout: 					fixed;
	background-color: 				rgb( 64, 72,  96);
	}		

td.display_head 
	{
	table-layout: 					fixed;
	background-color: 				rgb( 64, 72,  96);
	font-face:						arial;
	font-weight:					bold;
	color:							#ffffff;
	}		

td.heading
	{ 
	background-image: 				url('../images/gold_bar.gif');
	font-family: 					'arial', sans-serif; 
	font-style: 					bold; 
	font-size: 						100%; 
	border-top:						1px solid #ffff99;
	border-left:					1px solid #fefe89;
	border-right:					1px solid #222233;
	border-bottom:					1px solid #111122;
	color: 							white;
	}
			
td.sidebar 
	{
	height:							100%
	vertical-align:					top;
	align:							center;
	table-layout: 					fixed;
	background-color: 				rgb(236, 236, 236);
	}
	
td.tab_select
	{
	background-image:				url('../images/top_select_long.gif');
	font-family: 					'arial', sans-serif; 
	font-weight: 					bold; 
	font-size: 						12px; 
	align-vertical:					bottom;
	text-align:						center;
	color:							rgb(  8,   8,  32);
	cursor:							hand;
	}		

td.tab_not_select
	{
	background-image:				url('../images/top_not_select_long.gif');
	font-family: 					'arial', sans-serif; 
	font-weight: 					bold; 
	font-size: 						12px;
	align-vertical:					bottom; 
	text-align:						center;
	color:							rgb(  0,   0,   0);
	cursor:							hand;
	}		

td.accent
	{ 
	background-image: 				url('../images/navy_bar.gif');
	font-family: 					'arial', sans-serif; 
	font-style: 					bold; 
	font-size: 						100%; 
	border-top:						1px solid #ffff99;
	border-left:					1px solid #fefe89;
	border-right:					1px solid #222233;
	border-bottom:					1px solid #111122;
	color: 							white;
	}

td.alternate 
	{ 
	text-decoration: 				none;
	background-image: 				url('../images/cell_grey.gif'); 
	}

td.normal 
	{ 
	font-size:						12px;
	text-decoration: 				none;
	white-space:					nowrap;
	background-image: 				url('../images/cell_winter.gif');
	}

td.highlight 
	{ 
	font-size:						12px;
	text-decoration: 				none;
	white-space:					nowrap;
	background-image: 				url('../images/cell_red.gif');
	}
		
td.contents_head
	{
	background-image: 				url('../images/menu_head.gif');
	height: 						23;
	margin-top: 					6pt;
	text-align: 					center;
	vertical-align: 				bottom;
	font-face: 						'Arial';
	font-weight: 					bold;
	font-size: 						12px;
	font-color: 					'#000000';
	white-space:					nowrap;
	}

td.exchange
	{
	vertical-align: 				bottom;
	border-top:						1px solid #000000;
	border-left:					1px solid #000000;

	font-face: 						Arial, sans-serif;
	font-size: 						11pt;
	font-weight:					bold;
	font-style:						italic;
	text-align:						left;
	color: 							rgb(255, 255, 255);
	}

td.footer
	{
	background-color:				rgb( 64, 72,  96);
	text-align: 					center;
	font-face: 						Arial, sans-serif;
	font-size: 						8pt;
	font-weight:					bold;
	color: 							#ffffff;
	}

td.small
	{
	vertical-align: 				bottom;
	font-face: 						Arial, sans-serif;
	font-size: 						9pt;
	font-color: 					'#000000';
	}
	
td.hm_hot
	{ 
	background-image: 			 url('../images/red_bar.gif');
	font-family: 				;  
	font-style: 				bold; 
	font-size: 					11pt; 
	border-top:					;
	border-left:				;
	border-right:				;
	border-bottom:				;
	color: 						rgb(255, 255, 255);
	white-space:				nowrap;
	}

td.hm_idle
	{ 
	background-image:			url('../images/gold_bar.gif');
	font-family: 				; 
	font-style: 				bold; 
	font-size: 					11pt; 
	border-top:					;
	border-left:				;
	border-right:				;
	border-bottom:				;
	color: 						rgb(255, 255, 255);
	white-space:				nowrap;
	}
		
td.hm_selected
	{ 
	background-image: 			url('../images/gold_bar_pressed.gif');
	font-family: 				;  
	font-style: 				bold; 
	font-size: 					11pt; 
	border-top:					;
	border-left:				;
	border-right:				;
	border-bottom:				;
	color: 						rgb(255, 255, 255);
	white-space:				nowrap;
	}
				
tr.alternate
	{ 
	background-color: 				rgb(254, 246, 204); 
	}
tr.normal
	{ 
	background-color: 				rgb(240, 232, 190); 
	}
tr.alternate_grey
	{ 
	background-color: 				rgb(220, 220, 220); 
	}
tr.normal_grey
	{ 
	background-color: 				rgb(240, 240, 240); 
	}
	
tr.highlight	
	{
	background-color: 				rgb(240, 200, 200); 
	cursor: 						hand; 
	}

tr.exchange
	{
	border-top:						1px solid #000000;
	border-left:					1px solid #000000;
	background-image: 				url('../images/blue_swoosh.jpg');
	background-repeat: 				no-repeat;
	}

a:active
	{
	color:							#1100aa; 
	text-decoration:				none;
	}

a:visited
	{
	color:							#444477; 
	text-decoration:				none;
	}

a:hover
	{
	color:							#ff0000; 
	text-decoration:				none;
	}
		
		
a.listing:visited
	{
	color:							#444477; 
	text-decoration:				none;
	}

a.listing:hover
	{
	color:							#ff0000; 
	font-style: 					bold; 
	text-decoration:				none;
	}

a.listing:link
	{
	color:							#1100aa; 
	text-decoration:				none;
	}
	
		
td		{
		font-family: 'Arial', sans-serif; 
		font-size: 100%; 
		color: black;
		}
		
td.button_off
		{ 
		background-color: 			#660000;
		font-family: 				'arial', sans-serif; 
		font-style: 				bold; 
		font-size: 					100%; 
		text-align: 				center;
		border-top:					1px solid #ffbb99;
		border-left:				2px solid #febb89;
		border-right:				2px solid #552233;
		border-bottom:				2px solid #551122;
		color: 						white;
		}
		
td.button_on
		{ 
		background-color: 			#bb0000;
		font-family: 				'arial', sans-serif; 
		font-style: 				bold; 
		font-size: 					100%; 
		text-align:					center;
		border-top:					1px solid #551122;
		border-left:				2px solid #552233;
		border-right:				2px solid #febb89;
		border-bottom:				2px solid #ffbb99;
		color: white;
		cursor: hand;
		}
		
td.heading
		{ 
		background-image: url('custom/images/gold_bar.gif');
		font-family: 'arial', sans-serif; 
		font-style: bold; 
		font-size: 100%; 
		border-top:	1px solid #ffff99;
		border-left:	1px solid #fefe89;
		border-right:	1px solid #222233;
		border-bottom:	1px solid #111122;
		color: white;
		}
		
td.menu
		{ 
		background-color: black;
		font-family: 'arial', sans-serif; 
		font-style: bold; 
		font-size: 80%; 
		border-top:	1px solid #ffff99;
		border-left:	1px solid #fefe89;
		border-right:	1px solid #222233;
		border-bottom:	1px solid #111122;
		color: white;
		}
		
td.accent
		{ 
		background-image: url('../images/navy_bar.gif');
		font-family: 'arial', sans-serif; 
		font-style: bold; 
		font-size: 100%; 
		border-top:	1px solid #ffff99;
		border-left:	1px solid #fefe89;
		border-right:	1px solid #222233;
		border-bottom:	1px solid #111122;
		color: white;
		}
		
td.alternate
		{ 
		background-image: url('../images/red_bar.gif');
		font-family: 'arial', sans-serif; 
		font-style: bold; 
		font-size: 100%; 
		border-top:	1px solid #ffff99;
		border-left:	1px solid #fefe89;
		border-right:	1px solid #222233;
		border-bottom:	1px solid #111122;
		color: white;
		cursor: hand;
		}

td.normal
		{ 
		background-image: url('../images/gold_bar.gif');
		font-family: 'arial', sans-serif; 
		font-style: bold; 
		font-size: 100%; 
		border-top:	1px solid #ffff99;
		border-left:	1px solid #fefe89;
		border-right:	1px solid #222233;
		border-bottom:	1px solid #111122;
		color: white;
		}
		
td.highlight
		{ 
		background-image: url('../images/red_bar.gif');
		font-family: 'arial', sans-serif; 
		font-style: bold; 
		font-size: 100%; 
		border-top:	1px solid #111122;
		border-left:	1px solid #222233;
		border-right:	1px solid #fefe89;
		border-bottom:	1px solid #ffff99;
		color: white;
		cursor: hand;
		}
		
		
tr.alternate
	{ 
	background-image: url('../images/maroon_bar_pressed.gif');
	}
tr.normal
	{ 
	background-image: url('../images/maroon_bar.gif');
	}
tr.highlight	
	{
	background-image: url('../images/red_bar.gif');
	cursor: hand; 
	}

a.white:visited
		{
		color:				#fffff; 
		text-decoration:	none;
		}
a.white:hover
		{
		color:				#ffbb88; 
		font-style: 		bold; 
		text-decoration:	none;
		}
a.white
		{
		color:				white;
		text-decoration:	none;
		}

/* --- end of css --- */
