div#accessibility li{
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
}

#accessibility ul{
	list-style: none;
	margin:0;
}
div#accessibility a{
	color: #990000;
	font-weight: bold;
	position: absolute;
	top: 10px;
	right: 0px;
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: .8em !important;
	z-index: 1002;
}
#accessibility A:active, #accessibility A:focus { /* Only show skiplinks on focus */
	position: absolute;
	overflow: visible;
	width: auto;
	height: auto;	
	border: 0;
	margin: 0;
	padding: 6px;
	font-size: .6em;
	background: #FFF;
	z-index: 10000;
}
/*don't take this out. you need it because accessibility could be a class or an id.  I decided I needed it in more than one place, which you can't do with id. I should have made it class in the first place. unfortunately there are now lots of files which have it as id, so I have to keep both ways in for backward compatibility*/
.accessibility li{
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
}

.accessibility ul{
	list-style: none;
	margin:0;
}

.accessibility a{
	color: #990000;
	font-weight: bold;
	position: absolute;
	top: 10px;
	right: 0px;
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: .8em !important;
	z-index: 1002;
}

.accessibility A:active, .accessibility A:focus { /* Only show skiplinks on focus */
	position: absolute;
	overflow: visible;
	width: auto;
	height: auto;	
	border: 0;
	margin: 0;
	padding: 6px;
	font-size: .6em;
	background: #FFF;
	z-index: 10000;
}

.accessibility h2{
	/*the width and height of 0, combined with hidden overflow make it not show*/
	overflow: hidden;
	width: 0;
	height: 0;	
}