div.tabs {
	float:left;
	width:100%;
}
div.tabs ul {
	list-style:none;
}
div.tabs li {
	display: inline;
	list-style-type: none;
	padding:0 18px 0 0;
	position:relative;
}
div.tabs a {
	text-decoration: none;
	color:#cccccc;
	position:relative;
}

div.tabs > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
div.tabs a {float:none;}
/* End IE5-Mac hack */
div.tabs a:hover {
	color:#8c591c;
}
body.tabs div.tabs li.selected a, body.tabs div.tabs li.selected a:link, body.tabs div.tabs li.selected a:active, body.tabs div.tabs li.selected a:visited {
	color:#8c591c;
}
body.tabs div.tabs li:hover, body.tabs div.tabs li:hover a, div.tabs li.sfhover, div tab li.sfhover a{
	color:#8c591c;
}
body.tabs div.tabs li.selected a em {
	width:28px;
	height:27px;
	position:absolute;
	left:50%;
	top:18px;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	margin-left:-4px;
}

/* tab body */
div.tabBody {
	clear: both;
	padding: 25px 0 0 0;
	min-height: 200px;
}
/* IE only nonsense */
* html div.tabBody {
	height: 200px;
}
div.tabBody a{
	margin:0 30px 20px 0;
	float:left;
}
div.tabBody p{
	margin:0 0 12px 0;
}
/* Make the minimum height of an embedded tab less than the normal tab. */
div.tabBody div.tabBody {
	min-height: 170px;
}
/* IE only nonsense */
* html div.tabBody div.tabBody {
	height: 170px;
}
/* Make the minimum height of an embedded tab embedded in a tab less than the embedded tab. */
div.tabBody div.tabBody div.tabBody {
	min-height: 90px;
}
/* IE only nonsense */
* html div.tabBody div.tabBody div.tabBody {
	height: 90px;
}
/* use this if javascript is turned off */
div.tabItem {
	border: 1px solid #765;
	margin: 1em;
	padding: 0.5em 1em;
}
body.tabs div.tabBody div.tabItem {
	border-width: 0;
	margin: 0;
	padding: 0;
	display: none;
}
body.tabs div.tabBody div.selected { display: block; }