body {
	font-family: sans-serif;
	font-size: 10pt;
	width: 900px;
	margin: auto;
}

h1 {
	font-family: sans-serif;
	font-size: 24pt;
	margin-top: 48px;
}

#nav td {
	/*border-collapse: collapse;*/
	border: 1px solid silver;
	color: black;
	width: 128px;
	height: 128px;
	background: rgb(248,251,254); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(248,251,254,1) 0%, rgba(231,239,251,1) 50%, rgba(245,247,253,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,251,254,1)), color-stop(50%,rgba(231,239,251,1)), color-stop(100%,rgba(245,247,253,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(248,251,254,1) 0%,rgba(231,239,251,1) 50%,rgba(245,247,253,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(248,251,254,1) 0%,rgba(231,239,251,1) 50%,rgba(245,247,253,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(248,251,254,1) 0%,rgba(231,239,251,1) 50%,rgba(245,247,253,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(248,251,254,1) 0%,rgba(231,239,251,1) 50%,rgba(245,247,253,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8fbfe', endColorstr='#f5f7fd',GradientType=0 ); /* IE6-9 */
	border-radius: 32px;
	text-align: center;
}

#nav td:hover {
	/*border-collapse: collapse;*/
	color: white;
	width: 128px;
	height: 128px;
	background: rgb(198,213,240); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(198,213,240,1) 0%, rgba(95,152,231,1) 50%, rgba(205,218,241,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(198,213,240,1)), color-stop(50%,rgba(95,152,231,1)), color-stop(100%,rgba(205,218,241,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(198,213,240,1) 0%,rgba(95,152,231,1) 50%,rgba(205,218,241,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(198,213,240,1) 0%,rgba(95,152,231,1) 50%,rgba(205,218,241,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(198,213,240,1) 0%,rgba(95,152,231,1) 50%,rgba(205,218,241,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(198,213,240,1) 0%,rgba(95,152,231,1) 50%,rgba(205,218,241,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6d5f0', endColorstr='#cddaf1',GradientType=0 ); /* IE6-9 */
	border-radius: 32px;
	text-align: center;
}
table#nav {
	margin: auto;
	border-spacing: 32px;
	border: 0px solid white;
	font-family: sans-serif;
	font-size: 10pt;
}
#nav a {
	font-family: sans-serif;
	font-size: 10pt;
	text-decoration: none;
	color: black;
}
#nav img {
	border: 0px;
}
#nav caption {
	caption-side: bottom;
}

table#nav2 {
	margin: auto;
	border-spacing: 8px;
	border: 0px solid white;
	font-family: sans-serif;
	font-size: 6pt;
}

#nav2 td {
	font-size: 6pt;
	widht: 64px;
	height: 64px;
		border-radius: 8px;
}

#nav2:hover td {
	font-size: 6pt;
	widht: 64px;
	height: 64px;
		border-radius: 8px;
}

#nav2 img {
	width: 22px;
	height: 22px;
}

#footer {
	margin-left: auto;
	margin-right: auto;
	margin-top: 32px;
	margin-bottom: 32px;
	text-align: center;
	font-family: sans-serif;
	font-size: 9pt;
	color: silver;
}

#footer a {
	color: gray;
}

#footer a:hover {
	color: red;
}

#dlog {
	border: 1px red solid;
	font-family: sans-serif;
	font-size: 10pt;
	text-align: center;
	margin: 32px;
	margin-left: auto;
	margin-right: auto;
	padding: 32px;
	width: 33%;
}

a {
	text-decoration: none;
	color: blue;
}

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

figcaption {
	font-size: 9pt;
	font-style: italic;
	padding: 16px;
}

img {
	border: 0px solid white;
}