html {

background: url(images/OROR.jpg) no-repeat center center fixed;


-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

}



h1 {
font-family: georgia, serif;
font-size: 40px;
font-variant: small-caps;
text-align: center;
letter-spacing: 6.2pt;
word-spacing: 3.6pt;
line-height: 1.5;
color: #FFFFFF;
}



p {
font-family: georgia, serif;
font-size: 14px;
text-align: justify;
line-height: 1.5;
color: #FFFFFF;
letter-spacing: 1.8pt;
word-spacing: 6.2pt;
}

.MARC { 
color: #000000; 
}

.bio {
margin-left: 150px;
margin-right: 150px;
margin-top: 125px;
  background: url(klematis.jpg) repeat;
}

div.transbox
{
  margin: 30px;
  background-color: #ffffff;
  border: 1px solid black;
  opacity:0.6;
  filter:alpha(opacity=60); /* For IE8 and earlier */
}

div.transbox p
{
  margin: 5%;
  font-weight: bold;
  color: #000000;
}

.menu {
margin-top: 45px;
}

ul {
width: 700px;
padding: 15px;
margin: 0px auto 0px auto;
border-top: 4px solid #000;
border-bottom: 3px solid #000;
text-align: center;
}

li {
display: inline;
margin: 0px 3px;
}


a {
color: #ffffff;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
padding: 6px 18px 5px 18px;
}

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