html          {  background: black;
                 height: 100%;
                 margin: 0;
                 padding: 0;
              }


body          {  color: #ffffff;
                 background: black url(/pics/tdbtower.jpg) left bottom no-repeat scroll;
               
              }

h1, h2, h3, h4 { font-family: "FrenchScript", "French Script MT", "Matura MT Script capitals", "Brush Script MT", mistral, cursive;
               font-family: "Bradley Hand ITC", "Bradley Hand ITC TT", "Bradley Hand ITC TT-Bold", "Monotype Corsiva", mistral, cursive;
                 font-size: 180%;
                 background: none;
                 color: #9DD996;
                 font-weight: bold;
               }

#tdb          {font-family: "FrenchScript", "French Script MT", "Matura MT Script capitals", "Brush Script MT", mistral, cursive;
               font-family:  "Bradley Hand ITC", "Bradley Hand ITC TT", "Bradley Hand ITC TT-Bold", "Monotype Corsiva", mistral, cursive;
               background: black url(/pics/tdbafter.jpg) right bottom no-repeat scroll;
               border: #30201F solid 1px;
         /*       font-size: 250%; */
               position: absolute;
               height: 128px;
               width: 200px;
               top: -26px;
               left: -253px;
               padding: 12px 0 0 0;
               text-align: center;
               color: #E8D17D;}

a:link,
a:visited     { color: #E8D17D;
              }
              
a:hover,
a:focus       { color: #9DD996;
              }
              
a:active       { color: #E8D17D;
              }

#navigation   { position: relative;
                z-index: 15;
                left: 50px;
                width: 186px;
                border-color: #30201F;
                background: transparent url(/pics/tdbgradup.gif) left bottom repeat-x scroll;
                padding: 0; 
              }
              
#navigation ul { width: 75%;}

#navigation li {position: relative;
                border-color: black;
                margin: 2px auto;}

html>body
#navigation li {border-color: transparent;}

#navigation h2 {background: #084107 url(/pics/nomosquestripe.jpg) right bottom no-repeat scroll; 
                padding-left: 6px;
               }

#navigation li:hover,
#navigation li:focus
              {  background: black;
      /*        background: #E4DDDC;   */
                 border-color: #786838;
              }

#navigation li#here:hover, 
#navigation li#here:focus {background: inherit;
                           border-color: transparent;}

#container    { position: relative;
        /*        top: 170px;   */
                width: 100%;
                min-width: 700px;
                padding-top: 170px;
                margin: 0;
              }
              
#main         { border-color: #30201F;
                top: -150px;  
                background: transparent url(/pics/tdbgradup.gif) left bottom repeat-x scroll;
                padding: 0 30px 15px 15px;
                margin:  0 50px 65px 310px;
              }
              
#main h2 {background: #084107 url(/pics/mosquestripe2.jpg) right bottom no-repeat scroll; 
               }

#main li     { list-style-image: url(/pics/mosquedot.gif); 
             }

              
#footer        {clear: none;
                z-index: 10;
                padding-top: 340px;
                margin-top: -150px;  
                background: transparent url(/pics/bdf2.jpg) 65% 5px no-repeat scroll;
              }
#footer .credit {font-style: italic;

}