* { margin: 0; }
html,body { height: 100%; }
.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -3em;
  background: url(../images/background-974.png) top center no-repeat;
}
.footer, .push {
  height: 3em;
}
.push {
  margin-top: 1em;
}
.footer {
  background-color: #1B527B; 
  text-align: left;
}
.footer div {
  color: white;
  padding: 1em;
}
.footer #copyright { float: left; }
.footer #credits { float: right; }
.footer a, .footer a:visited { color: white; text-decoration: none; }
.footer a:hover { text-decoration: underline; }


a {
  text-decoration: none;
  color: #1B527B;
}
a:visited { color: #1E5C8A; }
a:hover { text-decoration: underline; }

img.right { 
  float: right;
  margin: 0 0 10px 20px;
}

body {
  color: #4f4f4f;
  line-height: 150%;
}
.noBottomMargin { margin-bottom: 0; }

.fc { width: 125px; float: left; margin-right:20px; }
.fc .titleandauthor { height: 5em; }
.fc .titleandtranslator { height: 14em; }
.fc .box { border: 1px solid #666666; padding: 5px; font-size: smaller; }
#contentCell img, .box img { 
  border: 1px solid #666666; padding: 5px; 
}
#contentCell img.noborder { 
  border: none; 
  padding: 0;
}
#sponsorsSideBox img {
  clear: both;
  margin-top: 1em;
  display: block;
}
.last { margin: 0; }

.fc h3 { font-size: 90%; margin-bottom: 0; }
.fc p { font-size: 90%; }

.storyBody h2 { margin-bottom: 0; }
.storyBody p { text-indent: 1.5em; margin-bottom: 0;}
.storyBody p.noindent { text-indent: 0; }
.storyBody p.author { text-indent: 0; margin-bottom: 1em; }
.storyBody blockquote { margin-left: 1.5em; margin-bottom: 0; margin-top: 0; }
.storyBody blockquote p { text-indent: 0;}

#sponsorlogos { float: right; }
#sponsorlogos p { font-size: 80%; }

.column1 {
  float: left;
  width: 345px;
}
.column2 {
  margin-left: 365px;
  width: 345px;
}
.clear { clear:both; }

h1 {
  margin: 0;
  padding: 0;
  width: 974px;
}
a#header {
  display: block;
  text-indent: -9999px;
  width: 974px;
  height: 130px;
  border: none;
  background: url(../images/4.png) 0 15px no-repeat;
}

div#mainBody {
  /*padding: 20px;*/
  margin-left: 160px;
  margin-right: 160px;
  min-width: 550px;
  max-width: 850px;
}

div#contentCell {
  padding: 15px;
}

div#promoBoxes {
  padding: 15px;
}

div.box {
  border: 1px solid #999999;
  margin-bottom: 1em;
}

div.box div.header {
  width: 100%;
  background: transparent url(../images/boxTop.png) top left no-repeat;
  background-color: #194E74;
}

div.box h2 {
  margin: 0;
  padding: 7px 5px 7px 5px;
  color: white;
  font-size: 125%;
}
div.box div.content {
  padding: 5px;
}
div.box p { margin: 0; }
div.box img { float: left; margin-right: 10px; }
div.box #sponsorsLogos img { border: none; }
div.box #filmBoxText { margin-left: 140px; }

/*##### MAIN MENU ##### */

div#globalnav	{
  height: 30px;
  width: 100%;
  display: block;
  padding: 0;
  margin: 0;
}

div#globalnav .inner {
  background-color: #dde3f3;
  padding: 0;
  margin: 0 1px 0 1px;
  height: 30px;
}

div#globalnav ul#menu {
  height: 29px;
  width: 100%;
  position: relative;
}
div#globalnav ul {
  margin: 0;
  padding: 0;
}

div#globalnav ul#menu li {
  margin: 0;
  list-style: none;
  top: 0;
  border-right: 1px solid white;
}
div#globalnav ul#menu li {
  float: left;
}
div#globalnav ul#menu li {
  height: 30px;
}
div#globalnav ul#menu > li a {
  vertical-align: middle;
  display: block;
}
div#globalnav ul#menu li ul li {
  height: auto;
  float: none;
}

div#globalnav ul#menu li.noSeparator {
  border: none;
}
	
ul#menu a, ul#menu div {
  /*height: 22px;*/
}
ul#menu li ul a {
  /*height: auto;*/
}
ul#menu li, ul#menu a, ul#menu div {
  /*display: block*/
  color: black;
  text-decoration: none;
  /* This is to remove any border bottom added to standard links */
  border-bottom-style: none;
  outline: none;
}

ul#menu a{
  padding: 5px 9px 5px 9px;
}
ul#menu li:hover {
  background-color: #194E74;
}
ul#menu li:hover > a {
  color: white;
}

ul#menu li ul {
  width: 10em;
  position: absolute;
  left: -999em;
  background-color: #dde3f3;
}
ul#menu li ul li {
  border-top: 1px solid white;
}
ul#menu li ul li a {
 display: block;
}
ul#menu li:hover ul, ul#menu li.sfhover ul {
  left: auto;
}

/*#programmeButton { left: 75px; width: 107px; }
#enterButton { left: 182px; width: 89px; }
#watchButton { left: 271px; width: 67px; }
#aboutButton { left: 338px; width: 99px; }
#myButton { left: 437px; width: 99px; }
#newsButton { left: 536px; width: 57px; }
#contactButton { left: 593px; width: 80px; }
#linksButton { left: 673px; width: 55px; }
#sponsorsButton { left: 728px; width: 90px; }
#mailingButton { left: 818px; width: 100px; }

#synopsisButton a:hover { background: transparent url(../images/menu.png) 0px -70px no-repeat; }
#castButton a:hover { background: transparent url(../images/menu.png) -69px -70px no-repeat; }
#crewButton a:hover { background: transparent url(../images/menu.png) -117px -70px no-repeat; }
#trailerButton a:hover { background: transparent url(../images/menu.png) -168px -70px no-repeat; }
#galleryButton a:hover { background: transparent url(../images/menu.png) -239px -70px no-repeat; }
#sponsorsButton a:hover { background: transparent url(../images/menu.png) -316px -70px no-repeat; }
*/

.bookTitleBlock h2, .bookTitleBlock h3, .bookTitleBlock p {
  margin-bottom: 0;
}
.bookTitleBlock p {
  margin-top: 0;
}
.bookTitleBlock img { 
  float: right;
  margin: -1em 0 1em 1em;
}
.bookTitleBlock {
  margin-bottom: 1em;
}

.authorBlock {
  clear: both;
  margin-bottom: 1em;
}
.authorBlock img {
  float: left;
}
.authorBlock img.right {
  float: right;
}
.authorBlock .bio {
  margin-left: 80px;
}
.authorBlock.right .bio {
  margin-left: 0;
}

form, input {
  display: inline;
  margin: 0;
}

img.pppixel { display: none; }