/* CSS Document */

html{
  background-color:silver;
  height:100%;
  display: table;
  overflow: hidden;
  width:100%;	
}
a{
  outline-style: none;
}

body{
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  font-family: Arial;
  font-size:80%;
  display: table-cell;
  vertical-align: middle;
}
textarea{
  font-family: Arial;
}

body,a {
  color:black;
  text-decoration: none;
}

div#whiteBox{
  position: relative;  
  background-color: white;
  padding-left: 20px;
  height:399px;
  width: 800px;
  margin: 0;
}

div#title {
  margin: 20px 0 20px 0;
  padding: 0 0 0 0;
  font-weight: bold;
}


div#navigation{
  width: 200px;
  position: absolute;
  z-index: 10;
}
div#navigation ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style: none;
  font-weight: normal;
}

div#navigation li{
  margin: 0 0 5px 0;
  padding: 0 0 0 0;
}
div#navigation a#current{
  color:darkgray;
}
div#navigation a:hover{
  color:darkgray;
}

div#navigation a.noHover:hover{
  color:black;
}

div#imageDescription{
  font-size: 80%;
  top: 300px;
  position: absolute;
}
div#imageDescription div#imageTitle{
  font-style: italic;

}
div#imageDescription div#imageDetails{
}

div#imageSwitcher {
  margin: 0 0 0 0;
  position: absolute; 
  z-index:11;
  bottom: 20px;
}

div#content{
  margin: 0 0 0 160px;
  padding: 0 0 0 0;
  width: 640px;
  overflow: hidden;
  position: absolute;
  z-index: 10;
}

div#content div#textContainer{
  margin: 20px 0px 20px 0px;
  padding: 0 20px 0 20px;
  overflow: auto;
  height: 360px;
}


div#content div#textContainer h1{
  font-size:100%;
  font-weight: bold;
  margin: 0 0 10px 0;
}
div#content div#textContainer h2{
  font-size:100%;
  font-weight: bold;
  margin: 15px 0 5px 0;
}

div#content div#textContainer p{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}


div#content img{
  height:400px;
  display: block;
  float: right;
}

div#content h1.welcome a{
  font-size: 250%; 
  margin-top:120px; 
  margin-left: 100px; 
  font-weight: bold;  
  display: block;
}