body { font-family: sans-serif; font-size:smaller 
   /* background: #FFFFFF; */
}

h1, h2, h3, h4, h5 { 
    color: #800000; 
    font-family: "Verdana", sans-serif; 
}

span.term { 
    font-weight: bold; 
}

div.sidebar { 
    background: #F0F0F0; 
    border: 1px solid gray; 
    padding: 5px; 
    margin: 20px; 
}

pre.programlisting { 
    background: #F0F0F0; 
    border: 1px solid gray; 
    padding: 2px; 
    font-size: 10pt;
    white-space: pre;
}
p.reaction {font-weight:bold; text-align:center}
div.section {}
.section .section {float:none;border-style:none; margin-left:0; height:auto;width:auto}
.title {background: #eee; color:black}
table .title, .table .title {background:white;color:black; text-align:center; font-size:smaller}

table {width:100%; border-collapse: collapse}
td {padding:0.2em}
div.mediaobject {text-align:center}

span.pref {font-style:italic}
.emphasis em, .bold{color:darkred; font-style:normal; background: #ccf}
.clearer {display:block;clear:both}
.menu, .menu *{ background:#333; color: white; /* border:5px double red*/}
.menu {width:100%; margin:0;padding:0.3em}

.navheader {padding:0; /*height:20%; */}
.telo { width:100%;clear:both}
.okno { width:78%;height:31em;  padding:0.5em; overflow:auto; border-left: 5px inset #999; border-top: 5px inset #999;
border-bottom: 5px inset #999; 
/*position:absolute; left:12em;top:10em  */
float:left
}

.left_menu {float:left; height:31em; width:18%; overflow:auto; /*font-size:smaller*/ padding:0.2em; border-top: 5px inset #999;
/*position:absolute;left:1em; top:10em*/
}
.left_menu dd {margin-left:1em; margin-top:0.2em;font-size:smaller}
.left_menu dt {margin-top:0.4em;}

.navfooter {/*position:absolute; top:42em*/}
/*dt span.section {display:none}*/
div.nav_left {float:left; width:40%;}
div.nav_mid {float:left; width:20%;text-align:center;}
div.nav_right {float:right; width:40%; text-align:right;}
hr {clear:both;height:0}

.molecule, .vrml, .flash {border:1px solid lightblue; padding:0.5em; text-align:center}
.molecule img { cursor:pointer}

.reaction img {border-style:none}
/*img {border:1px solid black}*/

.video {border:5px inset lightblue;}
.video_pic img {border:1px solid black; float:left}
.video_title {font-style:italic; vertical-align:middle; padding:0.5em}
.warning {border: 2px solid red; padding:0.3em}

.nad {/*position:relative; left:-0.5em;*/ margin-left:-0.5em}
.nad2 {/*position:relative; left:-0.8em;*/ margin-left:-1em}
sub {vertical-align:-0.5em;}
sub, sup {font-size:70%}

em {font-style:normal; color:darkred}
strong {color:darkred}

/*#viewer {position:fixed; top:200pt; right:50pt; width:420; height:320}*/
a.mol {text-decoration:underline; border:1px solid blue; cursor:pointer}