@font-face {
  font-family: 'mufi';
  src: url('AndronScriptorWeb.ttf');
  src: local('Andron Scriptor Web, Regular'), url('AndronScriptorWeb.ttf') format("truetype"); 
}

span.mufi{
  font-family: "mufi";
}

span.mufibig{
  font-family: "mufi";
  font-size: 18pt;
}

span.overscript{
  font-size:8pt;
  position:relative;	
  left:-0.7em;
  top:-1em;
}

span.remove{
  display:inline-block; 
  font-weight:bold;
  width:1em;
  text-align:center;
  background:red;
  border:1px solid;
  border-radius:1em;
}

span.currentpage{
  color:#990000;
}


body{
  background: #eecc99;
  font-family: "Times New Roman";
  font-size: 16pt;
}

p {
  font-family: "Times New Roman", Junicode, "Junicode Bold", Cardo;
  font-size: 16pt;
  line-height: 18pt;
  color: black;
}

p.title {
  font-size: 18pt;   
  line-height: 20pt;
  color: black;
  font-weight: bold;
}

ul.menu {
  font-family: "Times New Roman", Junicode, "Junicode Bold", Cardo;
  font-size: 24pt;   
/*  line-height: 25pt;*/
  color: black;
  font-weight: bold;
  display:block;
  padding:10px;
/*  margin-right: 1200px;*/
  background:#cccccc;
  text-decoration:none;
}

ul.item {
  font-family: "Times New Roman", Junicode, "Junicode Bold", Cardo;
  font-size: 24pt;   
  line-height: 25pt;
  color: white;
  font-weight: bold;
  display:block;
/*  margin-right: 1200px;*/
  padding:10px;
  background:#ffffcc;
  text-decoration:none;
}

h2 {
  font-size: 16pt;
  line-height: 18pt;
  color: black;
  font-weight: bold;
}

h3 { 
  font-family: "Times New Roman";
  font-size: 14pt;
  line-height: 16pt;
  font-weight: bold;
  font-style: italic;
  color: black;
}

h4 {
  font-size: 14pt;
  line-height: 16pt;
  font-weight: bold;
  color: navy;
}

h5 {
  font-size: 14pt;
  line-height: 16pt;
  font-style: italic;
  color: navy;
}

div.colhead {
  font-size: 13pt;
  line-height: 15pt;
  font-weight: bold;
  color: black;
  text-align: center;
}

div.colheadleft {
  font-size: 16pt;
  line-height: 18pt;
  font-weight: bold;
  color: black;
  text-align: left;
}

div.message {
  font: 14pt "Times New Roman";
  line-height: 16pt;
  color: black;
  font-weight: bold;
  text-align: center;
}

div.nearleft {
  margin-left: 48pt;
}

div.left { 
  /*
  margin-left: 96pt;  
  */
  width: 85%;
}
  
div.farleft {  
  margin-left: 256pt;
}

div.cent {
  font-family: "Monaco";
  font-size: 20pt;
  text-align: center;
}

div.right {
  text-align: right;
}

div.just {
  text-align: justify;
}

div.large{
  font-size: 18pt;
  font-weight: bold;
  color: red;
}

td.checkbox {width: 2%;}
td.checkboxName {width: 21%;}
td.string {width: 54%; text-align:center;}

table.search {
  width: 780px;
  height: 110px;
}

table.middle {
  border-style: none; 
  width: 780px;
  height: 140px;
}

td.topsearch {
  font-size:14pt;
  font-weight: bold;
}

span.emph {
  color: maroon;
  font-weight: bold;
}

span.headln {
  font-size: 16pt;
  line-height: 18pt;
  font-weight: bold;
  color: maroon;
}

span.headttl {
  font-size: 16pt;
  line-height: 20pt;
  font-weight: bold;
  color: black;
}

span.headlnit {
  font-size: 18pt;
  line-height: 18pt;
  font-weight: bold;
  font-style: italic;
  color: yellow;
}

span.smcap {
  font-size: 0.8em;
}

span.mini {
  font-size: 0.7em;
}

span.contr{
  font-style:italic;
}

span.highl {
  font-weight: bold;
}

span.index {
  font-family: "Times New Roman";
  font-size: 14pt;
  line-height: 16pt;
  color: black;
  font-weight: bold;
}

span.alpha {
  font-family: Courier;
  size: 36pt;
  font-weight: bold;
  color: black;
}

span.juni {
  font-family: Junicode, Cardo, "Times New Roman", serif;
  font-size: 1.2em;
}
  
span.masked {  
  color: #eecc99;
}

span.messagespan{
  font-size: 16pt;
  font-weight: bold;
  color: maroon;
}

span.tbltxt {
  font-family: "Times New Roman";
  font-size: 12pt;
  line-height: 18pt;
  color: black; 
  margin-left: 1px;
  margin-right: 1px;
  border:thin solid #B3B3B3;
  background-color: #FFFFA8;
}

span.displayreg {

  font-family: "Time New Roman";
  font-size: 16pt;
  line-height: 20pt;
  color: yellow;
  background-color: #AA0000;
}

span.displayital {
  font-family: "Time New Roman";
  font-size: 16pt;
  line-height: 20pt;
  font-style: italic;
  color: yellow;
  background-color: #AA0000;

}

span.menutxt {
  font-family: "Times New Roman";
  font-size: 12pt;
  line-height: 18pt;
  color: black; 
  background-color: #eecc99;
}

span.linktext {
  font-family: "Times New Roman";
  font-size: 12pt;
  line-height: 14pt;
  color: black; 
}

span.tblbld {
  font-family: "Times New Roman";
  font-size: 16pt;
  line-height: 18pt;
  font-weight: bold;
  color: black;
}

span.linksym {
  font-size: 12pt;
  color: red;
}

span.inac_link {
  font-size: 12pt;
  color: #404040;
}

span.helpsym {
  font-size: 16pt;
  font-weight: bold;
  color: black;
  background: white;
}

span.question {
  font-size: 14pt;
  font-weight: bold; 
  color: navy;
}

span.boxtext {
  font-size: 14pt;
  font-family: Monaco;
}

span.action {
  font-size: 16pt;
  color: maroon;
  line-height: 18pt;
  font-weight: bold;
}

span.error {
  font-size: 16pt;
  font-weight: bold;
  color: red;
  background: white;  
}

span.ref {
  font-style: italic;
}

ul li {
 list-style: none;
 padding: 4px;
  font-size: 14pt;
}


a:link {
  text-decoration: none;
  font-family: "Times New Roman", Junicode, Cardo;
  font-size: 12pt;
  line-height: 14pt;
  font-weight: bold;
  color: black;
} 

a.map:link{
  color: blue;
  text-decoration: underline;
}

a.nounderline:link{
  text-decoration: none;
  font-weight: normal;
}


a:visited {
  text-decoration: none;
  font-family: "Times New Roman";
  font-size: 12pt;
  line-height: 14pt;
  font-weight: bold;
  color: black;
}

a.map:visited{
  color: blue;
  text-decoration: underline;
}

a.nounderline:visited{
  text-decoration: none;
  font-weight: normal;
}

a:active {
  text-decoration: none;
  font-family: "Times New Roman", Junicode, Cardo;
  font-size: 12pt;
  line-height: 14pt;
  font-weight: bold;
  color: black;
} 

a.map:active{
  color: blue;
  text-decoration: underline;
}

a.nounderline:active{
  text-decoration: none;
  font-weight: normal;
}

a.download {font-size: 10pt; 
            color: navy;}

.widetext{
  width:70%;
}

#taskchoices {
  width: 20%;
  height: 100%;
  vertical-align:top;
  font-size: 14pt;
}

#maptaskarea {
  width: 80%;
  padding-left: 30px;
  vertical-align:top;
  font-size: 14pt;
}

.allforms{
  background-color:#eecc99;
  display:inline-block;
  padding: 5px;
}

#listofforms{
  display:inline-block;  
  background-color:#F5E3C6;
  padding: 15px;
}

#showmap {
  background-color: #AFCAAF;
  padding: 10px;
  width:90%;
  text-align: center;
  border-radius: 5px;
}

.darkgreen{
  color: #004D26;
}

.editbutton{
  padding: 3px;
  border-radius: 5px; 
  background-color: #AFCAAF;
}

div.mapedit{
  display: none;
  background-color: #F5E3C6;
  padding: 3px;
  border-radius: 7px; 
}

div.allformsedit{
  background-color: #F5E3C6;
}

span.rightbutton{
  float:right;
}

html.wait, html.wait * { 
  cursor: wait !important; 
}

.caveat{
 font-size : 0.8em; 
 background-color: #FFE4B8;
}

.key{
  display: none;
  background-color: #FFE4B8;
  padding: 3px;
  border-radius: 7px;   
}

.point{
    cursor: pointer;
}

/* scroll down menu from "http://www.cssnewbie.com/easy-css-dropdown-menus/"*/
/* BEGINS HERE */

#navbar {
  margin: 0;
  padding: 0;
  display: transparent;
  height: 1em; }
	
#navbar li {
  list-style: none;
  margin-left: 12pt;
  float: left; }
		
#navbar li a {
  display: block;
  padding: 3px 8px;
  background-color: #00ddff;
  color: #fff;
  text-decoration: none; }
									
#navbar li ul {
  display: none; 
  width: 30em; /* Width - for Opera */
  margin: 0;
  background-color: #00ddff; }
					
#navbar li:hover ul, #navbar li.hover ul {
  display: block;
  position: absolute;
  margin: 0;
  padding: 0; }
								
#navbar li:hover li, #navbar li.hover li {
  float: none; }
								
#navbar li:hover li a, #navbar li.hover li a {
  background-color: #00ddff;
  border-bottom: 1px solid #fff;
  color: #000; }
								
#navbar li li a:hover {
  background-color: #8db3ff; }

/* ADDITIONAL JavaScript code by Patrick Griffiths and Dan Webb*/
sfHover = function() {
  var sfEls = document.getElementById("navbar").getElementsByTagName("li");
  for (var i=0; i<sfEls.length; i++) {
    sfEls[i].onmouseover=function() {
      this.className+=" hover";
    }
    sfEls[i].onmouseout=function() {
      this.className=this.className.replace(new RegExp(" hover\\b"), "");
    }
  }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

								
// ENDS HERE