BODY {
  font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 20px;
  background-color: #481860;
  background-image: url("pics/background01a.jpg");
  background-attachment: fixed;
  margin: 50px 25px 0px 25px;
  text-align: justify;
  color: #FFFFFF;
}


a:link { color: #00FFFF; }
a:active { position: relative; top: 2px; left: 2px; color: #FF0000; }
a:visited { color: #FFFF00; }

#navcontainer {
  float: left;
  display: inline;
  margin: -40px 0px 5px -15px;
/*  position: absolute;
  top:20px;
  left:20px;  */
  width:172px;
}

#navcontainer ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
/*  font-family: verdana, arial, Helvetica, sans-serif; */
}

#navcontainer li { margin: 2px 0 2px 0; }

#navcontainer a {
  display: block;
  padding: 0 10px;
  width: 130px;
  color: #fff;
  background-color: #330033;
  text-decoration: none;
  font-weight: bold;
}


#navcontainer .item {
  display: block;
  padding: 0 10px;
  width: 130px;
  color: #fff;
  background-color: #330033;
}

#navcontainer .here {
  display: block;
  padding: 0 10px;
  width: 130px;
  color: #fff;
  background-color: black;
}
	  

#navcontainer a:hover {
  color: #fff; 
  background-color: #660066;
  text-decoration: none;
}

#navcontainer ul ul li { margin: 2px 0 2px 0; }

#navcontainer ul ul a {
  display: block;
  padding: 0 5px 0 30px;
  width: 115px;
  color: #fff; 
  background-color: #330033;
  background-image: url(pics/arrow.gif);
  background-repeat: no-repeat;
  background-position: 1em .5em;
  text-decoration: none;
}

#navcontainer ul ul a:hover {
  color: #fff; 
  background-color: #660066;
  text-decoration: none;
}

#navcontainer ul ul .here {
  display: block;
  padding: 0 5px 0 30px;
  width: 115px;
  color: #fff; 
  background-color: black;
  background-image: url(pics/arrow.gif);
  background-repeat: no-repeat;
  background-position: 1em .5em;
} 


h1 { text-align: center; }

h2 { padding-left: 2em; }

h4 { margin-bottom: 0; }

#intro {
  margin: 0px 0px 25px 150px; 
  padding: 50px 50px 0 50px;
/*  height: 150px;
  overflow: hidden; 
  background-color: black; */
}

#intro p {margin-top: 25px;}

#content {
  clear: both;
  margin: 50px 0px 10px 0px; 
}

#content-tiny {
  clear: right;
  margin: 0px 0px 0px 150px; 
  padding: 50px 0px 0 50px;
}

dt { margin-top: 10px; }

img.left { 
  float: left; 
  margin: 0 10px 10px -25px;
/*  width: 223; */
}

img.right { 
  float: right; 
  margin: 0 -25px 10px 10px;
/*  width: 314; */
}