body{
	-webkit-text-size-adjust:none;
}
header{
	position:fixed;
	width:256px;
	height:210px;
	left:0px;
	top:0px;
	border:1px solid #228822;
}
nav{
	position:fixed;
	overflow-y:auto;
	width:256px;
	left:0px;
	top:260px;
	background-color:#FFFFFF;
	vertical-align:middle;
	border:1px solid #228822;
	border-collapse:collapse;
	Padding:0;
	-webkit-overflow-scrolling:touch;
}
article{
	position:absolute;
	overflow:auto;
	left:258px;
	top:0px;
	font-size:large;
	font-family:serif;
	text-align:center;
	color:#228822;
	-webkit-overflow-scrolling:touch;
}
aside{
	position:fixed;
	width:256px;
	left:0px;
	top:212px;
	background-color:#228822;
	vertical-align:middle;
	border:1px solid #228822;
	font-size:16px;
	font-family:serif;
	font-weight:bold;
	color:white;
	text-shadow:2px 1px 1px rgba(0,0,0,0.8);
}
footer{
	position:fixed;
	width:256px;
	left:0px;
	background-color:#228822;
	border:1px solid #228822;
	border-collapse:collapse;
	Padding:0;
	font-size:16px;
	font-family:serif;
	color:white;
	text-align:center;
	text-shadow:2px 2px 1px rgba(0,0,0,0.8);
}

h1{
	font-size:20px;
	font-size:2.0rem;
}
.z{
	font-size:20px;
	font-size:2.0rem;
}
.b30{
	font-size:30px;
	font-size:3.0rem;
}
.center{
	text-align:center;
	vertical-align:middle;
}
.mtb{
	text-align:center;
	border-collapse:collapse;
	Padding:0;
}
.mtd{
	text-align:left;
	border-collapse:collapse;
	Padding:0;
}
.atb{
	margin:auto
	width:1024px;
	border-collapse:collapse;
	Padding:0;
}
.atd{
	width:128px;
	height:72px;
	border-collapse:collapse;
	Padding:0;
}
.main{
	margin:auto;
	vertical-align:middle;
	border:10px solid #AAAAAA;
}
.antb{
	background-color:#228822;
}
.actb{
	margin:auto;
	width:256px;
	border-collapse:collapse;
	Padding:0;
	text-align:right;
}
.cprt{
	margin:auto;
	width:256px;
	text-align:center;
}

.davt{
	position:fixed;
	width:256px;
	height:256px;
	left:0px;
	top:0px;
	border:1px solid #228822;
	background-color:#FFFFFF;
}

button.s1{
	margin:auto;
	background-color:#44CCAA;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#44CCAA,endcolorstr=#006644))";
	background-image:-webkit-linear-gradient(top,#44CCAA 0%,#22AA88 50%,#228866 50%,#006644 100%);
	background-image:   -moz-linear-gradient(top,#44CCAA 0%,#22AA88 50%,#228866 50%,#006644 100%);
	background-image:     -o-linear-gradient(top,#44CCAA 0%,#22AA88 50%,#228866 50%,#006644 100%);
	background-image:        linear-gradient(top,#44CCAA 0%,#22AA88 50%,#228866 50%,#006644 100%);
	border:1px solid #000000;
	border-radius:5px;
	-webkit-box-shadow:inset 0px 0px 0px 1px rgba(128,255,255,0.4),3px 3px 3px #333333;
	box-shadow:inset 0px 0px 0px 1px rgba(128,255,255,0.4),3px 3px 3px #333333;
	color:#FFF;
	font:bold 22px/1 "helvetica neue",helvetica,arial,sans-serif;
	font-family:serif;
	text-align:center;
	text-shadow:2px 1px 1px rgba(0,0,0,0.8);
}
button.s1:hover{
	background-color:#44DDBB;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#44DDBB,endcolorstr=#007755))";
	background-image:-webkit-linear-gradient(top,#44DDBB 0%,#22BB99 50%,#229977 50%,#007755 100%);
	background-image:   -moz-linear-gradient(top,#44DDBB 0%,#22BB99 50%,#229977 50%,#007755 100%);
	background-image:     -o-linear-gradient(top,#44DDBB 0%,#22BB99 50%,#229977 50%,#007755 100%);
	background-image:        linear-gradient(top,#44DDBB 0%,#22BB99 50%,#229977 50%,#007755 100%);
	cursor:pointer;
}
button.s1:active{
	background-color:#44EECC;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#44EECC,endcolorstr=#008866))";
	background-image:-webkit-linear-gradient(top,#44EECC 0%,#22CCAA 50%,#22AA88 50%,#008866 100%);
	background-image:   -moz-linear-gradient(top,#44EECC 0%,#22CCAA 50%,#22AA88 50%,#008866 100%);
	background-image:     -o-linear-gradient(top,#44EECC 0%,#22CCAA 50%,#22AA88 50%,#008866 100%);
	background-image:        linear-gradient(top,#44EECC 0%,#22CCAA 50%,#22AA88 50%,#008866 100%);
	border:1px solid #000000;
	-webkit-box-shadow:inset 0px 0px 0px 1px rgba(128,128,128,0.4);
	box-shadow:inset 0px 0px 0px 1px rgba(128,128,128,0.4);
}
button.s2{
	margin:auto;
	background-color:#44AA44;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#44AA44,endcolorstr=#004400))";
	background-image:-webkit-linear-gradient(top,#44AA44 0%,#228822 50%,#226622 50%,#004400 100%);
	background-image:   -moz-linear-gradient(top,#44AA44 0%,#228822 50%,#226622 50%,#004400 100%);
	background-image:     -o-linear-gradient(top,#44AA44 0%,#228822 50%,#226622 50%,#004400 100%);
	background-image:        linear-gradient(top,#44AA44 0%,#228822 50%,#226622 50%,#004400 100%);
	border:1px solid #004400;
	border-radius:5px;
	-webkit-box-shadow:inset 0px 0px 0px 1px rgba(128,255,128,0.4),3px 3px 3px #333333;
	box-shadow:inset 0px 0px 0px 1px rgba(128,255,128,0.4),3px 3px 3px #333333;
	color:#FFF;
	font:bold 18px/1 "helvetica neue",helvetica,arial,sans-serif;
	font-family:serif;
	text-align:center;
	text-shadow:2px 1px 1px rgba(0,0,0,0.8);
}
button.s2:hover{
	background-color:#44CC44;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#44CC44,endcolorstr=#006600))";
	background-image:-webkit-linear-gradient(top,#44CC44 0%,#22AA22 50%,#228822 50%,#006600 100%);
	background-image:   -moz-linear-gradient(top,#44CC44 0%,#22AA22 50%,#228822 50%,#006600 100%);
	background-image:     -o-linear-gradient(top,#44CC44 0%,#22AA22 50%,#228822 50%,#006600 100%);
	background-image:        linear-gradient(top,#44CC44 0%,#22AA22 50%,#228822 50%,#006600 100%);
	cursor:pointer;
}
button.s2:active{
	background-color:#44EE44;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#44EE44,endcolorstr=#008800))";
	background-image:-webkit-linear-gradient(top,#44EE44 0%,#22CC22 50%,#22AA22 50%,#008800 100%);
	background-image:   -moz-linear-gradient(top,#44EE44 0%,#22CC22 50%,#22AA22 50%,#008800 100%);
	background-image:     -o-linear-gradient(top,#44EE44 0%,#22CC22 50%,#22AA22 50%,#008800 100%);
	background-image:        linear-gradient(top,#44EE44 0%,#22CC22 50%,#22AA22 50%,#008800 100%);
	-webkit-box-shadow:inset 0px 0px 0px 1px rgba(128,255,128,0.4);
	box-shadow:inset 0px 0px 0px 1px rgba(128,255,128,0.4);
}


button.o1{
	margin:auto;
	background-color:#44EECC;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#44EECC,endcolorstr=#008866))";
	background-image:-webkit-linear-gradient(top,#44EECC 0%,#22CCAA 50%,#22AA88 50%,#008866 100%);
	background-image:   -moz-linear-gradient(top,#44EECC 0%,#22CCAA 50%,#22AA88 50%,#008866 100%);
	background-image:     -o-linear-gradient(top,#44EECC 0%,#22CCAA 50%,#22AA88 50%,#008866 100%);
	background-image:        linear-gradient(top,#44EECC 0%,#22CCAA 50%,#22AA88 50%,#008866 100%);
	border:1px solid #000000;
	border-radius:5px;
	color:#FFF;
	font:bold 22px/1 "helvetica neue",helvetica,arial,sans-serif;
	font-family:serif;
	text-align:center;
	text-shadow:2px 1px 1px rgba(0,0,0,0.8);
}

button.o2{
	margin:auto;
	background-color:#44EE44;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#44EE44,endcolorstr=#008800))";
	background-image:-webkit-linear-gradient(top,#44EE44 0%,#22CC22 50%,#22AA22 50%,#008800 100%);
	background-image:   -moz-linear-gradient(top,#44EE44 0%,#22CC22 50%,#22AA22 50%,#008800 100%);
	background-image:     -o-linear-gradient(top,#44EE44 0%,#22CC22 50%,#22AA22 50%,#008800 100%);
	background-image:        linear-gradient(top,#44EE44 0%,#22CC22 50%,#22AA22 50%,#008800 100%);
	border:1px solid #000000;
	border-radius:5px;
	color:#FFF;
	font:bold 18px/1 "helvetica neue",helvetica,arial,sans-serif;
	font-family:serif;
	text-align:center;
	text-shadow:2px 1px 1px rgba(0,0,0,0.8);
}