body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	width:92%;
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
}

td {
	font-family: Arial, sans-serif;
	font-size: 12px;
}

.small {
          font-family: Arial, sans-serif;
          font-size: 10px;
          font-weight: normal;
          font-style: normal;
          color: #000000;
}

.white {
          font-family: Arial, sans-serif;
          font-size: 12px;
          font-weight: normal;
          font-style: normal;
          color: #FFFFFF;
}

.title {
          font-family: Avenir, Arial, sans-serif;
          font-size: 16px;
          font-weight: bold;
          font-style: normal;
          color: #779898;
}

.head {
          font-family: Avenir, Arial, sans-serif;
          font-size: 13px;
          font-weight: bold;
          font-style: normal;
          color: #779898;
}

.highlight {
          font-family: Avenir, Arial, sans-serif;
          font-size: 13px;
          font-weight: bold;
          font-style: normal;
          color: #EE8800;
}

.headwhite {
          font-family: Avenir, Arial, sans-serif;
          font-size: 13px;
          font-weight: bold;
          font-style: normal;
          color: #FFFFFF;
}

.glossindex {
          font-family: Arial, sans-serif;
          font-size: 12px;
          font-weight: bold;
          font-style: normal;
          color: #000000;
}

.noglossindex {
          font-family: Arial, sans-serif;
          font-size: 12px;
          font-weight: bold;
          font-style: normal;
          color: #AAAAAA;
}

.titleBar {
          position:absolute;
          left:180px;
          top:20px;
}

.lessontitle {
          font-family: Avenir, Arial, sans-serif;
          font-size: 22px;
          font-weight: normal;
          font-style: normal;
          color: #779898;
}

.topictitle {
          font-family: Avenir, Arial, sans-serif;
          font-size: 22px;
          font-weight: normal;
          font-style: normal;
          color: #000000;
}

.titleBar {
          position:absolute;
          left:180px;
          top:20px;
          width:2100px;
}

a.topics:link { font-family: Arial, sans-serif; font-size: 12px; text-decoration: none; color: #0000FF}
a.topics:visited { font-family: Arial, sans-serif; font-size: 12px; text-decoration: none; color: #0000FF}
a.topics:hover { font-family: Arial, sans-serif; font-size: 12px; text-decoration: underline; color: #000000}
a.topics:active { font-family: Arial, sans-serif; font-size: 12px; text-decoration: none; color: #0000FF}

a.buttons:link { font-weight: bold; font-family: Arial, sans-serif; font-size: 12px; text-decoration: none; color: #486666}
a.buttons:visited { font-weight: bold; font-family: Arial, sans-serif; font-size: 12px; text-decoration: none; color: #486666}
a.buttons:hover { font-weight: bold; font-family: Arial, sans-serif; font-size: 12px; text-decoration: underline; color: #000000}
a.buttons:active { font-weight: bold; font-family: Arial, sans-serif; font-size: 12px; text-decoration: none; color: #486666}

.text {
	margin: 5px;
}

.textsmall {
	position: relative;
	margin: 12px;
	width: 500px;
	left: 60px;
	top: 0px;
}

.bulletlist {
	border-style: double;
	border-width: 4px;
	border-color: #99cc33
}

ul {list-style-type: square; margin-top: 1px; text-align: left; margin-left:0; padding-left:24px;}

.drag{position:relative;cursor:move}

.modImage {
	align: center;
}

.lessImage {
	align: center;
}

.summImage {
	align: center;
}

.welImage {
	align: center;
}

.modText {
	position: absolute;
	top: 50px;
	left: 340px;
	width: 270px;
}

.lessText {
	position: absolute;
	top: 50px;
	left: 80px;
	width: 450px;
	
}

.summText {
	position: absolute;
	top: 220px;
	left: 80px;
	width: 450px;
	
}

.welText {
	position: absolute;
	top: 200px;
	left: 25px;
	width: 450px;
	
}