/*Style sheet for simulating frames
 *using only Cascading Style Sheets
*/

body{ margin: 0px; }

h1
{
color: #996600;
font-family: Verdana, Arial, Sans-Serif;
}

h2
{
color: #001E8D;
font-style: italic;
font-family: Verdana, Arial, Sans-Serif;
}

h3
{
color: #006600;
font-family: Verdana, Arial, Sans-Serif;
}

/* Mast head is simulation of top frame */
#mastHead{ position: absolute;
           top: 0px;
           left: 0px;
           width: 100%;
           height: 150px;
           z-index: 1;
           background-color: #FFFFF;
           font: normal 100% Verdana, Arial, Sans-Serif;
           }

/* Link Index is the simulation of left index/browsing frame */
#linkIndex{ position: absolute;
            left: 0px;
            top: 150px;
            width: 150px;
            padding: 3px;
            z-index: 2;
            font: normal 100% Verdana, Arial, Sans-Serif;
            }

/* Contents Box is the simulation of the main content frame
   whose content changes according to the link clicked in the
   left linkIndex frame */
#contentsBox{ position: absolute;
             z-index: 3;
              left: 155px;
              top: 150px;
              padding: 0px 5px;
              font: normal 100% Garamond, Times, Times New Roman, Serif;
              }

#linkIndex>a { display: block;
               padding: 1px 0px;
               }

pre.code{ margin: 5px 25px;
          border: 2px dashed #ddd;
          padding: 3px 8px; }

dt { margin-top: 1em;
     color: #DD0000;}