html {
  padding: 0;
  margin: 0;
}

body {
  position: absolute;
  top: 0;
  left: 0.5%;
  right: 0.5%;
  width: 99%;
  min-width: 42em;
  max-width: 70em;
  font-size: 95%;
  line-height: 1.5;
  background: #fff  ;
  text-align: justify;
  padding: 0;
  margin: 0 auto;
}

.banner {
	font-family:	sans-serif;
	line-height:	120%;
	padding:	3em 2em 0.5em;
	border-bottom:	1px solid;
}

.banner a {
	color:			#000;
	text-decoration:	none;
}

.nonbanner {
	position:	relative;
}

.content {
	position:	relative;
	padding:	20px;
	margin-left:	245px;
	text-align:	justify;
}

.trailer {
	font-size:	small;
	padding-bottom:	2.5em;
}

.marginad {
	float:		right;
	padding:	10px;
}

.trailerad {
	padding:	10px;
}

.margin {
	position:	absolute;
	top:		0px;
	font-family:	sans-serif;
	font-size:	x-small;
	padding:	15px;
	width:		215px;
	line-height:	150%;
	border-right:	1px dotted #999;
}

.margin label {	font-size:	x-small;	}
.margin #sbi {	width:		100%;		}
.margin #sbb {	align:		center;		}
.margin td {	white-space:	nowrap;		}

.marginheader {
	font-family:	serif;
	font-size:	small;
	font-weight:	bold;
	padding:	2px;
	margin-top:	20px;
	text-transform:	uppercase;
	letter-spacing:	0.2em;
}

.marginlink {
	margin-bottom:	0.5em;
}

.rss {
	font:	 		sans-serif;
	font-weight:		bold;
	font-size:		x-small;
	text-decoration:	none;
	color:			#FFF;
	background-color:	#F60;
	padding:		0.0em 0.5em;
	border-color:		#F60;
	border-style:		outset;
	border-width:		2px;
}
.rss:hover {
	background-color:	#F90;
}
.rss:active {
	border-style:		inset;
}


/* Table of Contents */
/* first level toc (unnumbered) */
div#tocframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #ccffff;
  max-width: 70em;
  font-size: 100%;
  line-height: 1;
  padding: 0;
  -moz-border-radius-bottomleft: 7px;
  -moz-border-radius-bottomright: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -webkit-border-bottom-right-radius: 7px;
  margin: 0;
}

#tocframe a {
  color: #fff;
  text-decoration: none;
}

#tocframe ul.toc {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#tocframe > ul:first-child > li:first-child a {
  /* text-indent: -999em; */
  background: #aaaabb  ;
  /*background: #aa33cc url(images/violin-icon.png) no-repeat center right;*/
  color: #000;
  width: 12.5%;
  /* css3 no go yet? */
  border-bottom-left-radius: 30px;
  -moz-border-radius-bottomleft: 7px;
  -webkit-border-bottom-left-radius: 7px;
}

#tocframe > ul:first-child > li:first-child a:hover {
  background: #9999bb ;
  width: 12.5%;
}

#tocframe > ul:first-child > li:first-child.toc_current a {
  /*text-indent: -999em;*/
  background: #9999bb ;
  width: 12.5%;
}

#tocframe > ul:first-child > li:first-child.toc_current a:hover {
  /*text-indent: -999em;*/
  background: #9999bb ;
  width: 12.5%;
}

#tocframe > ul:first-child > li:last-child {
  width: 1%;
  -moz-border-radius-bottomright: 7px;
  -webkit-border-bottom-right-radius: 7px;
}

#tocframe li {
  display: inline;
  padding: 0;
  margin: 0;
}

#tocframe li a {
  background: #aaaabb  ;
  color: #000;
  float: left;
  width: 12.5%;
  text-align: center;
  font-weight: bold;
  padding: 0.75em 0;
  margin: 0;
}

#tocframe li a:hover {
  background: #9999bb ;
}

#tocframe li.toc_current a,
#tocframe li.toc_current a:hover {
  background: #9999bb ;
  color: #000;
  text-decoration: underline;
}


