@charset "utf-8";
body {
  margin: 0;
  padding: 0;
  background-image: url(images/bkgrd-1.jpg);
  background-repeat: repeat-x;
  font-family: "Verdana",Geneva,sans-serif;
  font-size: 10pt;
}
img {
  border:  none;
  vertical-align: middle;
}

h1 {
  font-weight: bold;
  font-size: 16pt;
  text-align: center;
}
.bold {
  font-weight: bold;
  font-size: 11pt;
}
.bold-colour {
  font-weight: bold;
  color: #009933;
}
.brown-colour {
  color: #996600;
}  
.centretext {
  text-align: center;
}
.float-image-left {
    padding-left: 0em;
	padding-right: 3em;
	padding-top: 1em;
	padding-bottom: 0em;
	float: left;
}
.centresmalltext {
  text-align: center;
  font-size: 8pt;
}
.smalltext {
  font-size: 8pt;
}  
.space {
  word-spacing: 8em;
}
.whitespace {
  margin-top: 3em;
}
.whitespace-bold {
  margin-top: 3em;
  font-weight: bold;
  font-size: 11pt;
}
.whitespace-centred {
  text-align: center;
  margin-top: 5em;
}
.bottom-space {
 margin-bottom: 5em;
}
a:link {
  color: #cc0000;
  text-decoration: none;
}
a:visited {
  text-decoration: none;
  color: #990000;
}
a:active {
  color: #990099;
  text-decoration: none;
}
a:hover {
  background-color: #ffcc00;
  color: #000000;
  text-decoration: none;
}
input:focus {
  background: #fafad2 none repeat scroll 0% 50%;
}
.pad-pc {
  padding-left: 2%;
  padding-right: 5%;
}
.pad-bottom {
  padding-bottom: 5px;
}
.grnborder {
  border: 2px double green;
  margin: auto;
  padding: 1em 2em;
  width: 35em;
}
.grnborder-left {
  border: 2px double green;
  padding: 1em 2em;
  width: 40em;
}
dl.fileinfo {
  border: 3px double #996600;
  padding: 0.5em;
  width: 30em;
}
dl.fileinfo dt {
  float: left;
  clear: left;
  width: 100px;
  text-align: right;
  font-weight: bold;
  color: green;
}
dl.fileinfo dt:after {
  content: ":";
}
dl.fileinfo dd {
  margin: 0 0 0 110px;
  padding: 0 0 0.5em;
}
#container {
  border: 3px solid #996600;
  margin: 20px auto 10px;
  background-color: #ffffff;
  position: relative;
  width: 80%;
}
#container_sized {
  border: 3px solid #996600;
  margin: 20px auto 10px;
  background-color: #ffffff;
  height: 600px;
  position: relative;
  width: 80%;
}
div#header {
  clear: both;
  height: 110px;
  background-color: white;
  background-image: url(images/backgrd.jpg);
  text-align: center;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 5px;
}
#navcontainer ul {
  margin: 0em;
  padding: 0.2em;
  background-color: #996600;
  list-style-type: none;
  text-align: center;
  text-decoration: none;
}
#navcontainer ul li {
  padding: 0.2em 0em;
  text-decoration: none;
  display: inline;
  background-color: #996600;
  font-weight: bold;
}
#navcontainer ul li a:link, #navcontainer ul li a:visited {
  border: 2px ridge #660000;
  text-decoration: none;
  background-color: #ffcc00;
  color: #660000;
  padding-right: 0.2em;
  padding-left: 0.2em;
}
#navcontainer ul li a:hover {
  border-style: solid;
  border-color: #663333 #cc9933 #cc9933 #663333;
  border-width: 2px;
  text-decoration: none;
  background-color: #ffcc66;
  color: #990000;
}
ul.pagenav {
  margin: 0;
  padding: 0.2em;
  list-style-type: none;
  text-align: center;
  font-weight: bold;
}
ul.pagenav li {
  display: inline;
}
ul.pagenav li a {
  padding: 0.2em 1em;
  text-decoration: none;
  color: #ffffff;
  background-color: green;
}
ul.pagenav li a:hover {
  border-style: inset solid solid inset;
  border-color: #663300 #cc9933 #cc9933 #663300;
  border-width: 2px;
  background-color: #ffcc00;
  color: #660000;
}
div#sitemapleft {
  position: relative;
  float: left;
  width: 30%;
  background-color: white;
  z-index:100;
  }
div#sitemapright {
  position: relative;
  float: right;
  width: 35%;
  background-color: white;
  z-index:99;
}
div#sitemapmiddle {
position: relative;
padding:0 300px;
  margin: 0px;
}
ul.sitemap ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
ul.sitemap li {
  margin: 0.2em;
  padding: 0.2em;
  min-height: 1em;
  position: relative;
  width: 16em;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  }
ul.sitemap ul ul {
  margin-top: -1.5em;
  padding-left: 1.5em;
}
ul.sitemap ul li {
  background-image: url(images/arrow.gif);
  background-repeat: no-repeat;
  background-position: 0 0.5em;
  padding-left: 1em;
}
div#left {
  padding: 1em 3em 2em;
  margin-right: 1em;
  float: left;
  width: 25%;
  background-color: white;
}
div#right {
  padding: 1em 3em 6em;
  margin-left: 1em;
  float: right;
  width: 25%;
  background-color: white;
}
div#index-top {
  clear: both;
  background-color: white;
  padding-left: 3em;
  padding-right: 3em;
}
div#index-left {
  width: 300px;
  padding: 10px;
  float: left;
  background-color: white;
}
div#index-right {
  margin-left: 340px;
  padding: 10px;
  background-color: white;
}
div#middle {
  margin: auto;
  padding: 5px;
  background-color: white;
  text-align: left;
}
div#bottom {
  clear: both;
  background-color: white;
  text-align: center;
}
div.section-content-top {
  border-bottom: 2px solid #996600;
  margin: auto;
  background-color: white;
  text-align: left;
  width: 90%;
  padding-top: 0.5em;
  padding-bottom: 1em;
  padding-left: 2em;
  padding-right: 2em;  
}
div.section-content {
  border-bottom: 2px solid red;
  margin: auto;
  background-color: white;
  text-align: left;
  width: 90%;
  padding-top: 0.5em;
  padding-bottom: 1em;
  padding-left: 2em;
  padding-right: 2em;  
}
div.section-content-bottom {
  border:  none;
  margin: auto;
  background-color: white;
  text-align: left;
  width: 90%;
  padding-top: 0.5em;
  padding-bottom: 1em;
  padding-left: 2em;
  padding-right: 2em;
}
div#footer {
  clear: both;
  background-color: white;
  border-top-color: #996600;
  border-right-color: #996600;
  border-bottom-color: #996600;
  border-top-width: 3px;
  border-right-width: 3px;
  border-bottom-width: 3px;
}
#filelist {
  border-top: 2px solid #996600;
  border-right: 2px solid #996600;
  border-bottom: 2px solid #996600;
  border-collapse: collapse;
  margin: 20px auto 20px auto;
  text-align: left;
}
#filelist tbody tr td {
  border: 2px solid #996600;
  padding: 3px 8px;
}
#filelist tbody tr.selected td {
  border-left: 2px solid #996600;
  border-bottom: 2px solid #996600;
  background-color: #ffffff;
  color: #000000;
  font-weight: bold;
  text-align: center;
}

/* 
Unicode Page styles 
----------------------------------------- */

.uc-table {
  border: 2px solid #996600;
  border-collapse: collapse;
  text-align: left;
  width: 700px;
  caption-side: top;
  margin: 5px auto 20px auto;
}

tbody.uc-table tr td {
  border: 1px solid #996600;
  padding: 3px 8px;
}
tbody.uc-table tr td {
  border: 2px solid #996600;
  padding: 3px 8px;
}

tbody tr.selected td {
  border: 2px solid #996600;
  background-color: #FAEBD7;
  color: #000000;
  font-weight: bold;
  text-align: center;
}
#stats {
  margin-left: 10px;
  text-align: left;
}
#stats tbody tr td {
  padding: 3px 8px;
}
#stats tbody tr.selected td {
  border: 2px solid #996600;
  background-color: #ffffff;
  color: #000000;
  font-weight: bold;
  text-align: center;
}

/* 
form styles 
----------------------------------------- */

fieldset { 
position: relative;
float: left;
clear: both;
width: 100%;
margin: 0 0 -1em 0;
padding: 0 0 1em 0; 
border-style: none;
border-top: 1px solid #BFBAB0;
background-color: #F2EFE9;
}

legend {
padding: 0;
color: #545351;
font-weight: bold;
}  

fieldset ol {  
padding: 1em 1em 0 1em;  
list-style: none;
}  

fieldset li {  
padding-bottom: 1em;
}  

label {    
display: block;
padding: 0.5em 0 0.5em 0;
}

fieldset.submit {    
float: none;    
width: auto;    
border-style: none;    
padding-left: 12em;    
background-color: transparent;    
}

fieldset.alt {
background-color: #E6E3DD;
}

legend span {
position: absolute; left: 0.74em;
top: 0;
margin-top: 0.5em;
font-size: 120%;
}