/*  margins are used to create a gutter on the left-hand side */
p {font-family: Arial, sans-serif; color: black; margin:5px 25px 20px 200px; 
	background-color: #EEEEEE}

td {font-family: Arial, sans-serif;
    font-size: 80%}

br {background-color: #FFFFFF}

/* p:hover {background-color: #CCCCCC} */ 

/* an example of controlling font size, color, and alignment. */
h1, h2 {font-size: 200%; font-family: Arial, sans-serif; text-align: center;
  margin-bottom: 20px;
}

h3 {font-size: 120% ; }

h3 + p {text-indent: 12px}


.courseinfo {font-family: Arial, sans-serif; 
	   font-weight: bold;
/*	   margin-left: 200px;
	   margin-right: 600px;
	   margin-top: -50px; */

	   background: #ddccff;	
	   padding: 5 5 5 5;
	 border: 1px solid black;}


.profinfo {font-family: Arial, sans-serif; 
	   font-weight: bold;
/*	   margin: -50px 425px 0px 375px; */
	   background: #ddccff;	
	   padding: 5 5 5 5;
/*	   position: absolute; */
	   border: 1px solid black;}

.tainfo {font-family: Arial, sans-serif; 
	   font-weight: bold;
/* 	   margin: -160px 50px 0px 600px; */
	   background: #ddccff;	
	   padding: 5 5 5 5;
/*	   position: absolute; */
	   border: 1px solid black;}


.sidebarBox {
  background: #ddccff;
  padding: 5 5 5 5;
  border: 1px solid black;
  position: absolute; 
  margin-bottom: 200px;
}
.menu {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #7733cc;
  margin-bottom: 100px;
}
.menu:hover {
  color: #773333;
}

/* creating the left-hand gutter text with the negative margin. a bit of
a hack, imho ... */ 
.section {font-size: 110% ; color: #000033;
	   width: 150px; 
	position: absolute; 
margin:30px 50px 16px -175px;	
	}

.subsection {font-size: 100% ; color: #000033;
	   width: 180px; 
	position: absolute; 
margin:20px 0px 16px -175px;	
	}



/* creating the left-hand gutter text with the negative margin. a bit of
a hack, imho ... */ 
span.info {font-size: 125% ; color: #000033;
	   width: 150px; 
	position: absolute; 
margin:0px 0px 16px -100px;	
	}
 
/* matching a class */
div.cb {font-size: 110%;
	font-family: sans-serif;
	margin:0px 0px 5px 10px;	
	}

/* an example of how to make a border & background color without tables. */
/* also, matching an id tag */
div#cb-box { border-style: solid; border-color: purple; 
	margin: 0px 0px 5px 100px; background-color: lightyellow; display: block;}


span.question {font-style: oblique; }

ul { margin: 0px 0px 5px 200px; background-color: #EEEEEE; 
	}

ul ul {margin: 10px 0px 5px 5px; background-color: #EEEEEE; }

li {list-style-type: square; margin-bottom: 5px; font-family: Arial, sans-serif;}

ul#leclist {margin: 0px 0px 5px 150px; background-color: #EEEEEE; }



/* controlling link states */ 

a {color: #663366}
a:visited {color: #333366}
a:hover {color: #666699}