﻿
.sacrificial   {} /* for agents that don't like the BOM */


 /* Layout */
    html {
      overflow:hidden;
      height:100%;
      background-color: #FF7C01;  
    }
    body{
      overflow:auto;
      height:100%;
      font-family: "Century Gothic", Helvetica, Arial, sans-serif; 
      font-family: "Times", serif; 
    }
    html * { margin:0; padding:0; border:0; }

    table#body {
      height:100%;
      width:100%;
      min-height:700px;
      min-width:1160px; 
      border-collapse:collapse;
      border:0; padding:0; margin:0;
      position:relative;
      overflow:hidden;
    }
    tr#head *,
    tr#head {
      vertical-align:top;
   }
   tr#head td>div div,
   tr#head td>div,
   tr#head td {
       height:100px;       
       max-height:100px;
    }

		td#stage-right,
		td#stage-left {
			width:25%;
			min-width:200px;
		}

   td#stage-centre, {
       width:50%;
    }

    td#stage-centre>div,
    td#stage-centre>div>div,
		td#stage-right div,
		td#stage-left  div {
			width:100%;
		}

    #tab td{
      height:36px;
      border-top:1px red solid;
    }

    tr#middle table {
      height:100%;
      width:100%;
    }

    tr#middle table td {
      width:33%;
      text-align:center;
      vertical-align:middle;
      font-size:140%;
    }

    tr#middle  td#left-pane p,
    tr#middle  td#left-pane h1 {
      margin-left:113px; /* half central Photo */
    }

    tr#middle  td#centre-pane {
      text-align:center;
      vertical-align:middle;
    }
    tr#middle  td#right-pane p,
    tr#middle  td#right-pane h1 {
      margin-right:113px; /* half central Photo */
    }
    tr#footer td {
      height:134px;
      vertical-align:bottom;
    }

   div#logo  {  
      position:relative;
      top:30px;    
      z-index:10;
			max-height:70px;
			min-width:800px;
      text-align:center;
      vertical-align:middle;
   }

    #centre-pane img {
      margin-top: 6px;
      border:black 5px solid;
    }

/* Layered Backgrounds
*/
		tr#head td div.bak1 {
		  background:blue  url('../images/bg/aqua.jpg') repeat; 
		}
    td#stage-right div.bak2 {  /* styles_base_4.css (line 103) */
      vertical-align:top;
      z-index:10;
      background:url('../images/Stage%20top%20R100E.gif') no-repeat right top;
    }
    td#stage-left div.bak2 {  /* styles_base_4.css (line 103) */
      background:url('../images/Stage%20top%20L100E.gif') no-repeat left top;
   }
   td#stage-centre div.bak2{
       background:url('../images/Stage%20top%20C100Rg.gif') repeat-x left top;
   }

   #tab  td {
      margin-top:-2px;  
      background: transparent url('../images/mb/menu_bar2.jpg') repeat;
   }

    div#footstrip{
      height:134px;
      width:100%;
      background-image: url('../cache/public/home/filmStrip_y124.jpg');
    }

   .centre {
     text-align:center;
     width:100%;
   }
/* Appearances */
    #head h1 {
      font-size:300%;
      font-family:Cooper, Cookie, sans-serif;
      color:#F7EC3C;
      margin-left:10px; /* kerning */
      text-align:center;
      letter-spacing: .2em;
      vertical-align:middle;
   }
    img#logo_img {
      display:inline;
      margin-top:0;
      width:802px;
      height:53px;
    }
    #logo h1 {
      display:none;
    }
    #middle h1 {
      margin-bottom:1em;
      color:#0924C8;
      color:#051264;
    }
    #middle p span {
      vertical-align:sub;
    }

/* behaviours */

    #middle a {
      display:block;
      height:38px;
      width:140px;
      text-align:center;
      margin-left:auto;
      margin-right:auto;
      text-decoration:none;
      background:orange;
      vertical-align:bottom;
      color:#051264;
      color:yellow;
   }
    #middle a:link {
      background: transparent url('../images/mb/menu_btn2.gif') no-repeat;
    }
    #middle a:visited {
      background: transparent url('../images/mb/menu_btn2.gif') no-repeat;
    }
    #middle a:active {
      background: transparent url('../images/mb/menu_hil2.gif') no-repeat;
      color:#051264;
    }
    #middle a:hover {
      display:block;
      background:yellow;
      height:38px;
      background: transparent url('../images/mb/menu_hil2.gif') no-repeat ;
      color:#051264;    
    }
