html {
	overflow: hide;
}

body {
	overflow: hide;
}

.tabs {
	overflow: hide;
}

#ctab
{
	padding: 0;
	margin: 0;
	overflow: auto;
	height: 800px;
  /* background-size:   cover;         */
  /* background-repeat: no-repeat;	*/
  /* background-color:#cccccc;	*/
}

.tab-content {
	padding-top: 0;
	/* height: 800px;	*/
}

#wholecont {
	overflow: hide;
	padding-left: 30pt;
	/* height: 800px;	*/
}

/* 
 * This leaves a margin on top, but I don't know why
 */
.contents {
	background-image:url('../images/Matrixs2c.jpg');
	margin: 0;
	padding: 0;
	/* height: 800px;	*/
	overflow: hide;
}

.noicons {
	list-style: none;
	padding: 0;
	margin: 0;
}

.open {
	background-image: url(../images/Open.png);
	background-repeat: no-repeat;
	padding: 3px 0 3px 30px;
	margin: .4em 0;
}

.closed {
	background-image: url(../images/Closed.png);
	background-repeat: no-repeat;
	padding: 3px 0 3px 30px;
	margin: .4em 0;
}

.nobg {
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 30px;
	margin: .4em 0;
}

h1 {
	font-size: 2.6em;
	padding-top: 50pt;
	padding-left: 30pt;
	margin-bottom: 0;
}

h2 {
	font-size: 2.2em;
	margin-top: 0;
	padding-left: 30pt;
}

.num1 {
	font-size: 2.0em;
	float: right;
	width: 40pt;
}

.num2 {
	font-size: 1.5em;
	float: left;
	width: 2em;
}

.num3 {
	font-size: 1.2em;
	float: left;
	width: 3em;
}

.text5 {
	font-size: 1.6em;
	font-weight: bold;
}

.subtext {
	font-size: 1.6em;
	font-style: italic;
}

.text3 {
	font-size: 1.5em;
}

.text4 {
	font-size: 1.2em;
}

.text3p {
	font-size: 1.5em;
	margin-left: 2em;
}

.text4p {
	font-size: 1.2em;
	margin-left: 4em;
}

.lev1 {
	padding-left: 4em;
}

.lev2 {
	padding-left: 40pt;
}

.place1 {
	background-position: 0 0.4em;
	margin: 0;
}

.place2 {
	background-position: 0 50%;
}

.thin {
	background-position: 0 50%;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
}

.thinrow {
	line-height: 1.0em;
}

.chrow {
	line-height: 1.4em;
}

.subrow {
	line-height: 1.2em;
}