@charset "UTF-8";
/* CSS Document */

/*container for all the content */
div.main {
	width: 55em;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #FFFFFF;
	margin: 20px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 2px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

/*header*/
div.header {
	background: #DDDDDD;
	padding: 3px 5px 3px 5px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background-color: #5B875B;
	margin: 0;
	font-size: 100%;
	font-family:Arial, Helvetica, sans-serif;
}

div.header img {
	height: auto;
	width:auto;
	display: inline;
	text-align: center;
	margin: 3px 3px 3px 3px;
}

/*footer*/
div.footer {
	background:#5B875B;
	clear: left;
	padding: 3px 5px 3px 5px;
	margin: 0;
}

div.img {
	display: block;
	margin: auto;
	text-align: center;
}

div.footer img {
	height: 60px;
	width:auto;
	display: inline;
	text-align: center;
	margin: 0 10px 0 10px;
}

/*navbar*/
div.navbar {
	background: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	padding: 5px 5px 5px 10px;
	margin:0;
	float: left;
	width: 15em;
}

div.navbar menu {
	font-size: 80%;
}

/*informational div */
div.info {
	background:#FFFFFF;
	padding: 5px 5px 5px 20px;
	margin: 2em 2em 2em 16em;
	border-left: 2px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

div.info h1{
	font-size: 34px;
	border-bottom:#5B875B 3px solid;
	text-align:center;
	letter-spacing:8px;
	font-weight: bolder;
}

div.info h2 {
	font-size: 110%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

div.info strong {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}