body { font: medium/1.7em Verdana, Helvetica, Arial, sans-serif;
       background-color: #998066;   /*light brownish*/
       padding: 0 1em 0 1em; background-attachment: fixed;
       background-repeat: no-repeat;
       background-position: 0px -13px;   /*compensate for too tall image_____________________________________________________*/
       background-color: #7D738B;
       background-image: url("images/teleNorm.png") }
 
h1 { margin: -9px -9px 0.5em; padding: 15px 0 5px; text-align: right;
    background: #909E93; color: #024; letter-spacing: 0.5em; text-transform: lowercase;
    font: bold 25px sans-serif; height: 28px; vertical-align: middle; white-space: nowrap; }
    
code, pre { color: #EDC; font: 110% monospace; }

/*Header Stuff__________________________*/

#logosmall { float: right; 
             clear: left;
             border: 0; }
             
#mainlogo { border: 0;  }             
             
#header { background-image: url('images/DSC00455.jpg'); background-position: right top;
          background-repeat: repeat-x; }
            

            
        #slantedmenu { font-weight: bold;
                      font-size: 10px; }

        #slantedmenu:after { /*Add margin between menu and rest of content in Firefox*/
                            content: "."; 
                            display: block; 
                            height: 0; 
                            clear: both; 
                            visibility: hidden; }

        #slantedmenu ul { text-indent: 10px;
                         padding: 3px 0;
                         margin: 0;
                         background-color: #e0e0e0;
                         border: 1px solid #bebebe;
                         text-align: left; /*set value to "center" for example to center items*/}

        #slantedmenu ul li { display: inline;   margin-right: 1em;}

        #slantedmenu ul li a { color: #494949;
                              padding: 3px 0;
                              padding-right: 25px;
                              margin: 0;
                              text-decoration: none;
                              background: transparent url(images/slantdivider.gif) top right no-repeat; }

        #slantedmenu ul li a:visited { color: #494949; } 

        #slantedmenu ul li a:hover { color: black; }
             
/*End Header Stuff_____________________________________________________*/

div#content { position: absolute; 
              top: 166px; left: 130px; right: 25px;
              color: #EED;
              font: .95em Verdana, sans-serif;
              padding: 10px; 
              border: solid silver;
              background-attachment: fixed;
              background-repeat: no-repeat;
              background-position: 0px -13px;
              background-color: #3E3945;
              background-image: url("images/tteleDark.png") }

div#content p { padding: 0 10px 0 20px; margin: 0 1em 1em; }

div#content h3 { padding: 0 1em 0 1.5em; margin-bottom: 0.25em; font-size: 100%;}
              
div#content a:link { color: white; text-decoration: none; }
div#content a:visited { color: #BBC; text-decoration: none; }
div#content a:link:hover { color: #FF0; }
div#content a:visited:hover { color: #CC0; }

div#links { position: absolute; top: 192px; left: 0; width: 160px;
            height: 700px; font: 16px Verdana, sans-serif; }

div#links a { display: block; 
              text-align: center; 
              font: bold 1em sans-serif; 
              padding: 5px 10px; 
              margin: 0 0 2px; 
              border-width: 0; 
              text-decoration: none; 
              color: #FFC;
              background-attachment: fixed;
              background-repeat: repeat;
              background-position: 0px -13px;
              background-color: transparent;
              background-image: url("images/menudarkback.jpg") }

div#links a:hover { color: #411;
                    background-attachment: fixed;
                    background-repeat: repeat;
                    background-position: 0px -13px;
                    background-color: transparent;
                    background-image: url("images/memulightback.jpg") }

body.audio { background-attachment: fixed;
             background-repeat: no-repeat;
             background-position: 0px -133px;   /*compensate for too tall image_____________________________________________________*/
             background-color: #7D738B;
             background-image: url("images/teleNorm.png") }
                    
div#audiocontent { position: absolute; 
              top: 20px; left: 130px; right: 25px;
              color: #EED;
              font: .95em Verdana, sans-serif;
              padding: 10px; 
              border: solid silver;
              background-attachment: fixed;
              background-repeat: no-repeat;
              background-position: 0px -133px;
              background-color: #3E3945;
              background-image: url("images/tteleDark.png") }

div#audiocontent p { margin: 0 1em 1em; }

div#audiocontent h3 { padding: 0 1em 0 1.5em; margin-bottom: 0.25em; font-size: 100%; } 

div#audiocontent a:link { color:white; }

div#audiocontent a:visited { color:#A8B3AE; } /*very light greenish*/

div#audiocontent a:hover { color:#CBDBF7;}  /*very light blueish*/ 

div#audiocontent a:active { color:#AA5F72; } /*bold rose-mag*/
                  
#audiocontent .fault p{ float: right;
                        width: 11em; 
                        text-align: right; }
#audiocontent .fault a { float: right;
                         width: 11em; 
                         text-align: right; }

#content .fault p{ float: right;
                        width: 11em; 
                        text-align: right; }
#content .fault a { float: right;
                         width: 11em; 
                         text-align: right; }


#content p#subscript { font-size: 70%; }
#audiocontent p#subscript { font-size: 70%; }

.hr { margin: 1em 0;
      border: none; 
      border-top: 
      1px dashed silver; }
      
div.hr hr { display: none; }