body {
		margin: 0px 100px 0px 100px;
		background-color: #222222; //314e6c;
		color: #eeeeee;
		/* 'Bitstream Vera Sans' looks nive with Linux, but ugly with Windows 
		   and it's hard to read there */
		/* font-family: 'Bitstream Vera Sans',Verdana,sans; */
		font-family: helvetica,verdana,sans;
		font-size: small;
		line-height: 12pt;
			}
	
	#page {
		//margin-left: 2%;
		width: 700px;
		
		border-left: 1px solid white;
		border-right: 1px solid white;
		background-color: white;
		background-repeat: no-repeat;
		background-image: url('chalk2.jpg');
		background-position: top;
		color: grey; //#FFFFFF;
		}
	
	#title {
		position: absolute;
		top: 55px;
		left: 220px;
		font-style: italic;
		padding: 3px;
		margin: 0px;
	}
	
	#subtitle {
		position: absolute;
		top: 10px;
		left: 470px;
		color: white;
		font-size: small;
		padding: 2px;
		margin: 0px;
	}
	
	#subtitle2 {
		
		color: white;
		font-size: small;
			}
	
	#sectionnav {
		position: absolute;
		top: 130px;
		left: 10px;
		width: 200px;
		padding-right: 10px;		
	}
	
	
	#subsectionnav {
		position: absolute;
		top: 210px;
		left: 120px;
		width: 120px;
		padding-right: 10px;		
	}
	
	
	#pubnav {
		position: absolute;
		top: 210px;
		width: 100%;
		padding-right: 10px;		
	}
	
	#codenav {
		position: absolute;
		top: 210px;
		width: 100%;
		padding-right: 10px;		
	}
	
	#photonav {
		position: absolute;
		
		//top: 110px;
		//left: 120px;
		//width: 120px;
		padding-right: 10px;		
	}
	
	#photonav a {
		//display: block;
		text-decoration: none;
		color: white;
		padding: 4px;
		font-size: large;
		padding-left: 16px;		
	}
	
	#photonavtext{
		position: absolute;
		font-size: small;
		text-decoration: none;
		text-align: justify;
		left: 200pix;
	}

	#photonav a:hover {
		color: gray;
		}
	
	#pubnav a {
		display: block;
		text-decoration: none;
		color: gray; //white;
		padding: 4px;
		font-size: small;
		padding-left: 16px;
	}

	#pubnav a:hover {
		color: white; //white;
		}


	#codenav a {
		display: block;
		text-decoration: none;
		color: gray; //white;
		font-size: small;
		padding-left: 4px;
	}

	#codenav a:hover {
		color: white; //white;
		}

	#sectionnav a {
		display: block;
		text-decoration: none;
		color: #7777ff; //gray;
		padding: 4px;
		font-size: large;
		padding-left: 16px;
	}



	#subsectionnav a {
		display: block;
		text-decoration: none;
		color: white; //white;
		padding: 4px;
		font-size: small;
		padding-left: 16px;
	}


	#sectionnav a:hover {
		color: white; //lightblue;
		}


	
	#content {
		position: relative;
		margin: 0px 50px 0px 70px;
		padding-right: 10px;
	}
	
	
	#footer {
		text-align: center;
		color: white;
		font-size: x-small;
		border-top: 1px solid #cccccc;
		margin-top: 30px;
	}
	
	a{ color: #aaaaff; text-decoration: none;  }
	a:hover{ color: gray;}
	
	h3 {
		border-bottom: 1px solid #cccccc;
	}
	
	hlink {
		
		position: absolute;
		font-size: small;
		top: 190px;
		left: 400px;
		color: white;
		padding: 2px;
		margin: 0px;
	}
	
	hpub{
		position: absolute;
		text-align: left;
		font-size: x-small;
		padding-left: 20px;
	}
	
	codedisc{
		position: absolute;
		text-align: left;
		font-size: x-small;
		font-style: bold;
		padding-left: 200px;
	}
	
	
	hr {
		color: #023390;
		background-color: #023390;
	}
	
	kbd {
		font-size: 90%;
		white-space: pre;
	}
	
	img.floatLeft{ float: left;
	margin: 10px;}
	
	
	img.floatRight{ float: right;
	margin: 10px;}
	
	.screenshot {
		padding: 2px;
		margin: 2px;
		border-bottom: solid 1px #e0e0e0;
	}
	
	.screenshot .image {
		padding: 5px;
	}
	
	.screenshot .description {
		float: right;
		text-align: justify;
		padding: 5px;
		width:60%;
	}
	
	
	
	.navheader {
		margin-top: 50px;
	}
	
	code {
		font-family: courier,courier-new,fixed;
		white-space: pre;
	}
	
	.note {
		background-color: #ffdb43;
		border: 1pt solid #6e8ae6;
		padding: 4pt;
		margin: 5pt;
	}
	
	.navbox {
		background-color: #6e8ae6;
		border: 1pt solid #ffdb43;
		padding: 4pt;
		margin: 5pt;
		text-align: center;
		font-family: Helvetica,Arial,sans-serif;
	}
	
	.navbox a {
	   color: #ffffff;
	}
	
	ul li {
	   line-height: 1.3em;
	}
	
	label {
	
	width: 4em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	}
	
	input
	{
		color: #000000;
		background: #C0C0C0;
		border: 1px solid #314e6c;;
	
	}	

	legend
	{
		
		color: white;
		font-size: small;
	}
	
	.submit input
	{
		margin-left: 4.5em;
		color: #000;
		background: #C0C0C0;
		border: 1px solid #314e6c;
	}