document.write("<div style='background-color: #FFCCFF'>");
	
	document.write("<ul style='font-family: Arial, sans-serif;'>");
		document.write("<li id='homepage' style='margin-left: 30px; list-style-type: circle'><a href='index.html'>Course homepage</a></li>");
		
		document.write("<li id='resources' style='margin-left: 30px; list-style-type: circle'><a href='resources.htm'>Our resources</a></li>");
		
		document.write("<li id='administration' style='margin-left: 30px; list-style-type: circle'><a href='administration.htm'>Course administration</a></li>");
		
		document.write("<li id='classList' style='margin-left: 30px; list-style-type: circle'><a href='classList.htm'>Who are we?</a></li>");
		
		document.write("<li style='margin-left: 30px; list-style-type: circle'><a href='https://catalysttools.washington.edu/gopost/board/tabrooks/5118/'>Chat</a></li>");
		
		document.write("<li style='margin-left: 30px; list-style-type: circle'><a href='https://catalysttools.washington.edu/sharespaces/space/tabrooks/2889'>Share</a></li>");
		
		document.write("<li style='margin-left: 30px; color: #FFCCFF'>XXX</li>");
		
	document.write("</ul>");

	document.write("</div>");