#toppanel-container{
margin: 0 7px;
overflow: hidden;
height: 220px;
position: relative;
background: url(/templateimages/toppanel_bg.jpg) top right no-repeat;
}

h1#strapline{
position: absolute;
color: #085862;
font-size: 36px;
font-weight: normal;
left: 300px;
top: 55px;
width: 600px;
font-style: italic;
}

#toppanel dl{
margin: 20px 10px;
position: relative;
z-index: 2;
}

.fade-tab{
	float: left;
	clear: both;
	width: 229px;
	height: 34px;
	margin: 0;
	padding: 0;
position: relative;
z-index: 15;
}

.active-fade-tab{
background: url(/templateimages/fadertabbg.png) center right no-repeat;
}

.fade-tab a{
	font: bold 10pt/34px sans-serif;
	display: block;
	height: 100%;
	color: #666;
	text-decoration: none;
	padding: 0 50px 0 5px;
	overflow: hidden;
text-align: right;
}

.fade-panel{
	position: absolute;
	top: 0;
	left: 228px;
_left: -2px;
	width: 745px;
	margin: -10px 0 0 0;
	padding: 0;
	height: 170px;
	z-index: 10;
}

#fade-bg{
position: absolute;
	top: 10px;
	left: 238px;
	width: 752px;
	margin: 0;
	padding: 0;
	height: 204px;
	z-index: 1;
background: url(/templateimages/faderbg.png) no-repeat;
_background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( enabled=true, sizingMethod=scale, src='/templateimages/faderbg.png');
}

.fade-panel .decorator{
	height: 175px;
	padding: 10px;
}



.toppanelicon{
height: 32px;
float: left;
clear: left;
margin: 5px 8px
}
.toppanelicon img{
vertical-align: middle;
}
.toppanelicon a{
font-weight: bold;
color: #555
}

.toppanelicon a:hover{
color: #900;
}

.toppanelinfo{
font-size: 10pt;
margin: 10px 10px 0 270px
}