@charset "utf-8";

/* CSS Document */

/* -----------main layout--------------- */
/* * {
	margin-block-start: 0em;
	margin-block-end: 0em;
	-webkit-margin-before: 0em !important;
	-webkit-margin-after: 0em !important;
	-webkit-margin-block-start: 0em !important;
	-webkit-margin-block-end: 0em !important;
  } */
body {
	width:100%;
	height:100%;
	font-family:"Courier New", "Courier", monospace;
	font-size:100%;
	color:#000000;
	padding:0px;
	border:0px;
	margin:0px 0 0 0;
	background-color:#ffffff;
}

h1 { margin: 0em;
  padding:0px; 
  text-align: left;
  display: block;
  font-size: 30px;
}
h2 {margin: 0;
  padding:0px; 
  text-align: left;
  display: block;
  font-size: 20px;
  margin-block-start: 0em;
  margin-block-end: 0em;
	-webkit-margin-block-start: 0em;
	-webkit-margin-block-end: 0em;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
}
h3 {margin: 0;
  padding:0px; 
  text-align: left;
  display: block;
  font-size:12px;
  margin-block-start: 0;
  margin-block-end: 0;
	-webkit-margin-block-start: 0;
	-webkit-margin-block-end: 0;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
}
#header h1{ margin: 0em;
  font-size: 25px;
  margin: 5px 10px 0 65px;}

#header h2{
  font-size: 18px;
  margin: 0 15px 0 65px;}

#header h3{ margin: 0 15px 0 65px;}

  h4 {margin: 0;
	padding:0px; 
	text-align: left;
	display: inline-block;
	font-size:1em;
	margin-block-start: 0em;
	margin-block-end: 0em;
		-webkit-margin-block-start: 0em;
		-webkit-margin-block-end: 0em;
		-webkit-margin-before: 0em;
		-webkit-margin-after: 0em;
  }


h5 { font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
  font-weight: bold;
  margin: 0 0 0 0;
  padding:0px; 
  text-align: center; width:100%;
  display: inline-block; font-size:1.5em; color:black;
}

#header {height:60px; position:fixed;   z-index: 500; background-color:#FFFFFF; width: 100%;  color:black;}

 .min_lc {margin-top:60px;}
 .min_header {height:50px;}
 .min_h2 {opacity:1; display:block;}
 .min_h3 {opacity:1; display:block;}


#menu_button{opacity:1; cursor: pointer; margin:5px;}

p.header {
  font-family:Futura,Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
  font-size: 1.2em;
  font-weight: bold;
}

#left_col { 
	position:fixed;
	overflow:auto;
	clear:both;
	font-size:100%;
	margin-top:0px;
	margin-left:-1000px;
	padding-top:20px;
	width:100%;
  height:100%;
	z-index:300;
	background-color:#FFFFFF;
}

#content {
	width:300px;
	margin:0px auto;
	text-align:left;
}
	
#wrapper { margin:0px; padding:20px; display: block; position: absolute;}

#container{ margin: 120px 15px 25px;  }

/* right side layout */

#footer{height:25px; cursor:pointer;}

#collap{text-align:right; float: right; padding-right: 5px;margin-top:-5px; font-size:25px; height: 100%; }

.expand {height:60px;}

/* frame for display content */
/*#pdf {
	position:relative;
	top:90px;
	left:0;
	z-index:1;
	width:100%;
}*/

.image_bio { display: inline-block; text-align: center; margin: auto; width: 263px;}

#pdf {
	display:none;
}

#pdf_mobile {
	display:inline-block;
	width:100%;
	margin-top: 50px; margin-left:	0px;
}
.pdf_scroll img{
	margin-top:60px;}
#pdf_mobile div {
	margin:auto; width:250px;
}

#pdf-m {
	margin:auto;
	text-align:center;
	position:relative;
	width:400px;
	top:90px;
	z-index:1;
}
#desktop {
display:none;}


/*--------- styling for links --------*/
/* general */
A {
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

A:link { color: black }

A:hover { color: gray }

A:active { color: olive }

A:focus { color:olive }

/* navigation buttons */
A.nav {
	font-size:90%;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

A.nav:link {
	color: black;
	font-size:90%;
}

A.nav:hover {
	color: gray;
	font-size:90%;
}

A.nav:active {
	color: olive;
	font-size:90%;
}

A.nav:focus {
	color:olive;
	font-size:90%;
}

/* images without border, white background */
A.img {
	text-decoration:none;
	color:#FFFFFF;
}

A.img:link {
	text-decoration:none;
	color:#FFFFFF;
}

A.img:hover {
	text-decoration:none;
	color:#FFFFFF;
}

A.img:active {
	text-decoration:none;
	color:#FFFFFF;
}

/* images without border,black background */
A.img2 {
	text-decoration:none;
	color:#000000;
}

A.img2:link {
	text-decoration:none;
	color:#000000;
}

A.img2:hover {
	text-decoration:none;
	color:#000000;
}

A.img2:active {
	text-decoration:none;
	color:#000000;
}

/*style for years' links*/
a.current { color:#333; }

a.current:hover { color:#999; }

a.grey { color:#999; }

a.grey:hover { color:#666; }

/* -------pharagraph-----------*/

P {
	color:#000000;
	padding:0px;
	border:0px;
	margin:0px;
	background-color:#ffffff;
}

P.bold { font-weight:bold; }


/*paragraph menus*/

P.menu_item {
	font-weight:bold;
	display:inline-block;
	text-align:left;
	vertical-align:middle;
	width:100px;
	height:40px;
/* padding-left:10px; */}      /* <------------------------*/

P.menu1 { font-weight:bold; float:left; margin-left:10px;
	
	text-align:left;
	vertical-align:middle;
	height:40px;
  font-size: 1.5em;
  width: 375px;
}

P.menu2 {
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	width:100%;
	height:40px;
	font-weight:normal;
	color:#666666;     /* <------------------------*/
	padding-left:10px;  /* <------------------------*/
}


.open { color:#6666; margin-left:0px;}

/*---::::::::::::::::::::§---menus---§:::::::::::::::::::::::---*/

	
/*------------ menu links---------------*/

/* menus 1st level*/
A.menu1, A.menu1:visited {
	display:block;
	display:inline-block;/**/
	color:#000;
	width:100%;
	height:100%;
	z-index:50;
}

A.menu1:hover { color: gray }

A.menu1:active { color: olive }

A.menu1:focus { color:olive }

/* menus 2nd level */

A.menu2, A.menu2:visited {
	display:block;
	display:inline-block; /*
	solid:#FFFFFF;
	color:#000; 
	solid:#FFFFFF;*/
	width:100%;
	height:100%;
	z-index:50;
}

A.menu2:hover { color: gray }

A.menu2:active { color: olive }

A.menu2:focus { color:olive }

/*------------ menu layout---------------*/

.menu_div {
	text-align:left;
	vertical-align:middle;
	width:100%;
	margin:auto;
	height:40px;
	cursor:pointer;
}

.menu_arrow {
	display:none;
	vertical-align:middle;
}

.arow_div {
	float:left;
	width:20px;
	height:20px;
	padding-left:10px; 
}

.menu { z-index:25; }

.menu ul {
	width:100%;
	float:left;
	top:180px;
	margin: 0 0 0 10px;
	list-style-type:none;
	text-align:center;
	z-index:20;
	background-color:#FFFFFF;
}

.menu li {
	width:100%;
	height:40px;
}

.menu ul ul {
	width:100%;
	margin:0px;
	padding:0px;
}

.li a { color:#777777; }

.show { display:block; }
.hide { display:none; }
.inner { display:none; width:300px;}

.show_sub { display:inline-block; }
.inner_sub { display:none;width:300px; }


.sticky {position: sticky; top: 60px; background-color: #FFF;}

/* 3rd level */

/* hide the 3rd level and give them a positon absolute so that they take up no room */
.menu ul :hover ul ul {
	margin:0px 0 0 0;
	width:100%;
	z-index:2;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul { visibility:visible; }

/* make the 3rd level visible when focus is on it */
.menu_focus ul ul ul { visibility:visible; }



p.caption {
	font-size:50%;
	line-height:95%;
	font-family:"Courier New", Courier, monospace;
}


h1.podcast{margin:0px;}

h2.podcast{margin:0px;  font-size: 20px; line-height: 20px; } 

h3.podcast{margin:0px; font-size: 18px;}

h4.podcast{margin:0px;  }


.podcast-container { background-color: #FFF;}
.podcast-title {width:100%;}
.podcast-left{width:75%; float: left;}
.podcast-right{ width:20%;  float: left;margin-right: 5px;}

p.podcast{margin:0px;}

#podcast p { text-align: left;}

audio {width:100%; text-align: center;}