<!--

/* CSS and HTML layout originally based on that used for http://www.collieeye.org.uk/ */
/* Many thanks to Katriona Stitt for allowing the the reuse and development of this code. */

body {  
  background-color: #E1F0FF; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11pt; 
  font-style: normal;
  text-align: justify;
  color: #000000; 
  margin-top: 0px; 
  margin-right: 0px; 
  margin-bottom: 0px; 
  margin-left: 0px; 
  padding-top: 0px; 
  padding-right: 0px; 
  padding-bottom: 0px; 
  padding-left: 0px; 
  border-top-width: 0px; 
  border-right-width: 0px; 
  border-bottom-width: 0px; 
  border-left-width: 0px;
}

.bodytext {  
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11pt; 
  color: #000000
}

.titlelayerbg {
  text-align: center;
  left:0px; 
  top:0px;
  z-index:2; 
  height: 183px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-right:0px; 
  padding-left:0px; 
  padding-top:0px;
  background-image:  url(titlelayerbg.jpg); 
  background-repeat: repeat-x; 
  background-position: left top; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 16pt; 
  font-weight: normal; 
  color: #666666;

}

.titlelayerimg {
  margin-left: auto;
  margin-right: auto;
  width: 780px;
  padding-top: 0px;
  padding-bottom: 10px;
  height: 183px;
  z-index:1;
 }

.titlelayerbuy {
  color: #000000; 
  position: relative;
  top: -25px;
  left: 350px;
  z-index: 0;
}

.titlelayerbuy:hover {
  color: #FF0000; 
  position: relative;
  top: -25px;
  left: 350px;
  z-index: 0;
}

.menubar { 
  position: absolute;
  top: 205px;
  left: 0px;
  width: 157px;
  z-index: 1;
 }

.menutable { 
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-size: 13pt;
 }

.menuitem0 {
  background-color: #E1F0FF; 
  background-repeat: no-repeat; 
  background-position: left bottom; 
  width: 153px;
  height: 45px;
  text-align: right;
  vertical-align: bottom;
  padding: 15px;
  padding-right: 5px;
  margin: 0px;
  border: 0px;
  background-image: url(indexstripe0.png); 
 }

.menuitem1 {
  background-color: #E1F0FF; 
  background-repeat: no-repeat; 
  background-position: left bottom; 
  width: 153px;
  height: 45px;
  text-align: right;
  vertical-align: bottom;
  padding: 15px;
  padding-right: 5px;
  margin: 0px;
  border: 0px;
  background-image: url(indexstripe1.png); 
 }

.menuitem2 {
  background-color: #E1F0FF; 
  background-repeat: no-repeat; 
  background-position: left bottom; 
  width: 153px;
  height: 45px;
  text-align: right;
  vertical-align: bottom;
  padding: 15px;
  padding-right: 5px;
  margin: 0px;
  border: 0px;
  background-image: url(indexstripe2.png); 
 }

.menuitem3 {
  background-color: #E1F0FF; 
  background-repeat: no-repeat; 
  background-position: left bottom; 
  width: 153px;
  height: 45px;
  text-align: right;
  vertical-align: bottom;
  padding: 15px;
  padding-right: 5px;
  margin: 0px;
  border: 0px;
  background-image: url(indexstripe3.png); 
 }

.menuitem4 {
  background-color: #E1F0FF; 
  background-repeat: no-repeat; 
  background-position: left bottom; 
  width: 153px;
  height: 45px;
  text-align: right;
  vertical-align: bottom;
  padding: 15px;
  padding-right: 5px;
  margin: 0px;
  border: 0px;
  background-image: url(indexstripe4.png); 
 }

.menuitem5 {
  background-color: #E1F0FF; 
  background-repeat: no-repeat; 
  background-position: left bottom; 
  width: 153px;
  height: 45px;
  text-align: right;
  vertical-align: bottom;
  padding: 15px;
  padding-right: 5px;
  margin: 0px;
  border: 0px;
  background-image: url(indexstripe5.png); 
 }

.menuitem6 {
  background-color: #E1F0FF; 
  background-repeat: no-repeat; 
  background-position: left bottom; 
  width: 153px;
  height: 45px;
  text-align: right;
  vertical-align: bottom;
  padding: 15px;
  padding-right: 5px;
  margin: 0px;
  border: 0px;
  background-image: url(indexstripe6.png); 
 }

.menuitem7 {
  background-color: #E1F0FF; 
  background-repeat: no-repeat; 
  background-position: left bottom; 
  width: 153px;
  height: 45px;
  text-align: right;
  vertical-align: bottom;
  padding: 15px;
  padding-right: 5px;
  margin: 0px;
  border: 0px;
  background-image: url(indexstripe7.png); 
 }

.menuitem8 {
  background-color: #E1F0FF; 
  background-repeat: no-repeat; 
  background-position: left bottom; 
  width: 153px;
  height: 45px;
  text-align: right;
  vertical-align: bottom;
  padding: 15px;
  padding-right: 5px;
  margin: 0px;
  border: 0px;
  background-image: url(indexstripe8.png); 
 }

.menuitem9 {
  background-color: #E1F0FF; 
  background-repeat: no-repeat; 
  background-position: left bottom; 
  width: 153px;
  height: 45px;
  text-align: right;
  vertical-align: bottom;
  padding: 15px;
  padding-right: 5px;
  margin: 0px;
  border: 0px;
  background-image: url(indexstripe9.png); 
 }

a {  
  color: #669933; 
  text-decoration: underline;
}

a:hover {  
  color: #99cc66; 
  text-decoration: underline;
}

.menu { 
  font-size: 13pt; 
  text-decoration: none;
  color: #000000; 
}

.menu:hover { 
  font-size: 13pt; 
  text-decoration: none;
  color: #C00000;
} 

.menulive {
  font-size: 13pt;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  color: #000080;
}

.bodylayer { 
  position:absolute; 
  left:185px; 
  top:200px; 
  z-index: 3; 
  padding-right:40px; 
  padding-left:10px; 
  padding-top:20px; 
  font-size: 11pt;
}

h1 { 
  font-family: Futura, Geneva, Verdana, Arial, Helvetica, sans-serif;
  font-size: 18pt;
  font-weight: normal;
  font-style: normal;
  color: #000080;
  padding-left: 0px;
  padding-bottom: 10px;
 }

h2 { 
  text-align: left;
  font-family: Futura, Geneva, Verdana, Arial, Helvetica, sans-serif;
  font-size: 14pt;
  font-weight: normal;
  font-style: normal;
  color: #000080;
  padding-left: 0px;
  padding-bottom: 10px;
  padding-top: 20px;
 }

.quote {
  font-style: italic;
  font-size: 10pt;
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
}

.ontheunderground {
   font-style: italic;
}

.links { 
  font-family: Futura, Geneva, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12pt;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
 }


.links:hover { 
  text-decoration: none;
 }

.picturelist {
  padding: 10px;
  vertical-align: top;
  font-size: 11pt;
}

.textlist {
  padding: 0px;
  padding-left: 10px;
  vertical-align: top;
  font-size: 11pt;
}

.listnobullet {
  list-style: none;
  margin-left: 0px;
  padding-left: 0px;
}

.footer { 
  position: relative;
  text-align: center;
  font-size: 8pt;
  color: #000000;
  font-family: monospace;
  border-top: 1px solid black;
  padding: 15px;
  clear: both;
 }

.fotobox { 
  border: 0px;
  padding-top: 0px;
  font-size: 10pt;
  text-align: center;
 }

.float-right { 
  float: right;
  padding: 10px;
  padding-top: 0px;
  padding-right: 0px;
 }

.letterbullet {
  float: left;
}

.lettertext {
  padding-left: 40px;
}

-->