body {
	background: #354C6F url('../images/links/background.png') no-repeat fixed top center;
	color: #354C6F;
}

.index {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	width: 650px;
	margin: 16px 0px 16px 0px;
}

H4 {
	font-size: 11px;
	font-weight: bold;
	margin: 16px 0px 0px 0px;
	text-transform: uppercase;
}

H5 {
	font-size: 10px;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
}

#trans_bg_horizontal {
   background-color: #FFFFFF;
   border: solid 1px #C0C0C0;
}

#trans_bg_vertical {
   background-color: #FFFFFF;
   border: solid 1px #C0C0C0;
}

#trans_bg_main {
   background-color: #FFFFFF;
   border: solid 1px #C0C0C0;
}

#trans_bg_main img {
	border: 2px solid #354C6F;
	padding: 3px 3px 3px 3px;
	margin: 5px 5px 5px 5px;
}

#page_header {
   color: #FFFFFF;
}

.links {
	position: relative; 
	width: 260px; 
	padding: 0px 0px 0px 5px; 
	font-size: 11px;
	font-weight: bold;
	margin: 12px 0px 2px 0px;
}

.links a {display: block; text-align: left; font: bold 10px sans-serif, arial, helvetica, geneva; 
	padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-width: 0; 
   	text-decoration: none; color: #B75F09; z-index: 0;
}

.links a:hover {color: #ABA0A3; border-right: 0px double white; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;
}

.links a span {display: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; z-index: 0;
}
.links a:hover span {
	display: block;
   	position: absolute;
   	left: 12px; 
   	width: 310px;
   	bottom: 12px;   	
   	padding: 6px; 
   	margin: 0px; 
   	z-index: 99;
   	color: #000000;
   	font-weight: bold; 
   	text-decoration: none;
   	background: #C2C9D3 url('../images/links/background_hover_box.png');
   	font: 12px sans-serif; 
   	text-align: center;
   	border: solid 2px #CF6B09;
   	filter: alpha(opacity=100);
   -moz-opacity: 1.0;
   opacity: 1.0;

}

#col_left {
	position:relative;
	width:310px;
	top: 20px;
	left:20px;
	border:1px dashed #CF6B09;
	background-color:#eee;
	padding:6px;
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#col_left {width:310px;}
		
#col_right {
	position:absolute;
	width:310px;
	top:61px;
	right:20px;
	border:1px dashed #CF6B09;
	background-color:#eee;
	padding:6px;
}
/* Again, "be nice to Opera 5". */
body>#col_right {width:310px;}