html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	background: #FFF;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	font-size: 12pt;
}

a {color: black; text-decoration: none;}
a:hover {color: black}
p {line-height: 1.4;}
p1 {letter-spacing: 0.12ex; font-size: 38pt; color: black;}
p2 {letter-spacing: 0.3ex; font-size: 9pt; color: black; line-height: 0.5; vertical-align: 120%; font-family: arial, helvetica, sans-serif;}
img {max-width: 100%; height: auto; border-color: #f4f4f4;}

#wrapper { /* full screen window */
	min-height: 88%;
	height: auto !important;
	height: 100%;
}

#top { 
	width: 94%;
	padding-top: 3%;
	padding-left: 4.8%;
	text-align: left;
	color: #848284;
	font-family: 'Kaushan Script', cursive;
}

#menu {padding-bottom: 2%; padding-left: 5%; text-align: left;}

#center {padding-left: 11.5%; padding-right: 11.5%; padding-top: 1.1%; padding-bottom: 2%; text-align: center; font-family: georgia, serif; font-size: 12pt;}

#footer_correct { /* full screen window */
height: 150px; clear: both; 
}

#footer {
	width: 100%;
	height: 0.1px;
    padding-top: 1px;
	padding-bottom: 10px;
	margin-top: -160px;
	background: #FFF;
	text-align: center; 
	color: gray;
	font-size: 11pt;
}

.switch {position: absolute; top: 1.8em; right: 1.8em;}

.nounder a {color: black; text-decoration: none;}
.nounder a:hover {text-decoration: underline;}

.name { /* full screen window */
padding: 1.2% 0; text-align: center; }