html, body, #pagecontainer {
      height:100%;
      margin: 0;
      padding: 0;
      border: none;
      text-align: center;
	background-color: #3877A2;
   }

a:link { color: blue; text-decoration: underline;}
a:active { color: red; text-decoration: underline;}
a:visited { color: purple; text-decoration: underline;}
a:hover { color: green; text-decoration: underline;}

a#speciallink:link { color: pink; text-decoration: underline;}
a#speciallink:active { color: yellow; text-decoration: underline;}
a#speciallink:visited { color: pink; text-decoration: underline;}
a#speciallink:hover { color: red; text-decoration: underline;}

#pagecontainer	{position: relative; 
		width: 870px; 
		margin: 0 auto;
		text-align: left;
		border: 4px;
		border-style: outset;
		border-color: #3877A2;
		background-color: #E5ECF2;
		vertical-align: middle;
		height: 100%;
	overflow: scroll;
		}

#leftcol	{position: absolute;
		left: 10px; top: 20px;
		width: 150px; height: auto;
		padding: 0px;
		text-align: center;
		vertical-align: top;
		}

#logo	  	{position: absolute;
		left: 160px; top: 20px;
		height: 160px; width: 180px;
		padding: 0px;}

#topadnav	{position: absolute;
		left: 350px; top: 20px;
		height: 160px; width: 500px;
		padding: 0px;
		text-align: center;
		}

#content	{position: absolute;
		left: 160px; top: 180px;
		width: 490px;
		padding: 10px;
		padding-bottom: 1em;
		}

#rightcol	{position: absolute;
		left: 670px; top: 180px;
		width: 150px;
		padding: 5px;
		background-color: #C5DBE6;
		border-style: outset;
		border-color: #C5DBE6;
		font-size: 10pt;
		font-family: arial;}

#footer	        {
		font-size: small;
		text-align: center;
		}

img.left	{
		padding: 1px 1px;
		margin: 5px 5px;
		float: left;
		} 

img.right	{
		padding: 1px 1px;
		margin: 5px 5px;
		float: right;
		} 

h1.title	{
		text-align: center;
		}

hr		{
		width: 90%;
		text-align: center;
		}

p.center	{
		text-align: center;
		}

.center		{
		text-align: center;
		}

.red		{
		color: red;
		}