/* style rules */

h1{
  text-align: center;
  border-top: 3px solid;
  border-bottom: 3px solid;
  font-family:  Times, Georgia, serif;
  letter-spacing: .5em;
  font-variant: small-caps;
  font-size: 2em;
}

h2{
  text-align: center;
  font-family:  Times, Georgia, serif;
  font-size: 1.25em;
}

blockquote{
   font-family:  Times, Georgia, serif;
   font-variant: small-caps;
}

a:link{
  color: #999;
}

a:visited{
  color: #B1AAC1;
  text-decoration: none;
}

.imagenav a:link, .imagenav a:visited{
  color: #999;
  text-decoration:none;
}

.imagenav a:hover{
  color: #B1AAC1;
  text-decoration: underline;
}

.imgleft{
  float: left;
  width: 200px;
  padding-right: 10px;
}

#container{
  width: 1000px;
  position: relative;
/* the following two properties center the entire page */
  margin-left: auto;
  margin-right: auto;
}

#header{
  height: 90px;
  width: 600px;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
}

#main{
  text-align: center;
  width: 550px;
  margin-top: 0.5em;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.25em;
  font-family: Times, Georgia, serif;
}

#main tr{
  font-size: .8em;
  text-align: center;
}

#main table{
  margin-left: auto;
  margin-right: auto;
}

/*style rules for navigation sidebar */
#nav{
  background-image:url(images/filmstrip2.gif);
  background-repeat: no-repeat;
  background-position: 5px 0px;
  width: 175px;
  position: absolute;
  top: 120px;
  left: 0px;
}

#nav p{
  padding: 28px 0px;
  font-size: 18px;
  font-family:  Times, Georgia, serif;
  text-align: center;
}
#nav a{
  padding: 30px 33.5px;
}

#nav a:link, #nav a:visited, #nav a:hover{
  background-repeat: no-repeat;
  color: #FFF;
  text-decoration: none;
}

#nav a#side1{
  background-image: url(images/side_1.jpg);
}

#nav a:hover#side1{
  background-image: url(images/side_1color.jpg);
}

#nav a#side2{
  background-image: url(images/side_2.jpg);
}

#nav a:hover#side2{
  background-image: url(images/side_2color.jpg);
}

#nav a#side3{
  padding: 33px 23px;
  background-image: url(images/side_3.jpg);
}

#nav a:hover#side3{
  background-image: url(images/side_3color.jpg);
}

#nav a#side4{
  padding: 33px 34.5px;
  background-image: url(images/side_4.jpg);
}

#nav a:hover#side4{
  background-image: url(images/side_4color.jpg);
}

#nav a#side5{
  padding: 33px 14.5px;
  background-image: url(images/side_5.jpg);
}

#nav a:hover#side5{
  background-image: url(images/side_5color.jpg);
}

/*Rulers for the footer */
#footer {
  text-align: center;
  font-size: .7em;
  width: 600px;
  padding-top: 50px;
  margin-left: auto;
  margin-right: auto;
}