@font-face {
	font-family: 'DotGothic16';
	src: url('../fonts/DotGothic16-Regular.woff') format('woff');
}

body {
	font-family: DotGothic16;
	text-align: center;
	width: 800px;
	line-height: 120%;
	color: #333333;
	background-image: url(./koh_background.png);
	background-color: #3cb371;
	margin: auto;
}

header {
	text-align: left;
	padding: 8px;
	border: double 4px;
	border-image-source: url(./koh_border.png) 4 round;
	border-radius: 3px;
	background-image: url(./koh_content_background.png);
	border-image-source: url(./koh_border.png); 
  border-image-slice: 8;
  border-image-width: 8px;
  border-image-outset: 0px;
  border-image-repeat:round;
	background-color: #FFFFFF;
	padding: 20px;
	margin-top: 4px;
	line-height: 160%;
	font-size: 1em;
}

#wrap {
	text-align: left;
	padding: 20px 20px 0px 20px;
	margin: 4px auto 4px auto;
	border: double 4px;
	border-image-source: url(./koh_border.png);
  border-image-slice: 8 fill;
	background-image: url(./koh_content_background.png);
	border-image-source: url(./koh_border.png); 
  border-image-slice: 8;
  border-image-width: 8px;
  border-image-outset: 0px;
  border-image-repeat:round;
	background-color: #FFFFFF;
	border-color: #CCCCCC;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-radius: 3px;
	font-size: 0.8em;
}

header table {
	width: 55%;
}

header table img {
	border-radius: 5px;
	width: 70px;
	height: 70px;
}

header table td.prof {
	width: 10%;
}

header table td.prof img {
	height: 50px;
	width: 50px;
}

header table td.name {
	width: auto;
}

header table td.link {
	text-align: right;
	width: 6%;
	padding-left: 5px;
}

footer {
	font-size: 0.5em;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

section {
	margin-bottom: 20px;
}

nav {
	text-align: right;
}

h1 {
	font-weight: normal;
	font-size: 1.4em;
}

h2 {
	font-size: 1.2em;
	margin-top: 1px;
	margin-bottom: 1px;
}

p {
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 15px;
}

table.abstract {
	margin-left: 0px;
}

table.abstract td {
	padding-right: 10px;
}

table.contact {
	margin-left: 20px;
}

table.contact td {
	padding-right: 10px;
}

table.Department {
	margin-left: 20px;
}

table.Department td {
	padding-right: 10px;
}

table.livefrom {
	margin-left: 20px;
}

table.livefrom td {
	padding-right: 10px;
}

table.hobby {
	margin-left: 20px;
}

table.hobby td {
	padding-right: 10px;
}

table.history {
	margin-left: 20px;
}

table.history td {
	padding-right: 20px;
}

#language {
  text-align: right;
}

img.language {
  width: 30px;
  height: 30px;
}