@media screen
{
	body
	{
		margin: 0px;
		padding: 0px;
	}

	div#sitearea
	{
		width: 780px; 
		margin-left: auto; 
		margin-right: auto; 

		border-left: 1px solid #ccc; 
		border-right: 1px solid #ccc; 
	}

	div#header
	{
		position: relative;
		z-index: 100;

		width: 100%; 
		height: 100px; 
		
	}

	a#logo
	{
		position: absolute; 
		right: 115px; 
		top: 15px; 
	}

	div#menubar
	{
		position: absolute; 
		left: 0px; 
		top: 0px; 
		width: 390px; 
		height: 30px; 
	}

	div#content
	{
		position: relative;
		background-image: url('/Internet/Images/bg_2.jpg');
		z-index: 90;

		width: 100%; 
		height: 500px; 
	}

	div#content div.left
	{
		width: 380px; 
		padding: 5px; 
	}

	div#content div.right
	{
		width: 380px; 
		padding: 5px; 
		margin-left: 390px; 
	}

	div#content h2 span
	{
		background-image: url('/Internet/Images/bg_blue.png');
		background-position: bottom;
		background-repeat: repeat-x;
	}

	div#content div.blackonwhite, div#content div.blackonwhite a
	{
		background-color: white; 
		color: black; 
	}

	div#content div.blackonwhite a:hover
	{
		color: #004990;
	}

	div#content div.blackonwhite h2 span
	{
		/*border-bottom: 1px dotted white; */
	}

	div#content div.blueonwhite, div#content div.blueonwhite a
	{
		background-color: white; 
		color: #004990; 
	}

	div#content div.blueonwhite a:hover
	{
		color: #c41230; 
	}

	div#content div.blueonwhite h2 span
	{
		/*border-bottom: 1px dotted #004990; */
	}

	div#content div.whiteonblue, div#content div.whiteonblue a
	{
		background-color: #004990; 
		color: white; 
	}

	div#content div.whiteonblue a:hover
	{
		color: white; 
	}

	div#content div.whiteonblue h2 span
	{
		/*border-bottom: 1px dotted white; */
	}

	div#content div a:hover
	{
		text-decoration: none; 
	}

	div#footer
	{
		position: relative;
		background-color: #fff; 

		width: 100%; 
		height: 65px;
		border-top: 20px solid #aaa; 
	}

	a#hhnklogo
	{
		position: absolute; 
		left: 10px; 
		top: 10px; 
	}

	a#waternetlogo
	{
		position: absolute; 
		left: 58px; 
		top: 10px; 
	}

	a#rvalogo
	{
		position: absolute; 
		right: 10px; 
		top: 10px; 
	}
	
	a#sikblogo
	{
		position: absolute; 
		right: 58px; 
		top: 10px; 
	}

	div#copyright
	{
		position: absolute; 
		left: 200px; 
		top: 10px; 
		width: 380px; 
		text-align: center; 

		margin: 16px 0px 16px 0px;
		color: #444;
	}

	#casemanagers
	{
		font-size: 0.7em;
		padding: 0px;
		width: 100%;
		border-collapse: collapse;
	}

	#casemanagers th, #casemanagers td
	{
		text-align: left;
		vertical-align: top;
		padding: 3px 0px 3px 0px;
	}
	
	.inputform ul
	{
		list-style: none;
		padding: 0px;
		margin: 0px;
	}
	
	.inputform label
	{
		display: block;
	}
	
	.inputform input, .inputform textarea
	{
		background-color: transparent;
		border: 1px dotted white;
		color: white;
		width: 300px;
		padding: 2px;
	}

	.inputform input:active, .inputform input:focus, .inputform textarea:active, .inputform textarea:focus
	{
		background-color: white;
		color: #c41230;
	}
}

a img
{
	border: 0px;
}

.skipnavigation
{
	position: absolute; 
	left: -900px; 
	top: -900px; 
	z-index: -5; 
}

/* FONT CSS */

body
{
	font-family: Arial, Helvetica, sans-serif;
}

div#copyright
{
	font-size: 0.6em;
}

h1
{
	font-size: 1.8em; 
	font-weight: normal; 
	margin: 0px; 
}

h2
{
	font-size: 0.9em; 
	font-weight: normal; 
	margin: 5px 0px 2px 0px; 
}

p
{
	font-size: 0.8em; 
	margin-top: 0.3em; 
	margin-bottom: 0em; 
}

p.smaller
{
	font-size: 0.7em; 
}

@media print
{
	#hhnklogo
	{
		visibility: hidden; 
	}

	#waternetlogo
	{
		visibility: hidden; 
	}

	#rvalogo
	{
		visibility: hidden; 
	}
	
	#sikblogo
	{
		visibility: hidden; 
	}
}
