/* Always show vertical bar if possible to avoid jittering (centered content) 
   when going from scrollable page to non-scrollable pages, or vice-versa. */

html {
   overflow-y: scroll;
   overflow: -moz-scrollbars-vertical;
}

body {
	margin: 0;
	background-image: url(img/background.jpg);
}

h1 {
	color: #002449;
   font-size : 26px;
	font-family: Verdana, Tahoma, "sans-serif";
}

form
{
	margin:0px;
}

a {
	font-family:Arial;
	font-size:13px;
	text-decoration: none;
	font-weight: bold;
	color:#002449;
}

a:hover  {
	color : #002449;
	text-decoration : underline;
}

img {
   border: 0px;
}

div.container {
   text-align: center;
}

div.content {
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   text-align: justify; /* overrule inheritance */
   max-width: 765px;
}

table.header {
   margin: 0;
   width: 765px;
   padding: 0;
   vertical-align: top;
   border-width: 0;
   border-spacing: 0;
   border-collapse: collapse;
   border-style: solid;
   border-right-width: 1px;
   border-right-style: collapsed;
   border-color: #6A6A6A;
   background-color: #FFFFFF;
   color:#806C59;
}

table.mainTable {
   margin: 0;
   width: 765px;
   padding: 0;
   vertical-align: top;
   font-family:Tahoma;
   font-size:12px;
   border-width: 0;
   border-spacing: 0;
   border-collapse: collapse;
   border-style: solid;
   border-bottom-width: 1px;
   border-bottom-style: collapsed;
   border-color: #6A6A6A;
   background-color: #FFFFFF;
   background-image: url(img/mainbackground.jpg);
   color:#806C59;
}

td {
	text-align: left;
   vertical-align: top;
}

td.mainContent {
   padding: 0px;
   padding-right: 10px;
   padding-left: 10px;
	line-height: 1.3;
}

table.movieList {
	vertical-align: center;
}

tr.movieListHeader {
   font-weight: bold;
   color: Black;
}

tr.movieListEven {
   background-color: #DDD6CF;
}

div.currentSection {
   margin-left: 4px;
   font-family:Arial;
   font-size:13px;
   font-weight: bold;
   color: #002449;
   background-color: #ffffff;
}

div.currentSubSection {
   margin-left: 14px;
   font-family:Arial;
   font-size:13px;
   font-weight: bold;
   color: #002449;
   background-color: #ffffff;
}

div.sectionTitle {
   margin-left: 4px;
   font-family:Tahoma;
   font-size:15px;
   font-weight: bold;
   color: Black;
}

div.sectionLink {
   margin-left: 4px;
   font-family:Arial;
   font-size:13px;
   font-weight: bold;
   color: #002449;
}

div.subSectionLink {
   margin-left: 14px;
   font-family:Arial;
   font-size:13px;
   font-weight: bold;
   color: #002449;
}

/* To get rid of an unwanted margin in Opera, the image has to be put in a fixed height div. */
div.logo {
  height: 97px;
  width: 764px;
  background-image: url(img/toplogobg.jpg);
}

div.upperBar {
  height: 42px;
  width: 764px;
  background-image: url(img/left1bg.jpg);
}

.leftBar {
   width: 150px;
}

.sectionfooter {
   text-align: center; }