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: 25px 50px 25px 50px;
  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;
  margin: -40px 0 20px -40px;
  width:172px;
}

/* IE-only dumb hack to get around doubled-margins bug on floats. */
* html #navcontainer { margin: -20px 0px 10px -20px; }

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

#navcontainer li { margin: 0 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: 0 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;
} 

/* More dumb hacks to humour IE */
* html #navcontainer ul ul a {width:150px;}
* html #navcontainer ul a {width:150px;}
* html #navcontainer .item {width:150px;}
* html #navcontainer ul ul .here {width:150px;}

h1 { text-align: center; }

h2 { padding-left: 2em; }

h4 { margin-bottom: 0; }

#banner {
  margin: -40px 0px 0px 0px; 
  height: 100px;
  width: 500px;
}

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

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

#jumpbar-large {
  margin: 0px 0 0 0;
  padding: 0px 0px 0px 0px; 
  list-style-type:none;
  background-color: #330033;
  font-weight:bold;
  font-size: 200%; 
}

#jumpbar-large ul {
padding: 2px 0 2px 0;
}

#jumpbar-large li {
  padding: 0px 2px 0px 2px;
  display:inline;
  background-color: #330033;
  text-decoration: none;
  font-weight: bold; 
}

#jumpbar-large li a {
  padding: 0px 2px 0px 2px;
  color: #fff;
  display:inline;
  background-color: #330033;
  text-decoration: none;
  font-weight: bold; 
}

#jumpbar-large li a:hover {
  padding: 0px 2px 0px 2px;
  color: #fff;
  display:inline;
  background-color: #660066;
  text-decoration: none;
  font-weight: bold; 
}


#jumpbar-small{
  margin: 0 0 0 0;
  padding: 0px 0px 0px 0px; 
/*  border: 1px solid #330033 ; */
  list-style-type:none;
  background-color: #330033;
  font-weight: bold;
}

#jumpbar-small ul {
padding: 2px 0 2px 0;
}

#jumpbar-small li, #jumpbar-small li a {
  margin: 0 0 0 0;
  padding: 2px 3px 2px 3px;
  color: #fff;
  display:inline;
  background-color: #330033;
  text-decoration: none;
}

#jumpbar-small li a:hover {
  margin: 0 0 0 0;
  padding: 4px 3px 4px 3px;
  color: #fff;
  display:inline;
  background-color: #660066;
  text-decoration: none;
}

#content {
  clear: both;
  margin-top: 50px; 
}

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

dt { margin-top: 10px; }

img.icon { 
  float: left; 
  margin: 5px 10px 10px -40px;
/*  width: 223; */
}

p.indent {
/*  display: block; */
  margin-left: 120px;
}

p.clear {
  clear:left;
}

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

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