body { 
	background: white;
	font-family: Helvetica, sans-serif;
}

div[class ~= sidebar] { 
/*
	border-style: dashed;
	border-width: thin;
*/
	position: absolute;
	width: 205px;
	top: 10px;
}

div[class ~= nav] { 

	position: absolute;
	top: 80px;
	width: 500px;  	
	left: 214px;

	text-align: center;
}

div[class ~= content] { 
	/*
	border-style: dashed;
	border-width: thin;
	*/

	position: absolute;
	top: 10em;       /* using em instead of px lets it scale relatively
			   with the font size
			 */
	width: 500px; 

	left: 214px;    /* this is the width of the logo jpg */
}

li > div[class ~= col] { 
	/* this is for column elements inside of an li for convenience */
	display:table-cell;
	padding-right:1ex;
}

ul[class ~= column-list] { 
	list-style-type:none;

}

ul[class ~= column-list] > li { 


}