#container {
	min-height:100%;
}

#setContainer {
	width:140px;
	margin:0 auto;
	text-align:right;
}
#set1   {
	width:140px;
	float:left;
}

/* 
	I very rarely advocate using !important, but given the above margins are set
	via an ID for when .js is off, this is the simplest answer.
*/
.s_control {
	padding:0 !important;
	display:visible !important;
}

.s_control a span {
	position:absolute;
	right:8px; /* half pixel stops gecko from firefuxing up position*/
	width:12px;
	height:16px;
	background-repeat: no-repeat;
	background-position: 0 -16px;
	font-size: 1px;
}

.sc_shrunk a span {
	background-position:0 0;
}

.sc_shrinking a span {
	background-position:-12px -16px;
}

.sc_expanding a span {
	background-position:-12px 0;
}

.sc_shrinking,
.sc_expanding {
}

.s_content {
	overflow:hidden;
}

.s_content.s_shrunk {
	border-bottom:0;
}

#textContentWrap {
	min-width:140px;
	max-width:140px;
	text-align:left; /* make room for footer */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

* html #textContentWrap {
	width:140px; /* if scripting is off, fix the width to 800 friendly */
	width:expression(
		(document.body.clientWidth>996) ? "996px" 
			: ((document.body.clientWidth>766) ? "auto" : "768px")
	);
}

#textContent_sControl a span {
	position:relative;
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	top:0;
	right:-8px;
	vertical-align:middle;
}

#textContent {
	overflow:hidden;
}
#set2 {
	width:335px;
	float:left;
}