#outer_container {
width: 760px;
background-color: #FFF; /* white background */
padding: 10px 0 10px 0; /* top, right, bottom, left */
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 10px;
font-size: medium;
text-align: left;
}

#header {
height: 128px;
background-repeat: no-repeat;
background-position: bottom left;
background-color: #cccccc; /* light gray */
padding: 0px 10px 0px 0px; /* top, right, bottom, left */
margin: 0px 10px 0px 10px; /* top, right, bottom, left */
}

#content {
padding: 0px 0px 0px 10px; /* top, right, bottom, left */
margin: 0px 10px 0px 10px; /* top, right, bottom, left */
background-color: #dddddd; /* gray */
background-image: url('../images/darkbg.jpg'); /* pattern for content div */
font-family: helvetica, tahoma, sans-serif, arial;
font-size: medium;
}

#content_right {
margin-left: 160px;
padding: 10px;
background-color: #fff; /* white */
font-family: helvetica, tahoma, sans-serif, arial;
font-size: medium;
}

#content_right h1 {
padding: 0;
margin: 0;
font-size: 1.5em;
}

#content_right p {
padding: 0;
margin-bottom: .5em;
font-size: 1em;
}

#english-french_switchy_thingy {
float: right;
font-size: small;
}

#photo {
text-align: center;
}

#photo img {
margin: 10px;
padding: 0px;
border: 1px solid #000000;
}

#footer {
clear: both;
text-align: right;
background-color: #ccc; /* light gray */
margin: 0px 10px 0px 10px;
padding: 10px;
font-family: helvetica, tahoma, sans-serif, arial;
font-size: small;
}

#vertical_navigation {
font-family: helvetica, tahoma, sans-serif, arial;
font-weight: bold;
font-size: medium;
line-height: 140%;
text-align: left;
width: 160px;
padding: 0;
float: left;
margin-left: -175px;
margin-right: 0;
}

#vertical_navigation ul {
padding: 0;
margin: 0;
list-style-type: none;
}

#vertical_navigation li {
margin: 0 2em 0px 0; /* top, right, bottom, left */
padding: 0;
}

#vertical_navigation a {
display: block;
width: 100%;
padding: .25em 1em .25em 1em; /* top, right, bottom, left */
border-top: 0px solid #996;/* gold */
border-right: 0px solid #996;/* gold */
border-left: 0px solid #996;/* gold */
text-decoration: none;
color: #000; /* black */
}

#vertical_navigation a:hover {
background-color: #996;/* gold */
}

* html #content {/* fixes IE problem*/
height: 1%;
}

* html #vertical_navigation {/* fixes IE problem*/
margin-left: -90px;
}

#header p {/* fixes IE problem*/
margin: 0;
}

div.img  /* begin format for image galleries */
  {
  margin: 2px 3px 8px 3px;
  border: 1px solid #dddddd;/* gray */
  height: auto;
  width: auto;
  float: left;
  text-align: center;
  }
  
div.img img
  {
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;/* white */
  }
  
div.img a:hover img
  {
  border: 1px solid #0000ff;/* "hyperlink blue" */
  }

div.desc
  {
  font-size: small;
  text-align: center;
  width: 90px;
  margin: 0px 1px 6px 1px;
  }