html {
	min-height: 100%;
}

body, p, h1, h2, h3 {
	font-family: sans-serif;
}

body {
	font-family: sans-serif;
	font-size: 14px;
	background-image: -moz-linear-gradient(top, #304C72, #879FAA);
	margin: 0px;
}

#body {
	width: 800px;
	margin: auto;
	padding: 1em;
	background-color: white;
}

h1 {
	font-size: 200%;
	color: #304C72;
}

h2 {
	font-size: 150%;
	border-width: 0 0 3px 0;
	border-style: none none solid none;
	page-break-before: auto;
	color: #304C72;
}
h3 {
	font-size: 125%;
	margin-left: 24px;
	color: #304C72;
}
h4 {
	font-size: 100%;
	margin-left: 40px;
}
p, ul, dl {
	margin: 6px 0px 6px 40px;
	page-break-inside: avoid;
	font-family: sans-serif;
}

dt {
	font-weight: bold;
}
dd{
	margin: 0px 0px 0px 16px;;
	qpadding: 40px;
}

table {
	margin-left: 100px;
	page-break-inside: avoid;
}

@media print {
	h1, h2, h3 {
		page-break-after: avoid;
	}
	ul, .subsection * {
			page-break-inside: avoid;
	}
	.newpage {
		page-break-before: always;
	}
}

th, td {
	vertical-align: top;
	text-align: left;
}


a {
	text-decoration: none;
	font-weight: bold;
	color: #304C72;
}
a:hover {
	text-decoration: underline;
}

#portrait {
	float: right;
	margin:2em 1em 0em 4em;
	border: solid #304C72 2px;
	background-color: white;
	padding: 16px;

-moz-box-shadow: 10px 10px 5px rgba(136,136,136,.5);
-webkit-box-shadow: 10px 10px 5px rgba(136,136,136,.5);
box-shadow: 10px 10px 5px rgba(136,136,136,.5);

}