body { margin-left: 3%; margin-right: 3%; background-color: #ffffff; 
	color: black; }

/* text elements */

h1 { text-align: center; color: #000080; background-color: transparent; }
h2 { color: #000080; background-color: transparent; padding: 0px;
	margin: 5px; }
h3 { font-style: italic; margin: 5px; color: #000080; 
	background-color: transparent; }

tt { font-size: smaller; color: #800000; background-color: #f8f8ff; }
em { color: #000080; background-color: transparent; }
strong { color: #000080; background-color: transparent; }

a { color: #0000c0; background-color: transparent;
    text-decoration: none; }
a:hover { color: #0000c0; background-color: transparent;
    text-decoration: underline; }
a:link { color: #0000c0; background-color: transparent; }
a:active { color: fuchsia;background-color: transparent;  
    text-decoration: underline; }
a:visited { color: #5555ff; background-color: transparent; }

/* formatting characteristics */ 

img.valid { clear: both;  }

ul { margin-top: 3px; margin-bottom: 3px; 
	margin-right: 3px; list-style-type: disc; }
li { margin-bottom: 3px; }
p.embed { margin-top: 0px; margin-bottom: 5px; }

/* page sections */

.header { margin-left: 0px; }

address { background-color:#dddddd; font-style:italic; font-size:80%;
    color:#808080; font-family:Arial Helvetica sans-serif; padding:2px;
    border-top: black solid 1px; text-align:right; width:47%; 
    position: relative; left:55%; }
address a { color: #8888ff; }
address a:link { color: #8888ff; }
address a:hover { color: #0000c0; }
address a:active { color: fuchsia; }

div.intro { margin-left: 2%; margin-bottom: 10px;
    font-style: italic; width: 95%;
    font-size: 90%; background-color: #eeeeff; color: black; padding: 2px; 
    border: dotted 1px black; }

.introA { margin-left: 5px;; margin-top: 10px;
	width: 245px; background-color: #fff8dc; 
	color: black; border-style: solid; border-width: 1px; 
	padding: 5px; }

.resources { position: relative; }
.students { border-style: solid; border-width: 1px; width: 47%; 
	padding: 5px; background-color: #ffffc0; color: black; }
.instructors { border-style: solid; border-width: 1px; width: 43%; 
	padding: 5px; float: right; 
	position: absolute; left: 55%;
	background-color: #ededff; color: black; }
.visitors { border-style: solid; border-width: 1px; width: 45%; 
	margin-top: 5%; margin-left: 5%; font-size: 90%; 
	background-color: #ffffee; color: black;
	padding: 5px; }

.stu { border-style: solid; border-width: 1px; width: 290px; 
	margin-right: 2%; margin-top: 10px; padding: 1%; 
	background-color: #f3f3f3; color: black; }
.instr { border-style: solid; border-width: 1px; width: 290px; 
	margin-top: 10px; padding: 1%;
	float: right; background-color: #e8e8e8; color: black; }
.visit { border-style: solid;  border-top-width: 1px; 
	border-bottom-width: 0px; border-left-width: 1px; 
	border-right-width: 0px; margin-top: 5px;
        width: 40%; float: right; padding: 3px; color: black; }

div.overnote { border-style: outset; border-width: 4px; width: 600px;
	position: absolute; top: 175px; left: 50px; color: black;
	background-color: #ffff80; z-index: 1; padding: 10px; }
span.aside { font-style: italic; font-size: smaller; }