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

body{ margin: 0px;     
      background-color: #FFFFFF; }
#HeadBox{ position: relative;
              margin-top:  0px;
              margin-left: 0px;
              margin-right: 0px;
              width: 800px;
              /*border: 2px solid #00DD33;*/
	      /*border: 2px solid #000000;*/
              padding: 0px 5px 0px 0px;
              font-family: Arial, Helvetica, sans-serif;
              /*background-color: #AAAAAA;*/
              /*background-color: #999999;*/
              background-color: #BB1935;
              /*background-color: #046CC1;*/
              }
#NavBox{ position: relative;
              margin-top:  0px;
              margin-left: 0px;
              margin-right: 0px;
              width: 800px;
              padding: 0px 5px 1px 0px;
              font-family: Arial, Helvetica, sans-serif;
              /*color: #E41736;*/
              /*background-color: #BB1935;*/
              background-color: #AAAAAA;
              color: #BB1935;
              /*color: #AAAAAA;*/
              }



div#NavBox a {
 text-decoration: none;
 padding: 5px 7px;
 color: #CC0000;
}

/* Link Index is the simulation of left index/browsing frame */
#linkIndex{ position: relative;
            background-color: #FFFFFF;      
            left:0px;
            right:5px;
            top: 150px;
            width: 110px;
            height: 500px;
            border: 0px solid #BB1935;
	    /*border: 2px solid #FFFFFF;*/
            padding: 10px 2px 2px 2px;
            font-family: Arial, Helvetica, sans-serif;
            color: #000000;
            /*background-color: #999999;*/
            background-color: #BB1935;
            /*background-color: #046CC1;*/
            }

/* 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;
              background-color: #FFFFFF;      
              margin-top: -500px;
              margin-left: 130px;
              margin-right: 5px;
              width: 645px;
              padding: 10px 10px 2px 0px;
              font-family: Arial, Helvetica, sans-serif;
              color: #000000;
              }
#FootBox{ position: relative;
              margin-top: 0px;
              margin-left: 160px;
              margin-right: 5px;
              width: 610px;
              padding: 10px 10px 10px 0px;
              font-family: Arial, Helvetica, sans-serif;
              color: #000000;
              }

#linkIndex>a { display: block;
               text-decoration: none;
               padding: 1px 0px;
               }



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

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