html, body {
	margin:0;
	padding:0;
	background-color: #000;
}
* {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 14px;
}
#wrapper {
	width:100%;
	margin-top: 20px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	background-color: #000;
}
.AccordionH {
	height: 300px;
	font-size: 0.8em;
}
.AccordionH .TOG {
	background-color: #333;
	background-repeat: no-repeat;
	color: #FFF;
	font-weight: bold;
	text-align:center;
	cursor: default;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	height:100%;
	width: 20px;
	float: left;
	width: 200px;
}
.AccordionH .TOG:hover,.AccordionH .TOG.active {
	background-color: #000;
	background-position: -200px 0;
	}
.AccordionH .TOG#private {
	background-image: url(../img/private.jpg);
}
.AccordionH .TOG#misc {
	background-image: url(../img/misc.jpg);
}
.AccordionH .TOG#work {
	background-image: url(../img/work.jpg);
}
.AccordionH .TOG#jim {
	background-image: url(../img/jim.jpg);
}
.AccordionH .STR {
	float: left;
	width: 200px;
	height: 100%;
	overflow: hidden;
	background-color:#333;
	border-bottom: 1px solid #666;
}
.content h2 {
	color: #ccc;
	margin:0;
	padding:0;
}
.content {
	padding: 10px;
	color: #666;
}
.content .Kap {
	float: left;
	font-size: 32px;
	font-weight: bold;
	line-height: 30px;
	margin-right: 2px;
}
.content a {
	color: #ccc;
	text-decoration: none;
}
.content a:hover {
	color: #fff;
}
a.more {
	float:right;
	text-decoration:none;
	line-height: 14px;
	color:#999;
	background: url(../img/more.gif) no-repeat right 2px;
	padding-right: 16px;
	margin-top:6px;
	margin-right:6px;
}
a.more:hover {
	color:#aaf;
	background: url(../img/more_hover.gif) no-repeat right 2px;
}