* {
		font-family: arial, verdana, sans-serif;
	}
	
	code {
		font-family: monospace;
	}
	
	#menu a				{ color: black; text-decoration: none; }
	#menu a:link		{ color: black; text-decoration: none; }
	#menu a:visited		{ color: black; text-decoration: none; }
	#menu a:hover		{ color: red; text-decoration: none; }
	#menu a:active		{ color: red; text-decoration: none; }
	
	a			{ color: #036; text-decoration: underline; }
	a:link		{ color: #036; text-decoration: underline; }
	a:visited	{ color: #036; text-decoration: underline; }
	a:hover		{ color: #F33; text-decoration: underline; }
	a:active	{ color: #F33; text-decoration: underline; }
	
	body {
		background: darkgray;
	}
	
	table#layout {
		width: 820px;
	}
	
	td.left {
		width: 100px;
	}
	
	td.right {
		width: 700px;
	}

	td.span {
		width: 800px;
		text-align: center;
	}
	
	td.oneline {
		white-space: nowrap;
	}
	
	td.number {
		text-align: right;
		white-space: nowrap;
	}
	
	td.separator {
		padding: 10px;
		border-top:solid 1px black;
	}

	table.layout tr p {
		text-align: center;
	}

	tr {
		vertical-align: top;
	}

	ul.navlist {
			list-style-type: none;
	}

	.navlist {
			margin-left: 0;
			padding-left: 0;
			margin-right: 0;
			padding-right:0;
	}

	
	.heading {
		text-align: center;
		background: gray;
	}
	
	.headercell {
		background: gray;
		font-size: small;
		font-weight: bold;
		padding: 2px;
	}

	.summarycell {
		background:  darkgray;
		font-size: small;
		font-weight: normal;
		padding: 2px;
	}

	.evencell {
		background: #D3D3D3;
		font-size: small;
		font-weight: normal;
		padding: 2px;
	}

	.oddcell {
		background:  darkgray;
		font-size: small;
		font-weight: normal;
		padding: 2px;
	}
	
	.form1 {
		font-size: medium;
		font-weight: normal;
		padding: 2px;
	}

	.required {
		color: red;
	}
	
	.error {
		color: red;
	}
	
	.note {
		font-size: small;
		text-align: center;
	}
	
	fieldset {
		border-color: black;
	}
	
	legend {
		color: black;
	}
	
	label {
		display: block;
		color: black;
		font-weight: normal;
		background: darkgray;
		float: left;
		width: 180px;
		height: 2em;
		text-align: right;
		padding-right: 20px;
/* 		vertical-align:  top; */
	}
		
	label.req:before {
		content: "* ";
		color: red;
	}

	label.name:after {
		content: ": ";
	}
	
	label.name-req:after {
		content: ": ";
	}

	label.name-req:before {
		content: "* ";
		color: red;
	}
	
	label.message:after {
		content: ": ";
	}

	label.message {
		background: darkgray;
		color: red;
		width: 450px;
		text-align: right;
		padding-top:   1em;
		margin-bottom: 10px;
 		height: 1em;
	}
	
/* Safari and  IE don't seem to like attribute selectors... */
	input.text {
		background:  #D3D3D3;
		display: block;
		width:  300px;
		height: 1em;
		float: left;
		margin-bottom: 10px;
	}

	input[type="text"], input[type="password"] {
		background:  #D3D3D3;
		width:  300px;
		height: 1em;
	}
	
	textarea {
		background:  #D3D3D3;
		display: block;
		width:  300px;
		float: left;
		margin-bottom: 10px;
	}
	
	br {
		clear: left;
	}
	
	input#EmailPass {
		width: 60px;
		clear: none;
	}
	
	input.button {
		width: 100px;
		margin-top: 15px;
		margin-left: 5px;
		color: black;
		border: 1px solid black;
	}
	
	input.buttonMiddle {
		width: 100px;
		margin-top: 15px;
		margin-left: 220px;
		color: black;
		border: 1px solid black;
	}
	
	input.buttonSubmit {
		position: relative;
		width: 100px;
		margin-top: 15px;
		left: 450px;
		color: black;
		border: 1px solid black;
	}
	
	input.buttonSubmit2 {
		position: relative;
		width: 100px;
		margin-top: 15px;
		left: 350px;
		color: black;
		border: 1px solid black;
	}
	
	div#message {
		font-weight: bold;
		font-size: large;
	}
	
	#banner {
		color:  black;
		font-size: 1.5em;
		font-weight: bold;
		padding: 15px;
		text-align: center;
		height: 30px;
	}

	#logocell {
		margin-left: 30px;
		padding: 15px;
		height: 30px;
	}

	#license {
		text-align: left;
		font-size: smaller;
	}
	
	#menu {
		background:  #D3D3D3;
		margin-left: 30px;
		padding: 10px;
		width: 160px;
		line-height: 200%;
		vertical-align: top;
		color: black;
	}
	
	#screen {
		padding: 20px;
		/* margin-left: 10px; */
	}
	
	#footer {
		font-size: small;
		height: 1px;
		vertical-align: bottom;
		text-align: center;
	}
	
	#TemplateText {
		background:  #D3D3D3;
		font-size: smaller;
		font-family: monospace;
		display: block;
		width:  550px;
		float: left;
		margin-bottom: 10px;
	}