html, body, div { margin: 0; padding: 0; }

body
{
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 12pt;
	background-color: #FAFAFA;
	color: black;
}

a
{
	text-decoration: none;
	color: #0000AA;
}

#content
{
	max-width: 768px;
	margin: 0 auto;
	text-align: left;	
	
	background-color: white;
}

#content .image
{
	max-width: 40%;
	padding: 0.5em;
	margin: 0.5em;
	
	border: 1px solid #FAFAFA;
	float: right;
	text-align: center;
	font-size: 70%;
}
#content .image p
{
	padding: 0;
	margin: 0;
	margin-top: 0.5em;
}

#content img
{
	max-width: 100%;
}


#header
{
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #EEE;
}

#menu
{
	margin: 0;
	padding: 0.5em 1em;
}

#header ul
{
	list-style-type: none;
	font-size: 11pt;
	padding: 0;
	margin: 0;
	margin-left: 5pt;
	margin-right: 5pt;
}

#header ul li
{
	float: left;
	margin: 0;
	margin-right: 2em;
}

#header ul li a
{
	display: block;
	padding-top: 0.5em;
	padding-bottom: 0.3em;
	color: black;
}

#header ul li a
{
	border-bottom: 3px solid white;
}

#header ul li.selected a, #header ul li a:hover
{
	border-color: #0000AA;
}

#header img
{
	max-width: 100%;
	padding: 0;
	margin: 0;
}

#main
{
	margin-left: 5pt;
	margin-right: 5pt;
	padding-bottom: 1em;
	text-align: left;
}

@media all and (min-width: 768px)
{
	#main
	{
		margin-left: 20pt;
		margin-right: 20pt;
	}
	
	#header ul
	{
		margin-left: 20pt;
		margin-right: 20pt;
		font-size: 15pt
	}
}

#footer
{
	text-align: center;
	font-size: 10pt;
	color: black;
	
	border-top: 1px solid #FAFAFA;
	
	margin-top: 1em;
	padding: 0.5em 1em;
	
	clear: both;
}