/* */

/*  .imL { margin-right: 1em; float: left; background-color: #cbfd0c;} */
/* workhorse classes */
  .imL { margin-right: 1em; float: left; background-color: white;} 
  .imR { margin-right: 1em; float: right; background-color: #cbfd0c;}

  .bx1   { margin-right: 1em; margin-bottom: 5px; 
           background-color: #84b0b9; width: 95%; }
  .bx2   { margin-right: 1em; margin-bottom: 5px; 
           background-color: #84b0b9; color: white; width: 95%; }

  .bx1x   { float: left; margin-bottom: 5px; 
           background-color: #84b0b9;    width: 95%}

  .downcase { font-size: x-small; }
  .totop { text-align: right; }

  .imgcomment { margin-right: 30%; margin-left: 30%; }

.scroll
{ 
  background-image: url('scroll_03.png');
  background-repeat: repeat-y;
  background-position: 90%;
}



  div.scroll p { margin-right: 20% }

  h2 { background-color: #3a6a74; color: white; height: 36px;
      }
  .navbar { background-color: #84b0b9; color: white; }
  /* height here must match height of image in index.html */
  h1 { background-color: #434342; color: #bfd0cb; height: 46px;}
  body { background-color: #bfd0cb; }

/* Sub Title text color */
.subtitle { color: #e4bc74; }


/* list classes */

.nobullet { list-style-type: none; }

/* special use id's */

  #index     { color: blue; background: black; }
  #terminus  { background-color: black; }
  #terminus body { background-color: black; }

  #center    { background-color: #bfd0cb; }
  #left      { background-color: #bfd0cb; }


/* main page ids */



#mpage { 
	background-image:  url('img/border.png');
	background-repeat: repeat-y;
	}

/* anchor behavior. see also sp.css  */

A:link {text-decoration: none;}
A:visited {text-decoration: underline;}
A:active {text-decoration: none;}
A:hover {color: red;}