/*
 * style.css 
 *
 * Copyright (C)2003 Daniel Jackson -- http://www.danieljackson.co.uk/
 *
 */

html {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  background: White;
  color: black;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

h1 {
  letter-spacing: 0.1em;
  font-size: 18pt;
  margin: 0;
  padding: 0;
/*
  white-space: nowrap;
*/
}

h1 a, h1 a:hover, h1 a:active {
  color: white;
  text-decoration: none;
}

h1 .subtitle {
  white-space: nowrap;
/*
  font-size: 14pt;
  font-style: italic;
  position: relative;
  left: -295px;
  top: 30px;
  color: white;
*/
}
h6 {
  color: springgreen;
  clear: both;
}


h2 {
  font-size: 18pt;
  text-indent: -40px;
  margin-left: -20px;
  padding-left: 60px;
  border-bottom: 1px solid #90BADE;
}

h3 {
  font-size: 16pt;
  margin-top: 50px;
  margin-left: -20px;
  padding-left: 20px;
  border-bottom: 1px dashed #90BADE;
}

a {
  color: springgreen;
  text-decoration: none;
  font-weight: bold;
}

a:link {
}

a:visited {
}

a:hover, a:active {
  text-decoration: underline; 
}

img {
  border: 0;
}

blockquote {
  padding: 15px;
  margin-left: 10%;
  margin-right: 10%;
  background: #ECF4FA;
  border: 1px springgreen solid;
}

q {
  font-style: italic;
}

ul li {
  list-style-image: url(images/bullet.gif);
}

hr {
  color: springgreen;
; border: springgreen
}

abbr, acronym, .help {
  border-bottom: 1px dotted #90BADE;
  cursor: help;
}

code, .code {
  font-family: "Lucida Console", "Courier New", Courier, monospace;
  line-height: 110%;
}


.image {
  text-align: center;
  margin: 12px 0px;
}

.image img {
  border: 2px solid black;
}

.nobr {
  white-space: nowrap;
}

.indent {
  margin-left: 30px;
}

#header {
  color: white;
  background: red;
  margin: 0;
  padding: 16px;
/*
  padding-bottom: 45px;
*/
}

#header .logo {
  float: right;
}


#navigation {
  background: springgreen;
  margin: 0;
  padding: 0;
  padding-left: 0px;
  padding-right: 0px;
  border: 1px springgreen solid;
}

#navigation ul {
  display: block;
  margin: 0;
  padding: 0;
  padding-top: 3px;
  padding-bottom: 3px;
}

#navigation ul li {
  list-style: none;
  display: inline;
  background: springgreen;
  border-right: 1px solid #90BADE;
  margin: 0;
  padding: 0;
  text-indent: 0;
}

#navigation a {
  margin: 0;
  padding: 0;
  color: white;
  font-weight: bold;
  text-decoration: none;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
}

#navigation li:hover{
  color: white;
  background: springgreen;
}


#subnavigation {
  position: absolute;
  left: 0px;
  width: 100px;
  margin: 0;
  padding: 0;
  background: springgreen;
  border: 1px springgreen solid;
  margin-bottom: 40px;
}

#subnavigation ul {
  padding: 0;
  margin: 0;
  text-indent: 0;
  list-style: none;
}

#subnavigation ul li {
  border-bottom: 1px dashed #90BADE;
  margin: 0;
  padding: 0;
}

#subnavigation #subsection {
  font-style: italic;
}

#subnavigation a {
  display: block;
  width: 80px;
  margin: 0;
  padding: 5px 10px;
}

#subnavigation a:hover{
  background: springgreen;
  color: #ECF4FA;
  text-decoration: none;
}


#content { 
  margin: 0; 
  margin-left: 110px;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 40px;
} 


#footer { 
  clear: both; 
  margin-top: 20px;
  margin-left: 30%;
  border-top: 1px dashed #90BADE;
  padding: 0px 10px;
}

#footer p {
  color: springgreen;
  font-size: 75%;
  font-style: italic;
  text-align: right;
  margin-top: 10px;
}



ul.contents {
  padding: 5px 15px 5px 15px;
  margin-left: 16px;
  margin-right: 16px;
  margin-bottom: 40px;
  background: #ECF4FA;
  border: 1px springgreen solid;
}

ul.contents li {
  margin-top: 6px;
}

ul.contents li li {
  display: inline;
  margin-left: 0px;
  margin-top: 0px;
  padding-left: 0px;
  padding-right: 10px;
}


ul.organisers {
  margin: 0;
  padding: 0;
  text-indent: 0;
}

ul.organisers li {
  margin: 0;
  padding: 0;
  text-indent: 0;
  list-style: none;
  list-style-image: none;
  display: block;
  float: left;
  width: 220px;
  height: 200px;
  padding: 5px 5px 5px 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 20px;
  background: #ECF4FA;
  border: solid 1px #90BADE;
}

ul.organisers .name {
  font-weight: bold;
  border-bottom: dashed 1px #90BADE;
  margin-bottom: 16px;
  padding-left: 16px;
}

ul.organisers .address {
  font-style: italic;
  font-size: 80%;
  margin-left: 16px;
  margin-bottom: 12px;
}

ul.organisers .telephone, ul.organisers .fax, ul.organisers .email {
  font-size: 80%;
  font-weight: bold;
  margin-left: 16px;
}

ul.organisers .telephone .number, ul.organisers .fax .number {
  font-weight: normal;
}



ul.committee {
  padding: 5px 15px 5px 15px;
  margin-left: 16px;
  margin-right: 16px;
  margin-bottom: 40px;
  background: #ECF4FA;
  border: 1px springgreen solid;
}

ul.committee li {
  list-style: none;
  list-style-image: none;
  margin-top: 8px;
  margin-bottom: 8px;
}

ul.committee .name {
  font-weight: bold;
}


ul.dates li {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
  text-indent: 0;
  margin-top: 0.5em;
  margin-left: 15em;
}

.dates li .date {
  font-weight: bold;
  display: inline-block;
  width: 15em;
  padding: 0;
  margin: 0;
  margin-left: -15em;
}


.error {
  margin: 50px;
  border: 5px red dashed;
  padding: 10px;
  color: red;
  font-weight: bold;
  font-size: 110%;
  background: #ffcccc;
}
#navigation .current a  { 
  color: white;
  background: springgreen;
 } #subnavigation .current a  { 
  background: springgreen;
  color: #ECF4FA;
  text-decoration: none;
 } #navigation a:hover { 
  color: white;
  background: springgreen;
 } 

h2 { 
  color: springgreen;
  clear: both;
 } h3 { 
  color: springgreen;
  clear: both;
 } h4 { 
  color: springgreen;
  clear: both;
 } h5 { 
  color: springgreen;
  clear: both;
 }