#Layer1
{
  width: 100%; 
	margin-left: 0px;
	margin-top: 0px;
	overflow: auto;
	height: 200px;
}
   
#Layer2
{
	width: 100%;
	margin-left: 0px;
	margin-top: 0px;
	overflow: auto;
	height: 200px;
}

body 
{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background-color: #ececec;
}

h1
{
  font-size: 125%;
	margin: 0px;
	padding: 4px;
}

h2
{
  font-size: 120%;
	margin: 0px;
	padding: 4px;
}

h3
{
  font-size: 115%;
	margin: 0px;
	padding: 4px;
}

h4
{
  font-size: 110%;
	margin: 0px;
	padding: 4px;
}

h5
{
  font-size: 105%;
	margin: 0px;
	padding: 4px;
}

h6
{
  font-size: 100%;
	margin: 0px;
	padding: 4px;
}

p
{
  font-size: 80%;
	margin: 0px;
	padding: 4px;
}

td.small
{
  font-size: 70%;
	margin: 0px;
	padding: 0px;
}

li
{
  font-size: 90%;
  margin: 0px;
  padding: 0px;
}

ul
{
  margin:0px;
  padding-top:0px;
	padding-bottom:0px;
  padding-left:30px;
}

.msg {
	font-size: 100%;
	color: #FF0000;
	background-color: #FFFFCC;
	padding: 2px;
	border: 1px dotted #FF9900;
	font-weight: bold;
}

.dark
{
    background-color:#ececec;
}

.light
{
    background-color:#f8f8f8;
}

.teacher
{
    background-color: #99FFFF;
}

.admin
{
    background-color: #FFCC00;
}

.black
{
	font-size: 10%;    /* KLUDGE TO MAKE IE8 BEHAVE */
    background-color:#777777;
}

pre
{
	font-size: 120%;
}

.redyel {
	background-color:#FFFF00;
	color:#FF0000;
}

.f80 {
	font-size: 80%;
	margin: 0px;
	padding: 2px;
}

a{
	text-decoration: none;
	color:#0000FF;
} 

a:visited{
	text-decoration: none;
	color:#0000FF;
} 

a:hover {
	background-color: #FFFF00;
} 

.mono
{
	font-family: "Courier New", Courier, monospace;
}

form 
{
	display:inline;
	margin: 0px;
	padding: 0px;
}

.overline {
  text-decoration:overline;
}