html {
  font-family: verdana, arial, helvetica, sans-serif; 
  font-size: 76%; 
}

body {
  margin: 0; 
  padding: 0;
  color: #000000;
  background-image: url(/local/images/bg.jpg);
  background-repeat: repeat-x;
  background-color: #999999;
}

/* default tag attributes, mostly used in content */
p { 
  font-size: 1.0em; 
  line-height: 1.5em; 
  margin: 1.2em 0em 1.2em 0em; 
} 
h1 { 
  padding: 0;
  margin: 0.5em 0;
  font-size: 1.2em; 
  color: #CC0000; 
} 
h2 {
  padding: 0;
  margin: 0.5em 0;
  font-size: 1.15em; 
  color: #CC0000; 
  font-family: arial, helvetica, sans-serif;
} 
.main {
  line-height: 1.5em;
  font-weight: bold;
}
h3, h4, h5, h6 { 
  font-size: 1.0em; 
  color: #000000; 
} 
li { 
  margin: 0.2em 0em 0.2em 0em; 
  line-height: 1.5em; 
} 
a:link { 
  color: #0000FF; 
  text-decoration: underline;   
} 
a:visited { 
  color: #003366; 
  text-decoration: underline;   
} 
a:active { 
  color: #0000FF; 
  text-decoration: underline; 
} 
a:hover {
  text-decoration: none; 
} 
select, input, textarea, button {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.0em;
}
.sameline {
  display: inline;
}
.colour {
  color: #0000CC;
}
  
/* layout divs and their respective attributes */
div#container { 
  position: relative;
  background: #FFF;
  width: 780px;
  margin: 20px auto;
  border: 1px solid #ccc;
  }

div#colourblock {
	border-top: 1px solid #ccc;
	height: 0;
}
  
div#masthead {
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 1;
  padding: 10px;
  width: 213px;
  }

div#siteheading {
  position: relative;
  float: right;
  padding-right: 20px;
  padding-top: 15px;
  color: #000;
  z-index: 3;
  }
div#siteheading a {
  font-size: 1.3em;
  color: #000;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif; 
  text-decoration: none;
  }

div#topnavigation {
	margin: 5px 0;
}

div#topnavigation span {
  font-family: verdana, helvetica, sans-serif;
  line-height: 1.05em;
  border-right: 1px solid #000;
  padding: 0 10px 0 8px;
  }
div#topnavigation span.last {
  border-right: 0;
  padding-right: 0;
  }
div#topnavigation span.first {
  padding-left: 0;
  }
div#siteheading div#topnavigation a {
  font-size: 1.0em;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  }
div#topnavigation a {
  color: #000;
  text-decoration: none;
  }
div#topnavigation a:link {
  text-decoration: none; 
  }
div#topnavigation a:visited {
  text-decoration: none; 
  }
div#topnavigation a:hover {
  color: #CC0000;
  text-decoration: none;  
  }
div#topnavigation a:active {
  text-decoration: underline; 
  }
div#siteheading div#topnavigation a.selected {
  color: #CC0000;
  font-weight: bold;
  }

div#menunavigation {
  position: relative;
  width: 130px;
  z-index: 5;
  float: left;
  padding-top: 10px;
  margin-left: 5px;
  }
div#menunavigation ul {
  margin: 0px 0px 0px 0px;
  padding-left: 0px;
  width: 100%;
  list-style-type: none;
  }
div#menunavigation ul ul {
  margin: 0px 0px 0px 0px; 
  padding-left: 11px; 
  width: 85px;
  }
div#menunavigation ul ul ul {
  margin: 0px 0px 0px 0px; 
  padding-left: 11px;
  width: 60px;
  }
div#menunavigation li, div#menunavigation span {
  margin: 0;
  padding: 1px 1px 7px 3px;
  line-height: 1.1em; 
  display: block;
  }
div#menunavigation a {
  font-size: 0.8em; 
  color: #000000;
  }
div#menunavigation span a {
  font-size: 1.0em;
  }
div#menunavigation a:link {
  text-decoration: none; 
  }
div#menunavigation a:visited {
  text-decoration: none; 
  }
div#menunavigation a:hover {
  text-decoration: underline; 
  }
div#menunavigation a.active {
  text-decoration: underline; 
  }

div#menunavigation ul a.selected {
  color: #CC0000;
  font-weight: bold;
  text-decoration: none; 
  }
div#menunavigation ul a.selected:hover {
  text-decoration: none;
  }
  
div#menunavigation ul.global {
  background-color: #eee;
  }

div#content, div#content_nosml {
  padding: 0 15px 5px 15px;
  margin-left: 130px;
  background-color: #fff;
  z-index: 5;
  /* Make Mozilla make the height auto so it will expand */
  height: auto !important;
  /* Set the height for IE, which will expand it */
  height: 350px;
  /* Set the min-height for Mozilla, so both have same default */
  min-height: 350px;
  }
div#content {
	margin-right: 190px;
}
  
div#sml_content {
  position: absolute;
  top: 76px;
  right: 0;
  width: 170px;
  z-index: 5;
  padding: 0 10px;
  }

div#footer {
  position: relative;
  margin-left: 130px;
  padding: 10px 15px 20px 15px;
  font-size: 0.8em; 
  color: #000000; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  clear: both;
  }
div#footer a {
  color: #999999; 
  text-decoration: none; 
  }
div#footer a:link {
  text-decoration: none; 
  }
div#footer a:visited {
  text-decoration: none; 
  }
div#footer a:hover {
  color: #666666; 
  text-decoration: underline; 
  }
div#footer a:active {
  text-decoration: underline; 
  }

img {
	position: relative;
	border: 0;
}

.floatleft {
	float: left;
	margin: 10px;
}