/* shades of green used  */
/*                       */
/* Dark:    #003300      */
/* Mid:     #336633      */
/* Medium:  #669966      */
/* Pastel:  #efffef      */



body {
 font-family: Arial, Helvetica, sans-serif;
 margin: 0;
 padding: 0em 1ex 0em 1ex;
 font-size: 100%;
 color: #003300;
 text-align: justify;
 border: 0;
 background: #ffffff url(http://www.biologicalfuelcells.org.uk/images/supergen-logo-faded-transparent.gif) no-repeat fixed bottom center;
}





/* STANDARD LINKS */

a:link {
 color: #669966;
 background-color: transparent;
 text-decoration: underline;
}

a:visited {
 color: #336633;
 background-color: transparent;
 text-decoration: underline;
}

a:hover {
 background-color: #efffef;
 text-decoration: underline;
}

a:active {
 background-color: #efffef;
 text-decoration: underline;
} 

/* END Links */



/* DEFINES THE TOP BANNER AREA */
#docTopBanner {
 text-align: center;
 margin: 0em 0em 1em 0em;
 background: transparent url(banner-background.gif) repeat-x;
}


/* END TOP NAVIGATION AREA */


/* DEFINES THE TOP NAVIGATION AREA */


#TopNav1 {
 float: left;
 clear: none;
 padding: 0 0 2em 0;
 margin: 0;
 width: 180px;
 text-align: center;
 font-weight: bold;
 line-height: 1.2em;
 border-left: 4px double #669966;
 border-top: 1px double #669966;
 border-right: 4px double #669966;
 background: transparent url(supergen-logo-faded-transparent.gif) no-repeat top center;
}


/* current page where no link is required */
.docCurrentPage, .docCurrentArea {
 text-align: center;
 width: 180px;
 color: #ffffff;
 background: #669966;
}

/* current area where a link is required to index page */
.docCurrentArea a:link {
 color: #ffffff;
}


.KeyLink {
 text-decoration: underline;
}

#Topnav1 a:link, #Topnav1 a:visited, #Topnav1 a:hover, #Topnav1 a:active {
 border: 0em; 
 background-color: transparent;
 text-decoration: none;
}


#TopNav2 {
 float: right;
 clear: left;
 padding: 0 0 2em 0;
 margin: 0;
 width: 180px;
 color:  #669966;
 text-align: center;
 font-style: italic;
 font-weight: bold;
 border-left: 4px double #669966;
 border-top: 1px double #669966;
 border-right: 4px double #669966;
 background-color: transparent;
}

#Topnav2 a:link, #Topnav2 a:visited, #Topnav2 a:hover, #Topnav2 a:active {
 border: 0em; 
 background-color: transparent;
 text-decoration: none;
}



/* END TOP NAVIGATION */






/* DEFINES THE MAIN PAGE CONTENT AREA */

#PageContent {
 float: left;
 clear: right;
 padding: 0 1ex 0 1ex;
 margin: 0;
 background-color: transparent;
 text-align: justify;
}



.RightPicture {
  text-align: center;
  font-size: small;
  float: right;
  padding: 1em;
  background-color: #eeffff;
  color: #003399;
  border: 1px solid #99cccc;
  margin: 0em 0em 1em 1em;
  line-height: 1.1em;
}




.LeftPicture {
  text-align: center;
  font-size: small;
  float: left;
  padding: 1em;
  background-color: #eeffff;
  color: #003399;
  border: 1px solid #99cccc;
  margin: 0em 1em 1em 0em;
  line-height: 1.1em;
}








/* Styling for footer elements */

#footer {
 font-size: 75%;
 border-top: 4px double #669966;
 white-space: nowrap;
 text-align: center;
 vertical-align: middle;
 margin: 1em 0 0 0;
 padding: 0.2em 0em 0.2em 0em;
 background-color: transparent;
 clear: both;
}

#footer-left {
 border: 0;
 float: left;
 display: inline;
 text-align: left;
 padding: 0em;
 background-color: transparent;
}

#footer-right {
 border: 0;
 float: right;
 display: inline;
 text-align: right;
 font-style: italic;
 vertical-align: middle;
 padding: 0em;
 background-color: transparent;
}

/* END */






/* Styling for HTML elements from hereon */

h1, h2, h3, h4, h5, h6 {
 font-weight: normal;
 color: #669966;
 background-color: transparent;
}

h1 {
 font-size: 1.7em;
 margin: 0 0 1ex 0;
 padding: 0;
}

h2 {
 font-size: 1.5em;
 margin: 1em 0 1ex 0;
}

h3 {
 font-size: 1.3em;
 margin: 1em 0 1ex 0;
}


h4 {
 font-size: 1.2em;
 margin: 1em 0 1ex 0;
}


h5 {
 font-size: 1.1em;
 margin: 1em 0 1ex 0;
}


h6 {
 font-size: 1.1em;
 margin: 1em 0 1ex 0;
}


img {
 border-width: 0px;
}

small, sup, sub {
font-size: 84%; 
}


big {
font-size: 116%; 
}

hr {
 width: 90%;
 text-align: center;
}

li {
 margin-bottom: 3px;
}

.WordDoc {
  list-style-image: url('word-bullet.gif');
}

ul {
 list-style-type : disc;
}

P.photo