/* General CSS  */

body {
	background-color: #fff;
	font-size: 100%;
	font-family: Arial, "MS Trebuchet", sans-serif;
	margin: 0px 0 0px 0;
}

/* just for IE6 */
* html body {
	font-size: small;
}

#main {
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 20px 10px 20px;
	
	overflow: hidden;	/* these two lines cause div to expand around contained floats */
	width: 85%;			/* thanks to: http://www.quirksmode.org/css/clearing.html */
}

#content {
	/*background-color: #eee;*/
	padding-left: 20px;
	padding-right: 20px;
}

#footer
{
	border-top: 1px solid #ccc;
	font-size: smaller;
	margin-top: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
}

/* navigation bar */

#topnav ul {
	background-color: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 3px 0px 3px 0px;
	margin: 0px 0px 10px 0px;
	color: White;
	float: left;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
}

#topnav ul li { 
	display: inline; 
}

#topnav ul li a {
	padding: 0.2em 1em;
	color: black;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
}

#topnav ul li a:hover {
	color: red;	
}


/* navigation table on home page */
#nav_table h2 {
    padding: 0;
    margin: 0;
    text-align: center;
}

#nav_table a {
    color: black;
    text-decoration: none;
}

#nav_table a:hover {
    color: red;
    text-decoration: none;
}

#nav_table img {
    border: 3px groove black;
}

#nav_table #other_links {
    font-size: 1.2em;
    text-align: right;
}

#home_name {
    color: black;
    font-size: 2.2em;
    font-stretch: expanded;
}