body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F9F9F9;
	margin: 0px; }

/* separate CSS for the printer-friendly version */
body.print {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	margin: 0px; }

/* additional font shrinking for the <sub></sub> element */
sub { font-size: 70%; }

/* additional font shrinking for the <sup></sup> element */	
sup { font-size: 70%; }





/* the full body fills the entire width of the viewport, 
inside the body a div with max-width 65em */
div.body {
	max-width: 65em;
	margin: auto; }

div.bodyprint {
	max-width: 45em;
 	margin: auto; }
	
td.contents {             /*will be phased out, replacement is td.navigation */
	vertical-align: top;
	width: 20%; }

/* the left-hand cell of a two-cell table is the navigation column */
td.navigation {
	vertical-align: top;
	width: 20%; }

div.contents {             /*will be phased out, replacement is div.navigation */
	padding: 10px;
	background-color: #F9F9F9;
	font-size: 90%; }

div.navigation {
	padding: 10px;
	background-color: #F9F9F9;
	font-size: 90%; }

/* the link to switch between 256x256 pixels and 512x512 pixels */
div.switch {
	padding: 10px 10px 10px 10px;
	background-color: #EFEFEF; }

/* each category in the navigation column has its head */	
div.contenthead {
	padding: 10px;
	background-color: #EFEFEF; }


/* the list for each category in the navigation column */
div.contentlist {
	padding-top: 5px; 
	padding-left: 10px; 
	padding-bottom: 25px; 
	padding-right: 10px; }

/* the right-hand cell of a two-cell table is the article space */	
td.article {
	vertical-align: top;
	background-color: #EFEFEF; } /* Will be phased out, background is defined in div.article */

div.article {
	background-color: #EFEFEF;
	padding-top: 10px;
	padding-left: 2%;
	padding-bottom: 30px;
	padding-right: 2%;
	color: #404040; /*the attribute 'color' is the font color*/ }
	
div.articleprintopt {
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-left: 2%;
	padding-bottom: 30px;
	padding-right: 2%;
	color: #000000; }

h2 { margin-top: 50px; }
h3 { margin-top: 30px; margin-bottom: 20px;}
h4 { margin-top: 20px; margin-bottom: 10px;}
h5 { margin-top: 10px; margin-bottom: 5px;}





div.image {
	margin: 0px 10px 5px 20px;
	border: 1px solid #CCCCCC;
	background-color: #F9F9F9;
	padding: 3px;
	float: right;
	clear: right; }
	
div.image256 {      
	width: 258px;
	margin: 0px 10px 5px 20px;
	border: 1px solid #CCCCCC;
	background-color: #F9F9F9;
	padding: 3px;
	float: right;
	clear: right; }
	

div.image512 {   
	width: 514px;
	margin: 0px 10px 5px 20px;
	border: 1px solid #CCCCCC;
	background-color: #F9F9F9;
	padding: 3px;
	float: right;
	clear: right; }

div.image512centered {
	width: 514px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #CCCCCC;
	background-color: #F9F9F9;
	padding: 3px; }

img.border {
	border: 1px solid #CCCCCC; }

img.padding {
	background-color: #FFFFFF;
	padding-left: 128px; 
	padding-right: 128px;
	border: 1px solid #CCCCCC; }

img.padding128 {
	background-color: #FFFFFF;
	padding-left: 128px; 
	padding-right: 128px;
	border: 1px solid #CCCCCC; }


div.caption {
	margin: 5px 3px 5px 3px;
	font-size: 90%; }





table.equation {
	width: 100%; }

td.equation {
	width:80%; }

td.equationnumber {
	text-align:left;
	font-size:80%;
	vertical-align:middle; }

div.equation {
	margin-left: 40px; }

li {list-style-type:disc;}

a:link {color: #555599;}
a:visited {color: #885588;}
a:hover {background: #DDDDDD;}