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

body{ margin: 0px; }

/* Mast head is simulation of top frame */
#mastHead{ position: fixed;
           top: 0px;
           left: 0px;
           width: 100%;
           height: 100px;
           z-index: 1;
           background-color: rgb(0, 34, 97);
           border: 0 solid #0000DD;
           }

/* Link Index is the simulation of left index/browsing frame */
#linkIndex{ position: fixed;
            left: 10px;
            top: 120px;
            width: 200px;
            background-color: rgb(0, 34, 97);
            border: 0 solid #FFFFFF;
            padding: 3px;
            }

/* 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: relative;
              margin-top: 120px;
              margin-left: 215px;
              margin-right: 10px;
              background-color: #FFFFFF;
              border: 2px solid #00DD33;
              padding: 0px 5px;
              }

#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;}