/* Layout */

body {
    font:normal 20px/1.6em Arial, Helvetica, sans-serif;
	color:#2a3845;
	margin:0;
	padding:0;
	background:#FFFFFF;

}
.anchor:before {
			display: block;
			content: " ";
			margin-top: -3em;
			height: 3em;
			visibility: hidden;
		}

p {
	margin:10;
	padding:20;
}
.column {
    float: left;
    width: 50%;
}
.ex{
	width: 1350px;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

		
	hr {
    clear: both;
    visibility: hidden;
}	
		
	

		table.bio tr td {
			padding: 0.0em 0.5em 0.0em 0.5em;
		}

		table.bio tr td:first-of-type {
			padding-left: 0em;
			text-align: right;
			font-weight: bold;
			color: rgba(128, 128, 128, 1.0);
		}

		img.pic {
			float: left;
			padding-right: 1em;
		}

		img.nil {
			display: none;
		}

		h2.position {
			margin-bottom: 0.2em;
		}

		span.period {
			font-weight: bold;
			color: rgba(128, 128, 128, 1.0);
		}

		span.period a {
			font-weight: normal;
			text-decoration: none;
			color: rgba(0, 0, 128, 1.0);
		}

		span.remark {
			color: rgba(0, 0, 0, 1.0);
		}

		
		span.other {
			color: rgba(255, 127, 0, 1.0);
		}

		
		 a {
			text-decoration: none;
			color: rgba(0, 0, 170, 1.0);
		}

		div.nav {
			background-color: rgba(0, 0, 0, 0.8);
			font-family: 'Arial', sans;
			font-size: 100%;
			overflow: hidden;
			position: fixed;
			z-index: 1000;
			top: 0px;
			left: 0px;
			right: 0px;
			margin: 0em;
			padding: 0em;
		}

		/* navigation bar: logo */
		div.nav > a {
			float: right;

			display: inline-block;
			padding: 0.5em 1.2em 0.5em 1.2em;
			margin: 0em;
			color: rgba(0, 100, 255, 1.0);
		}

		div.nav > a > img {
			height: 2.1em;
			margin: 0em;
			padding: 0em;
			vertical-align: bottom;
		}

		/* navigation bar: sections */
		div.nav > ul {
			float: none;
			list-style: none;
			margin: 0em;
			padding: 0em 0em 0em 1.2em;
		}

		div.nav > ul > li {
			display: inline;
			margin: 0em;
			padding: 0em;
		}

		div.nav > ul > li > a {
			display: inline-block;
			padding: 1em 1.2em 1em 1.2em;
			color: rgba(255, 255, 255, 1.0);
			text-decoration: none;
		}

		div.nav > ul > li a:hover {
			color: rgba(252, 214, 52, 1.0); /*rgba(0, 130, 255, 1.0);*/
		}
		
		div.content {
			padding: 6em 2em 2em 2em;
			margin: 0em;
		}
		
		@media (max-width: 720px) {
			div.content {
				padding: 4em 0.5em 1em 0.5em;
				width: 100px;
			}
			
			div.nav > ul {
				padding: 0em 0em 0em 0.5em;
			}
			
			div.nav > ul > li > a {
				padding: 1em 0.5em 1em 0.5em;
			}
			
			div.nav > ul > li.optional {
				display: none;
			}

			table.bio tr td {
				display: block;
			}

			table.bio tr td:first-of-type {
				text-align: left;
				padding-top: 0.3em;
			}
		}