/* Layout Stylesheet */

body {
  margin:0;
  border:0;
  padding:0;
  height:100%;
  max-height:100%;
  background:#fff;
  font-family:arial, verdana, sans-serif;
  font-size:76%;
  overflow: hidden;
  }

/* for internet explorer */
* html body {
  padding:120px 0 30px 0;
  }

#container {
  font-family:"times new roman", serif;
  font-size: 1.2em;
  position:fixed;
  top:120px;
  left:0;
  bottom:30px;
  right:0;
  overflow:auto;
  background-color: white;
  background-image:url('../gallery/vrm.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  padding-top:20px;
  }

* html #container {
  height:100%;
  width:100%;
  }

#header {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:116px;
  overflow:auto;
  background-image:url('../gallery/header.jpg');
  border-bottom:4px solid #ff9000;
  text-align:center;
  }
* html #header {height:120px;}


#footer {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:25px;
  overflow:auto;
  background-image:url('../gallery/footer.jpg');
  border-top:5px solid #ff9000;
  }
* html #footer {height:30px;}

/* end of bit that does the work */

h1 {
  font-size:4em;
  margin:0;
  padding:0;
  color: #333333;
  font-family: Garamond;
  text-decoration: underline overline;
  }

#footer p {
  margin:5px 10px 0 10px;
  }

#left-nav{
 position: absolute;
 top: 20px;
 left: 20px;
 border: 1px;
 border-style: outset;
 border-color: #ff9000;
 margin: 0px;
 padding: 0px;
 width: 120px;
 background-color: white;
 }
 
 #left-nav a{
 display: block;
 text-decoration: none;
 font: bold 14px Garamond;
 font-size: 1.1em;
 padding-left: 5px;
 height: 20px;
 color: black;
 }

#left-nav a:hover{
background-color: #ffc060;
border: solid 1px #ff9000;
}

#left-nav a span{
display: none;
}
 
#left-nav a:hover span {
display:block;
position:absolute;
top:150px;
left:0px;
width:120px;
font: 0.8em Arial;
}

#inner{
position: relative;
margin-left: 200px;
padding-right: 100px;
}

#inner h3,h4,h5 {
color: black;
font-family: Tahoma;
}

#inner a.links{
display: block;
width: 155px;
margin-top: 2px;
font-size: 0.9em;
font: bold Garamond;
padding-left: 2px;
text-decoration: none;
color: black;
background-color: #ffc060;
border: solid 1px #ff9000;
}

#inner a.links:hover{
background-color: #ffffff;
border: none;
}

#inner a.normal{
margin-top: 2px;
font-size: 0.9em;
font: bold Garamond;
padding-left: 2px;
text-decoration: none;
color: black;
background-color: #ffc060;
border: solid 1px #ff9000;
}

#inner a.normal:hover{
background-color: #ffffff;
border: none;
}

#inner p {
color: black;
font: 0.8em Verdana;
text-align: justify;
}

#inner p.first {
color: black;
font: 0.8em Verdana;
text-align: justify;
}

#inner p.first:first-letter {
font-size: 250%;
color: #000000;
font-family: Garamond;
}


#inner ol li {
color: black;
font: 0.8em Verdana;
text-align: justify;
padding-top: 0.5em;
}

#inner ul li {
color: black;
font: 0.8em Verdana;
text-align: justify;
padding-top: 0.5em;
}

p.left {
  float: left;
  display: inline;
}

p.right {
  float: right;
  display: inline;
}

p.center {
  text-align: center;
  display: inline;
}

img.footer {
  float: left;
  display: inline;
}

#container img {
   border: 4px inset #ff9000;
}

#header ul{
font: bold 1.1em Garamond;
padding-left: 0;
margin-left: 0;

}

#header ul li{
list-style: none;
display: inline;
}

#header ul li a{
padding: 2px 0.7em;
font-size: 1.1em;
text-decoration: none;
color: black;
background-color: #ffc060;
border: solid 1px #ff9000;
}

#header ul li a:hover{
background-color: #ffffff;
border: none;
}

p.table
{
font-family: Verdana, Arial;
font-size: 0.8em;
display: inline;
}

#temp {
background-color: yellow;
font-weight: bold;
}

#highlight {
background-color: ffff6f;
padding: 4px;
width: 75%;
}

#container img.normal {
border: 0px;
}

hr {
color: #ff9000;
background-color: #ff9000;
height: 3px;
}

#email {
display: none;
}