/* Style sheet for simulating frames using only CSS */

body{ margin: 0px;
      background-color: white;
/*      background-image: url("bg.jpg");
      background-repeat: no-repeat;
      background-attachment: fixed;*/
      }

/* mastHead is the simulation of the top frame */
#mastHead{ position: fixed;
           top: 0px;
           left: 0px;
           width: 100%;
           height: 100px;
           z-index: 1;
           background-image: url("../header2.jpg");
           background-repeat: no-repeat;
           border: none;
           }
           
/* linkIndex is the simulation of the left index/browsing frame */
.linkIndex{ position: fixed;
			height:450px;
            left: -20px;
            top: 120px;
            width: 200px;
            padding-left:4em;
            /*background-image: url("linkIndex.jpg");*/
            background-repeat: no-repeat;
            background-position: top;
            font-family: verdana, arial, sans-serif;
            color:#000000;
            font-size:11px;
            font-weight:normal;
            line-height:150%;

            }
a {text-decoration: none;
              color: green;
              }
a:visited{ color: green;
                      }
a:hover{ color: brown;
                    /*background-color: lightblue;*/
                    text-decoration: underline;
                    border-right: 0px solid;
                    /*border-left: 1px solid;*/
                    }

            
/* contentsBox is the simulation of the main content frame
   whose content changes according to the link clicked in the
   left linkIndex frame */
#contentsBox{ position: absolute;
              top: 100px;
              left: 220px;
              width: 75%;
              border: none;
              border-left: 2px solid orange;
              padding: 0px 5px;
              text-align: justify;
              font-family: verdana, arial, sans-serif;
              color:#000;
              font-size:11px;
              font-weight:normal;
              line-height:150%;
              }
    
img{ border: 1px solid black;}

img.floatLeft{ float: left; 
               margin: 20px;
               }
           
img.floatRight{ float: right; 
               margin: 20px;
               }

h1{ font-family: verdana, arial, sans-serif;
    font-weight:normal;
    line-height:150%;
    color: #CCCC00;
    }
 
 h2 { font-family: verdana, arial, sans-serif;
      font-weight:normal;
      line-height:150%;
      color: green;
      border: none;
      border-top: 1px solid orange;
      width: 300px;
      }
      
h3 { font-family: verdana, arial, sans-serif;
     font-weight:normal;
     line-height:150%;   
     color: green;
     }
      
#section { border: 1px dashed black;
           }
           
ul { width: 780px;
     margin-left: 0px;
     padding-left: 0px;
     }

ul li { list-style: none;
        float: left;
        width: 350px;
        padding-left: 30px;
        }

/* stop the float */
  br
  {
    clear: left;
  }

  /* separate the list from subsequent markup */
  div.section
  {
    margin-bottom: 1em;
  }