html {
    background: url(images/3c.jpg) no-repeat fixed;
   background-position: 0 20px;
 background-color: #edf;}

 body { font-size: 100%;
   margin: 0;
   padding: 1.6ex 2ex 2ex 2ex;
   background: url(images/3c.jpg) no-repeat fixed;
   background-position: 0 20px;
   font-family:  Verdana, Arial, Helvetica, sans; color: #000; 
background-color: #edf;
   }

/* Colours - main block for colour style changes
Body background inline to give some style to NN4*/


  #b1 { border: 2px outset rgb(100, 50, 155);
    background: rgb(180, 140, 220) none repeat scroll 0%;
    font-family: tahoma,arial,verdana,helvetica,sans;
    position: absolute;
    left: 28px;
    width: 20%;
    top: 140px;
    -moz-border-radius:5px;
    }
  
  #b1a { font-size: 80%;
    text-align: center;
    font-family: tahoma,arial,verdana,helvetica,sans;
    position: absolute;
    left: 25px;
    width: 20%;
    top: 25px;
    }
#b1as { font-size: 80%;
    text-align: center;
    font-family: tahoma,arial,verdana,helvetica,sans;
    position: absolute;
    left: 25px;
    width: 20%;
    top: 25px;
    -moz-opacity:0.4;

    }

#b1as:hover { font-size: 80%;
    text-align: center;
    font-family: tahoma,arial,verdana,helvetica,sans;
    position: absolute;
    left: 25px;
    width: 20%;
    top: 25px;
    -moz-opacity:1;

    }

  div#b1 a { color: rgb(255, 255, 255);
    text-decoration: none;
    font-weight: bold;
    }

  div#b1 a:hover { background: rgb(51, 0, 102) none repeat scroll 0%;
    color: rgb(255, 255, 102);
    font-weight: bold;
    }

  div#b1 .this { margin: 1em 1em 1em 1em;
 	display: block;
 	color: rgb(255, 255, 102);
	font-weight: bold;
    }

  #b2 { border: 2px ridge rgb(221, 187, 238);
    background-color: #fef;
    margin: 1em 2em 1em 1em;
    position: relative;
    left: 25%;
    width: 70%;
    top: 5px;
    -moz-border-radius:15px;
          }

  a, a:visited { color:blue;
  }

  p, pre { margin: 0.5em 1em 1em;
    line-height: 135%;
    }

  h1, h2, h3, h4, h5 { margin: 0.4em 0.1em 0.1em;
    padding: 0.25ex 1ex;
    font-family: tahoma,verdana,helvetica,arial,sans;
    text-align: center;
    }

  h1 { font-size: 100%;
    }

  h2 { font-size: 90%;
    }

  li { margin: 1em 3em 0em 1em;
    }

  .past { color: gray;
    }


  img { border-style: none;
    }

  .pfl { float: left;
    }

  .ppd { padding: 1ex 1ex 1ex 15%;

    }

  .spec { font-size: 80%;
margin-left: 1.5cm;
line-height: 1.7;
    }

  .note:before { content: "Note: ";
    }

  .mi { margin: 1em 1em 1em 1em;
 display: block;
    }

  .pipe { display: none;
    }

  .abbr { color: rgb(34, 17, 34);
    cursor: help;
    }

  .cnr { text-align: center;
    }

 .frm { margin: 1em 6em;
    text-align: right;
    color:#442222}

 .frm>input {background: #eee; color:#200}
 .frm>input:focus {background: #fff; color:#811}
 .frm>textarea {background: #eee; color:#200}
 .frm>textarea:focus {background: #fff; color:#811}

  .ind { margin: 1em 3em;
    }

   #b3 { position: relative;
  background-color: rgb(221, 187, 238);
	left: 75%;
    width: 20%;
    top: 160px;
    }


  #bh {
    position: relative;
    left: 32%;
    width: 62%;
    top: 5px;
	}

  .bhc { text-align: center;
    }

  #blh { float: left;
    width: 20%;
    }

  #b4 { text-align: center;
    width: 75%;
    float: left;
    position: relative;
    left: 22%;
    }

body > #b4 {
    text-align: center;
    width: 75%;
    float: left;
    position: absolute;
    left: 22%;
    }