html, body, #contents {
	min-height: 100%;
	width: 100%;
	height: 100%;
}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body, html>body #contents {
	height: auto;
}

/*
 * Without this, Moz1.0 adds a vertical scrollbar
 */


#contents {
	position: absolute;
	top: 0;
    left: 0;
/*  Use the following to center this at 50% width, or this for 750px: width: 700px, margin-left: -350px: */
/*
	left: 50%;
    width: 50%;
    margin-left: -25%;
*/
}

#footer {
	position: relative;
	bottom: 0;
	color:inherit;
	background-color: #cccccc;
	width: 100%; /* See note below */
	text-align: center;
	font-size: smaller;
}

/* SBMH -- see http://css-discuss.incutio.com/?page=BoxModelHack 
 * Stupid hack lets IE see 100%, others see 70%. 

#footer {
    \width: 100%;
    w\idth: 70%;
} */

#main {
	margin-bottom: 5em;
	height: auto;
	padding: .5em;
}

                    
                    
body 	{margin-left:0;
		margin-top:0;
		color:#333366;
		background-color:#FFFFFF;
		background-image:url(/images/content_background.gif);
		background-repeat:repeat-x;
		background-position:top left;
		font-family:Helvetica, Geneva, Arial, sans-serif;
		font-size:10px;
		}

body#home {background-image:url(/images/home_background.gif);}

body	{\font-size:10px;
		f\ont-size:0.9em;}
		
table#tblmain	{width:80%;
				padding:0;
				margin:0;
				}

/*#footer	{color:#333399;
		background-color:#CCCCCC;
		width:100%;
		text-align:center;
		
		position:relative;
		
		margin:0;}				 */

A 		{ text-decoration: none }

A 		{color:#333333;
		background:inherit;
		text-decoration: none;
		font-size:0.8em;}
	
						
A.menulink:hover {color: #ffffff;
		background:inherit;
		text-decoration: underline overline;}

.linkcell 	{ padding-left: 10px;
			font-size: 0.65em;}
			
hr 		{color: #000000;
		background:inherit;}


IMG.photo	{margin-left:5px;}