/*
 * First section is general styling, based on my old styles.css,
 * and on Mike Horn's RBI page.
 * See also, for nice formatting, sans special tools, from Emmanuel at LRI
 *	http://zvtm.sourceforge.net/zvtm_main.css
 *	http://claribole.net/
 */

body {
	margin: 4%;
	text-align: justify;
	font-family: arial, sans-serif;
	font-size: 11pt;
	color: black;
}

p {
	line-height: 1.3em;
}

h1,h2,h3,h4,h5,h6,th,dt,div.leftcolumn {
	font-weight: bold;
	color: #777;
}

h1 { font-size: 200%; }
h2,div.leftcolumn { font-size: 140%; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }

dt { font-size: 120%; } /* Currently used only by hci/faculty.html */

a:link { color: #228; }
a:visited { color: #809; }
a:hover { color: #e40; }

hr {
	color: #336699;
	background-color: #336699;
	height: 4px;
	border: 0;
}

/* Currently used only on my home page */
img.floatright { 
	float: right;
	margin: 8px;
}

body.homepage {
	background-color: #f7f7f7
}    

ul.homepage {
	padding-left: 1.5em;
}

div.imagearray {
	text-align: left;
}

div.imagearray img {
	margin: 1em;
}

/*
 * New styling for tableless version of my former table layouts,
 * ie the course web pages.
 * NB The table on my home page is probably a legitimate table
 */

/* A unit containing the two columns, currently not used for anything */
div.twocolumns {
}

/* One of the two columns, also has entries above to make it match h2 */
div.leftcolumn {
	margin-top: 3em;
	margin-bottom: 3em; 

	width: 25%;
	vertical-align: top;
	text-align: right;
}

/* The other of the two columns */
div.maincolumn {
	margin-top: -6em; /* Should be ~height of a leftcolumn entry (~1.5 em) + its margins */
	margin-left: 28%; /* Should be "width" of .leftcolumn + some gap */
	margin-right: 6%;

	vertical-align: top;
	text-align: left;
}

div.maincolumn ul {
	list-style-type: none;
	margin-left: 0;
}

div.maincolumn li {
	margin-bottom: 0.5em;
}