html, body {
	font: 11px "Arial", Lucida Grande, Verdana, Sans-Serif;
	background-color:#000000;
	margin: 0;
	padding: 0;
}
#container {
background:rgb(243,242,235);
    width:800px;
	margin:auto;
	height:100%;
	/*margin-left:10%;
    margin-right:-10%; /* pour IE et Opera*/
}
#header {
    width:800px;
    text-align:center;
    margin-top:5px;
    margin-bottom:5px;
}
#header h1 {
  color: rgb(166,140,83);
  background-color: transparent;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 175%;
  font-weight: bold;
  font-style: italic;
  text-align:center;
  margin: 0.5em 0 1em 0.5em;
  padding: 0.5em 0 0 0;
 /* border-top: 1px solid rgb(216,210,195);*/
}
#breadcrumb {
    list-style-type: none;
    margin:0;
    padding:0;
    margin-left:auto;
    margin-right:auto;
}
#breadcrumb li{
    float:left;
    color:black;
    padding-right:3px;
}
#breadcrumb li a{
    text-decoration:none;
    font-style:italic;
    color:black;
}
#breadcrumb li a:hover{
    color:red;
}
#nav {

    list-style-type: none;
    margin:0;
    padding:0;
}
#nav li{
    float:left;
    text-align:center;
    width:100px;
}
#nav li#pages{
    width:600px;
    font-size:14px;
}
a img{
    border: none;
}

#nav li a {

  color: rgb(168,140,83);
  background-color: transparent;
  text-decoration: underline;
}

#nav li a:hover {
  text-decoration: none;
 
}

#content {
width:800px;

margin:auto;
}
#large-image-frame {
    width:400px;
	 margin-left:10px;
	 /* margin-right:5px;*/
  
}
#large-image-box {
    margin-top:5px;
    padding-top:10px;
	 width:320px;
    margin-right:auto;
    margin-left:auto;
  
    background-color:black;
    padding-bottom:10px;
}
#large-image-box img{
    display:block;
    margin-left:10px;
    margin-right:auto;
    margin-bottom:10px;
}
#large-image-box span{
    display:block;
   margin-left:10px;
    margin-right:auto;
    text-align:center;
    height:33px;
    width:300px;
    background-color:white;
}
#thumbnail-box {
    width:400px;
	 margin:-370px 0 0 400px;
    /*float:left;*/
	 
}
#thumbnails {
    list-style-type: none;
    margin:0;
    padding:0;
   /* float:left;*/
	
}
#thumbnails li {
    margin:0;
	padding:0;
    float:left;
}




div.small-image-box {
    background-color:rgb(243,242,235);
    width:110px;
    margin-bottom:10px;
    margin-left:15px;
    text-align:center;
    padding-bottom:5px;
    padding-top:5px;
}
div.small-image-box img {
    margin-bottom:5px;
    display:block;
    margin-left:auto;
    margin-right:auto;
	border: none;
}
div.small-image-box span {
    height:10px;
    width:100px;
    background-color:white;
    display:block;
    font-size:6px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

div.small-image-box a {
	color: #000000;
	display:block;
	background-color: #000000;

}


#instructions {
    width:800px;
	text-align:right;
}


.subHeader {
  color: white;
  background-color: black;
  font-size: 109%;
  text-align: center;
  margin: 0;
  padding: 0.5ex 0;
}

.subHeader a {
  color: white;
  background-color: black;
  text-decoration: none;
  font-weight: bold;
  margin: 0;
  padding: 0 1ex;
}

.subHeader a:hover {
  color: black;
  background-color: white;
}