* {margin: 0; padding: 0; border: none;}
body {background-color: #a9a9a9;}

#wrapper {width: 800px;  position: relative; margin: 0 auto;}

#content {width: 100%}
#header {width: 100%}

#unterheader1 {width: 780px; height: 30px; background: #300000; position: absolute; left: 10px; top: 50px;}
#unterheader2 {width: 780px; height: 20px; background: #380000; position: absolute; left: 10px; top: 80px;}
#unterheader3 {width: 780px; height: 20px; background: #400000; position: absolute; left: 10px; top: 100px;}
#unterheader4 {width: 780px; height: 15px; background: #480000; position: absolute; left: 10px; top: 120px;}
#unterheader5 {width: 780px; height: 10px; background: #500000; position: absolute; left: 10px; top: 135px;}
#unterheader6 {width: 780px; height: 8px; background: #580000; position: absolute; left: 10px; top: 145px;}
#unterheader7 {width: 780px; height: 6px; background: #600000; position: absolute; left: 10px; top: 153px;}
#unterheader8 {width: 780px; height: 4px; background: #680000; position: absolute; left: 10px; top: 159px;}
#unterheader9 {width: 780px; height: 4px; background: #700000; position: absolute; left: 10px; top: 163px;}
#unterheader10 {width: 780px; height: 4px; background: #780000; position: absolute; left: 10px; top: 167px;}
#unterheader11 {width: 780px; height: 4px; background: #800000; position: absolute; left: 10px; top: 171px;}
#unterheader12 {width: 780px; height: 10px; background: #880000; position: absolute; left: 10px; top: 175px;}
#unterheader13 {width: 780px; height: 10px; background: #900000; position: absolute; left: 10px; top: 185px;}
#unterheader14 {width: 780px; height: 25px; background: #980000; position: absolute; left: 10px; top: 195px;}
#unterheader15 {width: 780px; height: 50px; background: #a00000; position: absolute; left: 10px; top: 220px;}

/* corners for unterheader */
#ubl {background: url(corners/red-3.jpg) 0 100% no-repeat; width: 780px; height:50px; position: absolute; left: 10px; top: 220px;}
#ubr {background: url(corners/red-4.jpg) 100% 100% no-repeat; width: 780px; height:50px; position: absolute; left: 10px; top: 220px;}
#utl {background: url(corners/dk-red-2.jpg) 0 0 no-repeat; width: 780px; height:30px; position: absolute; left: 10px; top: 50px;}
#utr {background: url(corners/dk-red-1.jpg) 100% 0 no-repeat; width: 780px; height: 30px; position: absolute; left: 10px; top: 50px;}

#unterheader15-text {font-family: "Georgia", "Times New Roman", "serif"; color: white; font-size:18pt; position: absolute; left: 149px; top: 235px;}

/* end of unterheader */


#oberheader {background: #ffffff; width: 770px; height: 200px; position: absolute; left: 15px; top: 30px;}

/* corners for oberheader */
#obl {background: url(corners/white-red-3.jpg) 0 100% no-repeat;  height: 200px;}
#obr {background: url(corners/white-red-4.jpg) 100% 100% no-repeat; height: 200px;}
#otl {background: url(corners/white-2.jpg) 0 0 no-repeat;}
#otr {background: url(corners/white-1.jpg) 100% 0 no-repeat; padding-top: 10px; padding-left:10px; padding-right: 10px;}

#small-pic {position:absolute; top: 0px; left: 418px;}
#wide-pic {position: absolute; top: 5; left: 5;}

/* end of oberheader
     end of header      

     beginning of lower box */

#lower-box {position:absolute; left: 10px; top: 280px; padding: 0; margin: 0;}
#lower-inside {position: relative;}

#main {color:black; float: left;}

/* corners for main */
.mainbl {background: url(corners/white-3.jpg) 0 100% no-repeat #ffffff; width: 600px;}
.mainbr {background: url(corners/white-4.jpg) 100% 100% no-repeat;}
.maintl {background: url(corners/white-2.jpg) 0 0 no-repeat;}
.maintr {background: url(corners/white-1.jpg) 100% 0 no-repeat; padding:10px}

/* end of main */

#menu-spacer {float: left; width: 10px;}

#menu {color: white; padding: 0px; float: left;}

/* corners for menu  */
#menubl {background: url(corners/dk-grey-3.jpg) 0 100% no-repeat #333333; width: 170px;}
#menubr {background: url(corners/dk-grey-4.jpg) 100% 100% no-repeat;}
#menutl {background: url(corners/dk-grey-2.jpg) 0 0 no-repeat;}
#menutr {background: url(corners/dk-grey-1.jpg) 100% 0 no-repeat; padding: 0px;}

.menu_cat {background: url(sidehead2.gif); height: 25px; 
 font-family: Verdana, Arial, Helvetica, "sans-serif";
 color: white; font-size:11pt; font-weight: bold; padding-top: 6px; padding-left: 10px;}

/*
.menu_box {padding: 5px 10px;}
*/
.menu_box {padding: 3px 10px 5px;}

a.menu:link     {font: 8pt Verdana, Arial, Helvetica, "sans-serif"; color:#a0a0a0; text-decoration:none;}
a.menu:visited {font: 8pt Verdana, Arial, Helvetica, "sans-serif"; color:#a0a0a0; text-decoration:none;}
a.menu:focus   {font: 10pt Verdana, Arial, Helvetica, "sans-serif"; color:white; text-decoration:none;}
a.menu:hover  {font: 10pt Verdana, Arial, Helvetica, "sans-serif"; color:white; text-decoration:none;}
a.menu:active  {font: 10pt Verdana, Arial, Helvetica, "sans-serif"; color:white; text-decoration:none;}

/* end of menu */


#bottom-spacer {background: #a9a9a9; height: 10px; border: none; margin: 0; padding: 0; clear: both;}

#bottom {background: url(corners/red-2.jpg) 0 0 no-repeat #a00000; border: none; margin: 0; width: 780px; height: 50px; font-family: Verdana, Arial, Helvetica, "sans-serif"; color: white; font-size: 10pt;}

#btr {background: url(corners/red-1.jpg) 100% 0 no-repeat; padding: 15px;}

/* end of bottom */

a.in_para:link    {font: normal 10pt Verdana, Arial, Helvetica, "sans-serif"; color:blue; text-decoration:none;}
a.in_para:visited {font: normal 10pt Verdana, Arial, Helvetica, "sans-serif"; color:#c98300; text-decoration:none;}
a.in_para:focus   {font: normal 10pt Verdana, Arial, Helvetica, "sans-serif"; color:red; text-decoration:none;}
a.in_para:hover   {font: normal 10pt Verdana, Arial, Helvetica, "sans-serif"; color:red; text-decoration:none;}
a.in_para:active  {font: normal 10pt Verdana, Arial, Helvetica, "sans-serif"; color:red; text-decoration:none;}

/* for bottom links and not in paras (was a3) */
a:link    {font: bold 10pt/1.5 Verdana, Arial, Helvetica, "sans-serif"; color:blue; text-decoration:none;}
a:visited    {font: bold 10pt/1.5 Verdana, Arial, Helvetica, "sans-serif"; color:#c98300; text-decoration:none;}
a:focus    {font: bold 10pt/1.5 Verdana, Arial, Helvetica, "sans-serif"; color:red; text-decoration:none;}
a:hover    {font: bold 10pt/1.5 Verdana, Arial, Helvetica, "sans-serif"; color:red; text-decoration:none;}
a:active    {font: bold 10pt/1.5 Verdana, Arial, Helvetica, "sans-serif"; color:red; text-decoration:none;}

/* for up arrow */
a.up_arrow:link    {font: bold 30pt/1.0 Verdana, Arial, Helvetica, "sans-serif"; color:blue; text-decoration:none;}
a.up_arrow:visited    {font: bold 30pt/1.0 Verdana, Arial, Helvetica, "sans-serif"; color:blue; text-decoration:none;}
a.up_arrow:focus    {font: bold 30pt/1.0 Verdana, Arial, Helvetica, "sans-serif"; color:red; text-decoration:none;}
a.up_arrow:hover    {font: bold 30pt/1.0 Verdana, Arial, Helvetica, "sans-serif"; color:red; text-decoration:none;}
a.up_arrow:active    {font: bold 30pt/1.0 Verdana, Arial, Helvetica, "sans-serif"; color:red; text-decoration:none;}

.arrow {font-size: 20pt; color: blue;} /* for overview description of top arrow */

h1 {font-family: Verdana, Arial, Helvetica, "sans-serif"; color: black; font-size:18pt; font-weight: normal; text-align: center; margin-bottom: 10px;}

h2 {font: 600 13pt/1.0 Verdana, Arial, Helvetica, "sans-serif"; color: black; text-align: left; margin: 15px 0;}

h3 {font: italic 500 11pt/1.0 Verdana, Arial, Helvetica, "sans-serif"; color: black; text-align: left; margin: 15px 0; }

h3.bold {font: italic 600 11pt/1.0 Verdana, Arial, Helvetica, "sans-serif"; color: black; text-align: left; margin: 15px 0; }

h4 {font-family: Verdana, Arial, Helvetica, "sans-serif"; color: black; font-size:10pt; font-weight: normal; text-align: center; margin-bottom: 10px;}

h4.center {font-family: Verdana, Arial, Helvetica, "sans-serif"; color: black; font-size:10pt; font-weight: normal; text-align: center; margin-bottom: 10px;}

h4.center_bold {font-family: Verdana, Arial, Helvetica, "sans-serif"; color: black; font-size:10pt; font-weight: bold; text-align: center; margin-bottom: 10px;}

h5 {font: italic normal 10pt/1.0 Verdana, Arial, Helvetica, "sans-serif"; color: black; text-align: left; margin: 15px 0; }

.photo_page {background-color: #d7d7d7;}

.photo_title_box {display: table; margin: 0 auto; }

.photo_title {font-family: Verdana, Arial, Helvetica, "sans-serif"; color: black; font-size: 10pt; font-weight: normal; text-align: center; margin-bottom: 10px; margin-left: auto; margin-right: auto; background-color: #d7d7d7;}

.center_text {background-color: #cccccc; font-family: Verdana, Arial, Helvetica, "sans-serif"; color: black; font-size:10pt; font-weight: normal; text-align: left; margin-top: 7px; margin-bottom: 10px; margin-left: auto; margin-right: auto; padding: 10px;} /* text under a photo*/

.center_text_c {background-color: #cccccc; font-family: Verdana, Arial, Helvetica, "sans-serif"; color: black; font-size:10pt; font-weight: normal; text-align: left; width: 314px; margin-top:7px; margin-bottom: 10px;  margin-left: auto; margin-right: auto; padding: 10px;} /* text under a 334 x 331 photo in CD windows*/

.mp3_console {background-color: #d7d7d7; font-family: Verdana, Arial, Helvetica, "sans-serif"; color: black; font-size:10pt; font-weight: normal; text-align: left; width: 560px; margin-top:7px; margin-bottom: 10px;  margin-left: auto; margin-right: auto; padding: 10px;}
/* MP3 console  with text underneath*/

.center_text_450 {font-family: Verdana, Arial, Helvetica, "sans-serif"; color: black; font-size:10pt; font-weight: normal; text-align: left; width: 450px; margin-top: 0; margin-bottom: 0;  margin-left: auto; margin-right: auto; padding: 0;} /* text indented from div by 75px both sides */

p {background:white; font: normal 10pt/1.5 Verdana, Arial, Helvetica, "sans-serif"; color:black; margin-bottom: 10px;}

/* for inserting two 200px wide photos, as in ambisonics.shtml */
.two_pics {width: 500px; margin-left: auto; margin-right: auto;} /*  also used for centering other things*/

.two_cols_580 {width: 580px; margin-left: auto; margin-right: auto;} /*used for centering two cols */

 /* img.border-black {border-style: solid; border-width: 1px; border-color: black;} /* remove all references and replace with next line */

img.border {border-style: solid; border-width: 1px; border-color: black; margin-bottom: 10px;}

.pic_left {float: left;}
.pic_right {float: right;}
.text_right_400 {width: 400px; float: right;}
.clear {clear:both;}
/* end of photo/text insertion definitions */

hr {color:#a9a9a9; background-color: #a9a9a9;}

ul.sans-serif {font: normal 10pt/1.5 Verdana, Arial, Helvetica, "sans-serif"; color: black; padding: 0 20px 10px 20px;}

table.five80 {width: 580px;  margin-left: auto; margin-right: auto;  background: white; 
 color: black;} /* resume  */




table.console {width: 580px;  margin-left: auto; margin-right: auto; border-style: none; border-spacing: 0; padding: 0;  color: black;}
/* for recording console plus description  */

/* td.console_left {width: 165px; border-style: none;  border-color: red;} */

td.v_center {vertical-align:middle; font: normal 10pt/1.0 Verdana, Arial, Helvetica, "sans-serif"; border-style: none; background-color: #d7d7d7; color: black; padding: 5px;} /* vertical centering for description of recordings */




td.table-9 {text-align:left; 
font: normal 9pt/1.0 Verdana, Arial, Helvetica, "sans-serif";
 background-color: white; color: black;} /* resume */

td.cd {padding-bottom: 20px;  vertical-align: top;}

td.center {text-align:center; font: normal 10pt/1.0 Verdana, Arial, Helvetica, "sans-serif";
 background-color: white; color: black;} /* contact */

td.event {width: 80px; align-vertical: top; font-style: italic;} /* for events in NSO2000 */

p.table {text-align:left; font-family: Verdana, Arial, Helvetica, "sans-serif"; background-color: "#212121"; color: black; font-size: 10pt; } /* resume */

td.grey {font: bold 10pt/1.5 Verdana, Arial, Helvetica, "sans-serif"; color: #464646;} /* resume */

td.cv {width:100px;  vertical-align:top; font: normal 10pt/1.5 Verdana, Arial, Helvetica, "sans-serif"; color:black;}

td {vertical-align:top; font: normal 10pt/1.5 Verdana, Arial, Helvetica, "sans-serif"; color:black;}

td.bold {vertical-align:top; font: bold 10pt/1.5 Verdana, Arial, Helvetica, "sans-serif"; color:black;}

table.sans {font: normal 10pt/1.5 Verdana, Arial, Helvetica, "sans-serif"; background-color: white; color: black;} /* cv */

p.hilite {font: normal 10pt/1.5 Verdana, Arial, Helvetica, "sans-serif"; background-color: #d7d7d7; color:#black; margin: 10px 0 25px 0; padding: 10px;} /*Mahler: hilite of quotes */
.source {color: #464646;} /* Mahler: font color for source of quotes */
.dot {color: #a00000;} /* Mahler: font color for bullets */

.hilite {background-color: #a9a9a9;}


div.top_arrow {position: fixed; bottom: 3px; right: 3px;
background-color: #a9a9a9; text-align: center; 
padding: 0;}
 /* for fixed top marker */



/* ------------------------------------------------------------ */

h1.blue {font-family: "Times New Roman", "Times", "serif"; color:#008dc6; font-size:18pt; text-align: center;}

/* h2 {font-family: "Times New Roman", "Times", "serif"; color:#008dc6; font-size:14pt;} */
h2.center {font-family: "Times New Roman", "Times", "serif"; color:#008dc6; font-size:14pt; text-align: center;}
 */

h3.black {color:black; font-size:12pt;}
h3.grey {color:#cccccc; font-size:12pt;} /* for top menu */
h3.grey-page {color:#cccccc; font-size:12pt;} /* in Resume */
h3.blue {color:#008dc6; font-size:12pt;}
h3.royalblue {color:blue; font-size:12pt;} /* perf.html*/


h4.grey {color:#cccccc; font-size:10pt;}
h4.green {font-family: Verdana, Arial, Helvetica, "sans-serif"; font-weight: normal;
 background-color: "#212121"; color: white; font-size: 10pt; color:#00ee00;}

/*  */
p.grey {color: #cccccc; font-size: 12pt; font-weight: bold; text-decoration: none} /* top menu */



/*
p.hilite {font-family: Verdana, Arial, Helvetica, "sans-serif"; color:#00ee00; font-size:10pt;  line-height: 1.5;} /*NSO 2000*/
p.table15 {text-align:left; font-family: Verdana, Arial, Helvetica, "sans-serif"; background-color: "#212121"; color: black; font-size: 10pt; line-height: 1.5;}
*/
p.table15-it {text-align:left; font-family: Verdana, Arial, Helvetica, "sans-serif"; background-color: "#212121"; color: white; font-size: 10pt; line-height: 1.5; font-style: italic;}
p.copyright {text-align:center; font-family: Verdana, Arial, Helvetica, "sans-serif"; background-color:#300000; color: white; font-size: 10pt;} /*copyright declaration*/
p.table-c-blue {text-align:center; font-family: Verdana, Arial, Helvetica, "sans-serif"; background-color:#212121; color: #008dc6; font-size: 10pt;} /*index.html*/
p.table-9 {text-align:left; font-family: Verdana, Arial, Helvetica, "sans-serif"; background-color:#212121; color: white; font-size: 9pt;}



table.four50 {width:450px; margin-left: auto; margin-right: auto; font-family: Verdana, Arial, Helvetica, "sans-serif"; font-size: 10pt;}
table.five00 {width:500px; margin-left: auto; margin-right: auto;  font-family: Verdana, Arial, Helvetica, "sans-serif"; font-size: 10pt;}
table.two00 {width:200px; margin-left: auto; margin-right: auto; font-family: Verdana, Arial, Helvetica, "sans-serif"; font-size: 10pt;}



p.table15-it {text-align:left; font-family: Verdana, Arial, Helvetica, "sans-serif"; background-color: "#212121"; color: white; font-size: 10pt; line-height: 1.5; font-style: italic;}

/*

*/