// * { 
//  border: 0px black solid;
//  }

body { 
  font-family: "Trebuchet MS", ""verdana, sans-serif;
  margin-left: 10%;
  margin-right: 10%;
  background-color: white;
  color: black;
 }

h1 { 
  background-color: #E2E2E2;
  color: white;
  padding-bottom: 1em;
  background-image: url("logo1.jpg");
  background-repeat: no-repeat;
  background-position: 0 0;
  margin-bottom: 0;
 }

h2 { 
  color: white;
  background: #369;
  font-weight: bold;
  height: 1.2em;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 17%;

 }

#sitenav { 
  float: left;
  width: 17%;  
  margin-right: 0;
  background-color: #369;
 }

#sitenav div { 
  font-weight: bold;
  display: block;
  text-decoration: none;
  border: .25em solid #369;
  background-color: #369;
  color: #BBB;
  width: 100%;
 }

#sitenav a { 
  font-weight: bold;
  display: block;
  text-decoration: none;
  border: .25em solid #369;
  width: 100%;
 }

#sitenav a:link { 
  background-color: #369;
  color: white;
}

#sitenav a:visited { 
  background-color: #369;
  color: white;
}

#sitenav a:hover { 
  background-color: #e2e2e2;
  color: #369;
}

#sitenav a:active { 
  background-color: #369;
  color: white;
}

#filmnav span { 
  font-weight: bold;
  display: block;
  text-decoration: none;
  border: .25em solid #369;
  background-color: #369;
  color: #BBB;
 }

#filmnav a { 
  font-weight: bold;
  display: block;
  text-decoration: none;
  border: .25em solid #369;
 }

#filmnav a:link { 
  background-color: #369;
  color: white;
}

#filmnav a:visited { 
  background-color: #369;
  color: white;
}

#filmnav a:hover { 
  background-color: #e2e2e2;
  color: #369;
}

#filmnav a:active { 
  background-color: #369;
  color: white;
}


#details { 
  margin-top: 0;
  float: right;
  width: 20%;
 }

#details .title { 
  font-size: x-small;
  border-bottom: 2px #369 solid;
 }

#details div { 
  width: 100%;
 }

#details #filmnav {
  width: 100%;
}

#details #filmnav #next {
  float: right;
}

#filmname { 
  color: white;
  background: #369;
  font-weight: bold;
 }

#description { 
  padding-right: 19%;
  margin-top: 0;
  padding-left: 18%;
 }

#description img { 
  float: left;
  width: 100px;
  margin-right: .5em;
  margin-top: 1px;
 }

#description #links { 
  margin-top: 1em;
  clear: left;
  font-size: x-small;
 }

#description #links a { 
  display: block;
 }

#description .quote { 
  margin-top: 1em;
  clear: left;
  font-size: x-small;
  font-style: italic;
  margin-left: 2em;
  margin-right: 2em;
 }

#description #quotee { 
  display: block;
  padding-left: 3em;
  font-style: normal;
 }

#programme { 
  padding-left: 18%;
  background-color: #E2E2E2;
}

table { 
  padding-top: 0;
  width: 81%;
  font-size: 1.3em;
 }

table * { 
  border: 0px solid black;
 }

th { 
  color: white;
  background: #369;
  font-weight: bold;
  text-align: left;
  font-size: 1.2em;
 }

.filmlink {
  text-align: right;
}

.filmlink a { 
    text-decoration: none;
 }

#about { 
  padding-left: 18%;
  padding-right: 17%;
  background-color: #E2E2E2;
 }

#links { 
  padding-left: 18%;
  background-color: #E2E2E2;
}

#links a {
  display: block;
  font-weight: bold;
  font-size: 1.5em;
}

#footer { 
  border-top: 1.5em #369 solid;
  background-color: #e2e2e2;
  color: #369;
  font-weight: bold;
  padding-bottom: 3em;
  width: 100%;
  clear: both;
  border-bottom: 10em solid white;

 }

#footer address {
  padding-top: .5em;
  padding-right: .5em;
  float: right;
 }

#footer a { 
  background-color: #e2e2e2;
  color: #369;
  font-weight: bold;
 }

#main { 
  background-color: #E2E2E2;
  height: 100%;
 }