/* CSS Document */
/*
* {
	margin:0;
	padding:0;
}

body, html {
	height:100%; }/* always treated as min-height */

/*
body {
	text-align:center;
	font:normal 90%/140% arial,helvetica,sans-serif;
}

#container {
	min-height:100%;
}

* html #container {
	height:100%;} /* lte IE6 treats height as min-height */
/*

h1 {
	font:bold 200%/140% arial,helvetica,sans-serif;
	background:#DEF;
	border-bottom:2px solid #000;
	margin-bottom:8px;
}

h2 { text-align:center; font:bold 150%/140% arial,helvetica,sans-serif;}

p {
	padding:0.5em;
}
*/


#setContainer {
	width:768px;
	margin:0 auto;
	text-align:left;
}

#set1, #set2, #set3 {
	width:450px;
	float:left;
	margin-left:8px;
/*	clear: both;*/
}

#set1 h3 {
	font:bold 14px/16px arial,helvetica,sans-serif;
	padding:2px 8px;
}

/* 
	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 {
	display:block;
	height:24px;
	padding:2px 8px;
	position:relative;
	text-decoration:none;
}

.s_control a span {
	position:absolute;
	top:6px;
	right:8px; /* half pixel stops gecko from firefuxing up position*/
	width:12px;
	height:16px;
	font-size:1px; /* keep IE happy */
}

.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;
	margin-bottom:8px;
	font:normal 12px/16px arial,helvetica,sans-serif;
}

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

#textContentWrap {
	margin:0 auto;
	min-width:768px;
	max-width:996px;
	text-align:left;
	padding-bottom:42px; /* make room for footer */
}

* html #textContentWrap {
	width:768px; /* 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 {
/*	clear:both;*/
	height:32px;
	padding:4px 0 4px;
	font:bold 22px/32px arial,helvetica,sans-serif;
}

#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;
}

/*
#footer {
	text-align:center;
	clear:both;
	padding:8px;
	margin-top:-34px;
	position:relative;
	background:#DEF;
	font:bold 14px/16px arial,helvetica,sans-serif;
	border-top:2px solid #000;
}
*/