.smallest{
	font-size:80%;
}
.smaller{
	font-size:90%;
}
font.normal{
	font-size:100%;
}
.bigger{
	font-size:110%;
}
.biggest{
	font-size:120%;
}
figure.embed{
	padding-top:56.25%;
}
.noselect{
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
#modal{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:rgba(0,0,0,0.75);
	z-index:9999999;
}
body{
	width:100%;
	height:100%;
	background-color:#fff;
	line-height:150%;
	font-family:Verdana,Helvetica;
	font-size:61%;
}
#container{
	position:relative;
	top:46px;
	left:20px;
	width:760px;
	color:#666;
	text-align:auto;
	postion:relative;
}
#header{
	position:fixed;
	top:46px;
	left:50px;
}
#nav{
	position:fixed;
	width:180px;
	top:166px;
	left:50px;
}
#content{
	float:right;
	width:525px;
}
#content p{
	text-align:justify;
	line-height:150%;
}
#footer{
	clear:both;
	display:none;
}
a{
	text-decoration:none;
	color:#666;
}
a.selected{
	font-weight:bolder;
	color:#000;
}
a:hover{
	color:#222;
	text-decoration:underline;
}
#nav nav a{
	display:inherit;
}
.italic{
	font-style:italic;
}
h1{
	margin-bottom:15px;
	font-weight:bold;
	color:#000;
	font-size:8pt;
}
h2{
	font-weight:bold;
	color:#000;
	font-size:8pt;
}
h3{
	font-weight:normal;
	color:#000;
	font-size:8pt;
	font-style:italic;
}
h4{
	font-size:7pt;
	color:#666;
}
.rowitem label{
	display:table-cell;
	width:75px;
	font-weight:bold;
	color:#000;
}
.rowitem span{
	display:table-cell;
	padding-bottom:10px;
}
div.text ul > li{
	list-style-type:none;
}
section{
	margin-bottom:1.5em;
}
nav ul{
	margin-bottom:1.5em;
}
#content img, #content iframe{
	margin-top:1.5em;
	margin-bottom:1.5em;
}

@media only print {
body{
	background-color:#fff;
	padding:1.0em;
	width:initial-width;
	color:#000;
}
#nav li{
	display:inline-block;
	padding:0.5em;
}
#nav li a{
	text-decoration:none;
}
div.col{
	padding:0em;
}}

@media only screen and (max-width:480px) {
.col{
	padding:0.5em;
	margin-bottom:0.5em;
}}

@media only screen and (min-width:481px) {
.tbl{
	display:table;
	width:100%;
	vertical-align:top;
	border-collapse:separate;
	border-spacing:0.5em 0.5em;
}
.tbl:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:"";
	clear:both;
	height:0;
}
.row{
	display:table-row;
	vertical-align:top;
}
.col{
	display:table-cell;
	vertical-align:top;
}}