body{	color:black;	font:101% Arial, Helvetica, sans-serif;	background:#CCCCCC;	}	/* centers the document and specifies its width */		div#body{	margin:3em auto 3em auto;	width:800px;	background-color:white;	}div#header, div#navigation, div#syllabi, div#player, div#footer{	padding:10px;	}/* header */		div#header {	/*color:blue;*/	color:black;	/*background:white url(../images/red.jpg) no-repeat;*/	background:white no-repeat;	height:80px;	border:1px solid black;	}	div#header h1{	position:relative;	color:#000000;	font-size: 150%;	padding:0;	margin:0;	z-index:2;	}	/*div#header h1.doppel{	position:relative;	top:-30px;	left:2px;	color:#000000;	z-index:1;	display:none;	}*/	div#headwrap{	position:relative;	top:25px;	}/* content area *//* content area wrapper */div#content{	background:white;	border-right:1px solid black;	}/* navigation  column 1*//* faux column 1 */div#bcol01{	background:url(../images/bgcol01.gif) repeat-y top left;	position:relative;	}/*div#bcol02{	background:url(../images/bgcol02.gif) repeat-y top right;	position:relative;	}*/div.clearit{	clear:both;	}/* Aslett clearing method */.aslett:after {	content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden;	}.aslett {display: inline-block;}* html .aslett {height: 1%;}.aslett {display: block;}/*.aslett:after {	content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden;	}.aslett {display: inline-block;}* html .aslett {height: 1%;}.aslett {display: block;}code that works */ /* actual column 1 */div#navigation{	font-size:90%;	left:0px;	width:150px;	position:absolute;	top:0px;	overflow:hidden;	border-bottom:1px solid black;	}* html body div#navigation{	}div#navigation ul{	font-family: Arial, Helvetica, sans-serif;	color: #FFFFFF;	display: block;	margin: 0px;	padding: 0px;	list-style-type: none;		}div#navigation ul li{	background-image: url(../images/underline.gif);	background-repeat: repeat-x;	background-position: left bottom;	padding-top: 5px;	padding-right: 5px;	padding-bottom: 5px;	width: 140px;	}div#navigation ul li a{	color: #666666;	text-decoration: none;	}	* html body div#navigation ul li a{	color: #999999;	text-decoration: none;	}	div#navigation ul li a:hover{	color: #FFFFFF;	text-decoration:none;	background-image: none;	}div#navigation h3 {  font-size: 140%;	/*color: #555555;*/	color: #FFFFFF;	text-align:left;	margin:0 0 10px 0;	}/* syllabi  column 2 */div#syllabi{	margin:0 170px 0 170px;	min-height:600px;	/*border:1px solid black;*/	/*display:block;*/	/*this code places an image behind whatever occurs in the syllabi page*/	/*background:white url(../images/blue.jpg) no-repeat;*/	}* html body div#syllabi{        height:500px;        }	div#syllabi p{	font-size:84%;	margin:0 0 5px 0;	text-indent:15px;	}div#syllabi p.noin{	text-indent:0px;	}	div#syllabi ul{	font-size:84%;	list-style-type:none;	margin:20px 0 20px 0;	padding:0;	}div#syllabi ul.head{	margin:0 0 30px 0;	}	div#syllabi ul li{	margin:0 0 5px 0;	display:block;	}div#syllabi ul li span{	font-size:100%;	font-weight:bold;	}div#syllabi ul li blockquote{	margin:0 0 0 10px;	padding:0;	}	/* just vita style */div#syllabi ul.vita{	}	img{	/*border:1px solid black;*/	float:right;	margin:0 0 10px 20px;	}/* player  column 3 */div#player{	color:white;	right:0px;	width:154px;	position:absolute;	top:-10px;	overflow:hidden;	}	div#flashplayer{	margin:5px 0 0 0;	}/* footer */div#footer{	clear:both;	background:#333333;	/* url(../images/black_logo.gif) no-repeat;*/	border:1px solid black;	color:white;	}div#footer p{	padding:0;	margin:0;	font-size:84%;	text-align:center;	}div#navigation ul li a.on {	color: #FFFFFF;}