/*****************************
  STYLESHEET
  
  WEBSITE: Yatala Drive-in Theatre
  AUTHOR: Stephen Warden
  CREATED: 06/04/2006
*/

body
{
font-size: 90%;
color:#ffffff;
margin:2px;
font-family: arial,helvetica,sans-serif,verdana;
height: 100%;
}

body, a, p, h1, h2, h3, table, td, th, ul, ol, textarea, input
{
font-family: arial,helvetica,sans-serif,verdana;
}

table, input, textarea
{
font-size: 100%;
}

sub {font-size: 75%;}

.brushedmetal a
{
color:#333333;
}

.brushedmetal a:link    {color:#333333; background-color:transparent; text-decoration: none}
.brushedmetal a:visited {color:#333333; background-color:transparent; text-decoration: none}
.brushedmetal a:active  {color:#333333; background-color:transparent; text-decoration: underline}
.brushedmetal a:hover   {color:#333333; background-color:transparent; text-decoration: underline}

.brushedmetal td
{
background-image: url(images/brushed_aluminium_bg.jpg);
border-bottom: 3px solid #000000;
color: #333333 ;
padding: 6px;
}

.brushedmetal th
{
text-align: center;
font-weight:bold;
padding-bottom: 15px;
}

.screen1 {
color: #ffffff;
background-color: #A31C1C;
border: #ffffff 1px solid;
}
/*background-image: url(images/screen1bg.gif);*/

.screen2 {
color: #ffffff;
background-color: #4C80D1;
border: #ffffff 1px solid;
}
/*background-image: url(images/screen2bg.gif);*/

h1 {font-size:130%;}
h2 {font-size:120%;}
h3 {font-size:120%;}
h4 {font-size:100%;}
h5 {font-size:100%;}
h6 {font-size:80%;}

h1, h2, h3
{
background-color:transparent;
color:#cccc88; 
}

h2  {font-style: oblique}

h5 {font-weight: bold}

hr
{
background-color:transparent;
color:#666666;
height:2px;
}

a:link, a:visited {color:#ddddff; background-color:transparent; text-decoration: none; font-weight: bold;}
a:active, a:hover {color:#9999cc; background-color:transparent; text-decoration: none; font-weight: bold;}

/*
.submenu
{
width: 50px;
height: 40px;
padding: 3px;
border: 2px;
border-color: #ffffff;
background-color: #000000;
position: absolute;
z-index: 1;
}
*/

.filmstrip {
width: 100%;
background-image: url(images/sprockets.gif);
background-repeat: repeat-y;
}

.filmstripleft {
width: 205px;
text-align: center;
float: left;
}

.filmstripright {
width: 555px;
background-image:url(images/brushed_aluminium_bg.jpg);
padding: 10px;
float: right;
}

#centredpage {
height: 100%; width: 100%;
}

#pagecontainer {
width:900px; height: 100%;
}

#pagecontainerleft {
width: 900px; height: 100%; background-image: url(images/GradientLeft.jpg); float: left;
}

#pagespacerleft {
width: 50px; height: 100%; float: left; background: transparent;
}

#pagecontainerright{
width: 850px; height: 100%; background-image: url(images/GradientRight.jpg); float: right;
}

#mainframe {
width: 800; height: 100%; background-color: #000000; float: left;
}

#header {
width: 800px; height: 198px; background-image: url(images/YatalaHeader.jpg); float: left;
}

#mainmenu {
width: 800px; float: left;
}

#menubar{
width: 100%;
}

#contentframe {
padding: 10px; width: 780px
}

#left-content {
width: 780px; float: left;
}

#left-inner-content {
width: 390; float: left;
}

#left-inner-content-container {
width: 380;
}

#right-content {
width: 340;
float: right;
background-color: #660066;
border-color: #ffffff;
border-width: 2px;
border-style: solid;
margin: 5px;
padding: 5px;
}

#right-lower-content {
width: 340;
float: right;
background-color: #555588;
border: #ffffff 2px solid;
margin: 5px;
padding: 5px;
}
/*
border-top: #888888 2px solid;
border-right: #444444 2px solid;
border-bottom: #444444 2px solid;
border-left: #888888 2px solid;
*/

#footer {
width: 780px;
padding: 10px;
text-align: right;
}
/*width: 100%; float: clear;*/

#addtofavourites {
color:#333333;
background-image: url(images/AddFavouritesBG.jpg);
font-weight: normal;
cursor: pointer;
}
/*width: 315px;
height: 62px;
position: relative;
*/

/*
#addtofavouritestext {
position: absolute;
left: 50px;
top: 15px;
}
*/

#movievouchers {
color: #333333;
background-image: url(images/MovieVouchersBG.jpg);
font-weight: normal;
cursor: pointer;
}
/*
width: 315px;
height: 62px;
position: relative;
*/

/*
#movievoucherstext {
position: absolute;
left: 60px;
top: 15px;
}
*/

/* Drop Down Menu links Lav to lt lav*/

.ddm1 { font-family: Arial, Helvetica, sans-serif;
   font-weight:bold; }
   /*11px
   font-size: 90%; */
/*background-image: url(images/lwdbanner604.jpg);
background-repeat:no-repeat; 
*/

.ddm1 .item1,
.ddm1 .item1:hover,
.ddm1 .item1:visited,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
    padding: 8px 4px 8px 4px;
    text-decoration: none;
    display: block;
    position: relative; }

.ddm1 .item1,
.ddm1 .item1:visited {
    background: transparent;
    color: #ccccff;  }

.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
    background: #333333;
    color: #9999cc; }
/*background: transparent;*/

.ddm1 .item2,
.ddm1 .item2:hover {
    padding: 5px 8px 5px 8px;
    text-decoration: none;
    display: block;
    white-space: nowrap; }

.ddm1 .item2,
.ddm1 .item2:visited  {
    background: #222222;
    color: #ccccff; }

.ddm1 .item2:hover {
    background: #333333;
    color: #9999cc; }

.ddm1 .section {
    border: 1px #DDDDDD; /*lines between items in sub menu*/
    border-style: none none none none;
    position: absolute;
	text-align: left;
    visibility: hidden; /*sub menu hidden until mouseover*/ 
    z-index: -1;  /*moves sub menu behind main menu*/ 
    white-space: nowrap; }

.ddm1 .left, .ddm1 .left:hover { border-style: none none none none; }
.ddm1 .right, .ddm1 .right:hover { border-style: none none none none; }

* html .ddm1 td { position: relative; } /* ie 5.0 fix */