@import url(sys-colours.css);

body {
  margin: 0px;
  font-family: Arial,Helvetica,Georgia,sans-serif;
  color: rgb(85, 85, 85);
  background-color: white;
  font-size: 80%;
}

img {
  border: 0px;
}

a:hover {
  text-decoration: underline !important;
  cursor: pointer !important;
}

a:link, a:visited {
  color: rgb(85, 85, 85);
  background-color: inherit;
  /*text-decoration: none;*/
}

.skipitem {
/*  position: absolute;
  left: -999px;
  width: 90px; */
  display: none !important ;
}

.floatleft {
  float: left;
}
.floatright {
  float: right;
}
.clear {
  clear: both;
}

/* Header elements */

div.header {
  margin-top: 1.5em;
  clear: both;
  margin-left: 2em;
  margin-right: 2em;
  padding-bottom: 4em;
  border: 1px solid white;
}
div.header img {
  padding-top: 4px;
}
div.search {
  float: left;
  padding-top: 4px;
  padding-right: 4px;
}

div.searchbtn {
  float: left;
  padding-top: 5px;
}

div.search input {
  border-top: 1px solid #808080 ;
  border-right: 1px solid #d4d0c8 ;
  border-bottom: 1px solid #d4d0c8 ;
  border-left: 1px solid #808080 ;
  font-weight: bold;
}

div.searchboxandbtn {
  float: right;
}

div.header div.title {
  float: left;
  margin-left: 2em;
  margin-right: 2em;
  padding-top: 0px;
  margin-top: 0px;
}

div.pagetitle h1,
div.header div.title h1 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 1.5em;
  padding-top: 0px;
}

div.pagetitle {
  text-align: right;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

/* Menubar elements */
div.menubar {
  clear: both;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  padding-top: 5px;
  font-family: Arial,Helvetica,Georgia,sans-serif;
  font-size: 90%;
  font-weight: bold;
}

div.menubar a:link, div.menubar a:visited {
  text-decoration: none;
}

div.leftiteminactive, div.leftitemactive,  div.rightiteminactive, div.rightitemactive {
  border-top: 1px solid #9c9c9c;
  padding: 2px 10px 1px 10px;
  min-height: 18px;
}

div.leftiteminactive, div.leftitemactive {
  float: left;
}

div.rightiteminactive, div.rightitemactive {
  float: right;
}

div.rightiteminactive, div.leftiteminactive,
div.rightiteminactive a, div.leftiteminactive a
{
  background-color: rgb(230, 230, 230);
  color: rgb(55, 55, 55);
}

div.rightitemactive, div.leftitemactive,
div.rightitemactive a, div.leftitemactive a {
  background-color: white;
  border-bottom: 2px solid white;
  color: rgb(55, 55, 55);
}

div.menubottom {
  padding-top: 20px;
  border-bottom: 1px solid #9c9c9c;
}

div.menuitemfirst {
  padding-left: 2em;
}

div.menuitem {
 padding-left: 8em;
}

div.menuitemlast {
  padding-right: 2em;
  padding-left: 2em;
}

/* breadcrumb elements */
div.breadcrumbs {
  padding-top: 0.5em;
  padding-right: 2em;
  margin-left: 0.25em; 
  font-family: Arial,Helvetica,Georgia,sans-serif;
}

div.breadcrumbs a:link, div.breadcrumbs a:visited {
  text-decoration: none;
}

div.breadcrumbs h2, div.breadcrumbs ul {
  margin-top: 0em;
  margin-bottom: 0em;
  font-size: 90%;
}

div.breadcrumbs div.floatright h2 {
  width: 16em;
  text-align: right;
}

div.breadcrumbs ul {
  padding-left: 0px;
  margin-left: 0px;
}

div.breadcrumbs li {
  display: inline;
  padding-left: 0.25em;
  padding-right: 0.1em;
/*
  background-repeat: no-repeat;
  background-position: 0.5em 0.3em;
  background-image: url(../images/doublearrow.gif);
*/
}

div.breadcrumbs li.firstitem {
  background-image: none !important;
  padding-left: 0em;
}

div.breadcrumbs li.hidden {
  display: none;
}

/* Main body content */
div.body {
  clear: both;
  padding-right: 2em;
  /*padding-left: 2em;*/
  padding-top: 10px;
}

div.tabbar, div.sidebar {
  float: left;
  padding-right: 0px;
  margin-right: 0px;
  /* was width: 14em */
  /*width: 150px;*/
  width: 14em;
  font-family: Arial,Helvetica,Georgia,sans-serif;
  font-size: 90%;
}

div.tabbar a:link, div.tabbar a:visited,
div.sidebar a:link, div.sidebar a:visited {
  text-decoration: none;
}

div.sidebar ul {
  list-style-type: none;
  margin-top: 0px;
  padding-bottom: 1px;
  padding-right: 1px;
  padding-left: 0px;
  margin-left: 0px;
  font-weight: bold;
  border-top: 1px solid rgb(183, 183, 183);
  border-right: 1px solid rgb(183, 183, 183);
  border-bottom: 1px solid rgb(183, 183, 183);
}

div.sidebar ul li ul {
  margin-left: -3em !important;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 5px;
  padding-bottom: 0px;
  font-weight: normal;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 1px solid white;
  border-top: 1px solid rgb(183, 183, 183);
}

div.sidebar li, div.sidebar li a {
  background-color: rgb(230, 230, 230);
  color: rgb(55, 55, 55);
}

div.sidebar li {
  padding-left: 3em;
  background-repeat: no-repeat;
  padding-top: 5px;
  padding-bottom: 0px;
  background-position: 2.2em 0.8em;
  background-image: url(../images/doublearrow.gif);
  border-top: 1px solid white;
  border-bottom: 1px solid rgb(183, 183, 183);
  border-right: 1px solid rgb(183, 183, 183);
}

div.sidebar ul ul li a,
div.sidebar ul ul li {
  background-color: white;
  color: rgb(55, 55, 55);
}

div.sidebar ul ul li {
  border: 0px;
  padding-bottom: 5px;
}

div.content, div.footer {
  margin-left: 14em;
}

/* IMPORTANT: changes to these should also be reflected in other sheets
   e.g. sys-fixed.css */
div.body p, div.body li {
  font-size: 95%;
}

div.body code, div.body monospace {
  font-size: 120%;
}

div.body h1 {
  font-size: 110%;
}

div.body h2 {
  font-size: 97%;
}

div.body h3 {
  font-size: 97%;
}

div.body h4, div.body h5, div.body h6 {
  font-size: 95%;
}


div.body h2, div.body h3, div.body h4, div.body h5, div.body h6 {
  margin-top: 5px;
  margin-bottom: 5px;
}

div.body div.floatleft,
div.body div.floatright {
  padding-right: 1em;
  padding-left: 1em;
}

div.body div.floatleft img, div.body div.floatright img{
  border: 1px solid black;
}

div.body img.icon{
  border: 0px !important;
}

div.body div.caption {
  font-size: 80%;
  font-weight: bolder;
  color: #9c9c9c;
  background-color: white;
}

div.body div.floatright div.caption {
  text-align: right;
}

div.body div.floatleft div.caption {
  text-align: left;
}

div.body label {
  font-weight: bolder;
}

p.author span {
  font-size: 70%;
}

div.body span.author {
  font-style: italic;
}

div.body ul {
  list-style-type: square;
}
  /* stop nested lists shrinking for ever ... */

div.body li ul li, div.body li ol li {
  font-size: 100%;
}

div.body th, div.body thead {
  font-weight: bolder;
}

div.body dl dt,
div.body dl dt a:link,
div.body dl dt a:visited
{
  text-decoration: none;
  font-weight: bolder;
}

div.body dl dd {
  margin-left: 0px;
}

div.body li,
div.body dd {
  padding-bottom: 0.5em;
}



/* only used on the front page */

div.frontpage {
  margin-left: 10%;
  margin-right: 10%;
}

div.frontpage div.frontleft {
  clear: left;
  float: left;
}

div.frontpage div.frontright {
  clear: right;
  float: right;
}

div.frontpage div.frontright, div.frontpage div.frontleft {
  width: 39%;
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 2.5%;
  margin-bottom: 2.5%;
}

div.frontpage div.frontright ul li, div.frontpage div.frontleft ul li {
  margin-left: 0.3em;
  padding-left: 0.9em;
  background-image: url(/sys/images/doublearrow.gif);
  background-position: 0em 0.2em;
  background-repeat: no-repeat;
  list-style-type: none;
}

/* Footer elements */
div.footer {
  clear: both;
  margin-top: 1em;
  margin-right: 13em;
  padding-top: 1em;
  padding-bottom: 1em;
}

div.footer div.pagefooter {
  text-align: left;
  font-size: 90%;
}