/*! normalize.css v2.1.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Set default font family to sans-serif.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    background: #fff; /* 1 */
    color: #000; /* 2 */
    font-family: sans-serif; /* 3 */
    -ms-text-size-adjust: 100%; /* 4 */
    -webkit-text-size-adjust: 100%; /* 4 */
}

/**
 * Remove default margin.
 */

/*body {
    margin: 0;
}*/

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
    text-align: center;
}

h2 {
    text-align: center;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* #html, body {
   top: 0px;
   right: 0px;
   bottom: 0px;
   left: 0px;
   width:980px;
   height: 100%;
   margin: 0;
    
 } */ 
/*body{font-family: Verdana,Arial,san-serif; font-size: 100%;  background: url(../images/wnccbk02.gif); background-color: white; color:black; width: 2500px;}    */     


.c{text-align: center;}
/*.ptext(text-align:)*/
   /*-------------------------------------------------------------------------------------------------------------*/
.bktext {text-indent:50px;
    text-align: justify;
    padding: 0 50px 0 50px;    
}

nav ul ul {
    display: none;
}

    nav ul li:hover > ul {
        display: block;
    }
nav ul {
    font-style: italic;
    background: #00FF00;
    background: linear-gradient(0, #008000 0%, #00FF00 100%);  
    background: -moz-linear-gradient(top, #008000 0%, #00FF00 100%); 
    background: -webkit-linear-gradient(top, #008000 0%,#00FF00 100%); 
    box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    padding: 0 20px;
    border-radius: 10px;  
    list-style: none;
    position: relative;
    z-index: 10;
    display: inline-table;
}
    nav ul:after {
        content: ""; clear: both; display: block;
    }
nav ul li {
    float: left;
    
}
    nav ul li:hover {
        
        background: #008000;
        background: linear-gradient(0, #008000 0%, #00FF00 100%);
        background: -moz-linear-gradient(top, #008000 0%, #00FF00 100%);
        background: -webkit-linear-gradient(top, #008000 0%,#00FF00 100%);
    }
        nav ul li:hover a {
            color: #fff;
/*     Text colour when mouse hover       */
        }
    
    nav ul li a {
        display: block; padding: 25px 40px;
        color: black; text-decoration: none;
/*   Text colour     */
    }
nav ul ul {
    background: #00FF00; border-radius: 0px; padding: 0;
    position: absolute; top: 100%;
}
    nav ul ul li {
        float: none; 
        border-top: 1px solid #21BBFE;
        border-bottom: 1px solid #ADD7FF;
        position: relative;
    }
        nav ul ul li a {
            padding: 15px 40px;
            color: #fff;
        }    
            nav ul ul li a:hover {
                background: #008000;
            }
nav ul ul ul {
    position: absolute; left: 100%; top:0;
}


.directions{text-align: left;font-size: 0.75em;margin-left: 50px;}


.logo1{ width: 10%; float: left}

    
.menutext {padding-left: 1em; padding-top: 1em}     
.filmlisttable { border: 0; padding: 0}


.showtitle {text-align: center}  
.showdate {text-align: center; }    
.showcert {font: italic}
.showdir {text-align: center}
.showdesc {text-align: justify}
.redtext {color: red}
.award {font-size: 0.8em; text-align: center; padding: 1em}
.simple_centre {text-align: center}

.pagedate {font-size: 0.4em; text-align: right}    
.progtable {font-size: 1em; text-align: center; margin: 1em; margin-left: auto;margin-right:auto}
.progarea {width: 100%; table-layout: fixed; text-align: center}
.progtr {font-size: 1em; 
        text-align: center; 
        margin: 1em; 
        padding: 1em;
        border-style: solid; 
        border-width: thin}  
.proga {font-size: 1em; text-align: left; margin: 1em; padding: 1em}
.progdet{font-size: .9em; text-align: center;  padding-left: 1.5em; padding-top: 0.5em}
.progdetalt{font-size: .9em; text-align: center; padding-left: 1.5em;padding-bottom: 0.25em}
.progdetr{font-size: .9em; text-align: right; padding-left: 1.5em}

.filmdate {font-size: 1.5em; font-style: italic;margin:0;padding:0;text-align: center;}
.filmtitle {font-size: 2em; font-weight: bold ;margin:0;padding:0;}
.director {font-size: 1.5em;margin:0;padding:0;text-align: center;}
.gendetails{font-size: 1.1em;margin:0;padding:0;text-align: center;}
.synopsis {font-size: 1em; text-align: justify; margin:0; padding: 50px 50px 0 50px;}

.listdet{font-size: .7em; text-align: center;  padding-top: 0.5em}
.listdetr{font-size: .7em; text-align: right}
.listdetalt{font-size: .7em; text-align: center; padding-left: 1.5em;padding-bottom: 0.25em}
.tc45{width: 80%}
.tc10{width: 10%}
.th5{width: 5px}
.th10{width: 10px}
.th15{width: 15px}
.th20{width: 20px}
.th25{width: 25px}
.th30{width: 30px}
.th35{width: 35px}
.th40{width: 40px}
.th45{width: 45px}
.th50{width: 50px}
.th55{width: 55px}
.th60{width: 60px}
.th65{width: 65px}
.th70{width: 70px}
.th75{width: 75px}

.tc100{width:100px}
.tc200{width:200px}
.tc300{width:300px}
.tc400{width:400px}
.tc500{width:500px}



.wholearea {width: auto; background-color: white;}
.headerarea {height: 7em}
.toplogo{padding-left: 10em; padding-top: 3px;}
.topband {height: 3em; width: auto}

.navblock{padding-left: 10em;   font-size:1em;}
.mainarea { width: 70%; padding-left: 10em;padding-right: 10em;}
.middlearea {width: auto}
.footerarea {padding-left: 10em; width: auto; }
.footband {font-size: small; width: auto}

.maparea { width: 90%; padding-left: 100px}

.awardarea {font-size: smaller; top: 0em; left: 0em; right: 100%; height: 80%; padding: 0em; table-layout: fixed} 
.awardright  {text-align: right;margin-right: 5px;}
.awardleft   {text-align: left; margin-left: 5px;}


 #html, body {
   top: 0px;
   right: 0px;
   bottom: 0px;
   left: 0px;
  
   
   margin: 0;
   font-family: Verdana,Arial,san-serif; 
   font-size: 100%;  
   background: url(../images/friends-logo-2.png); 
   background-color:green; 
   color:black; 
 }  
#container {margin: auto; width: 800px; background-color: white;
 min-height:100%; }
#headarea{height: 7em;}
/*#mainarea{margin:0;padding: 0;}*/
#midarea{padding: 25px 0 0 30px;text-align: center;  width: 700px;}
#footarea{}
#toplogo{width: 20%; height: 4em; padding-top: 3px; }


#topband {height: 3em; width: inherit; }

#toplogo{width: 100px; height: 4em; padding-top: 5px;  float:left; margin-left: 40px;}
#mainname{height: 2em; font-size: 1.25em; text-align: center;  width: 700px;padding-top:10px}
#navblock{margin-left: 40px;}


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

#footband{font-size: small; width: auto}

#cleardiv{clear: both;}



 
/*#container {width: auto; background-color: white;}*/
#headerarea{height: 7em}
#mainarea{width: 70%; padding-left: 10em;padding-right: 10em;}
#footerarea{padding-left: 10em; width: auto;}

 
div.grid      { width: 900px; }
div.grid div  { float: left; height: 100px; }
div.col100    { width: 100px; }
div.col150    { width: 150px; }
div.col200    { width: 200px; }
div.col300    { width: 300px; }
div.grey      { background-color: #cccccc; }
div.red       { background-color: #e14e32; }
div.clear     { clear: both; }

table#progtable {font-size: 1em; 
                    margin: 50px 0 0 0; 
                    margin-left: auto;
                    margin-right: auto;}
table#progtable th{border: thin solid gray;}
table#progtable td{border: thin solid gray; margin: 50px 0px; }
table#progtable tr.row2{margin: 0 0 100px 0;
                 height: 45px;
                }
/*table#progtable tr {font-size: 1em; text-align: center; }  */
table#progtable col.date{width: 50px;text-align: center;}
table#progtable col.director{width: 150px;text-align: left;}
table#progtable col.title{width: 450px}
table#progtable col.dirtitle{width: 400px;text-align: center;}
table#progtable col.year{width: 30px;text-align: center;}
table#progtable col.cert{width: 25px; text-align: center;  }
table#progtable td.c{text-align: center;}  
#progarea{margin: 0 50px;}

#seasonstablearea {width: 90%; table-layout: fixed; text-align: center; margin: 30px 0px 20px 30px;}
table#seasonstable col.season{width: 10px;text-align: center;}
table#seasonstable col.startdate{width: 10px;text-align: center;}
table#seasonstable col.primloc{width: 600px}
table#seasonstable td{padding-bottom: 6px}
table#seasonstable td.c{text-align: center;}  

#seasonlisttablearea {width: 90%; table-layout: fixed; text-align: center; margin: 30px 0px 20px 30px;}
table#seasonlisttable tr.header{padding-bottom: 6px;border-style:solid;border-width: thin;}
table#seasonlisttable col.date{width: 175px;text-align: center;}
table#seasonlisttable col.film{width: 500px;text-align: center;}
table#seasonlisttable col.year{width: 100px}
table#seasonlisttable col.cert{width: 100px}
table#seasonlisttable td{padding-bottom: 6px;}
table#seasonlisttable tr.head{padding-bottom: 6px;border-style:none solid ;border-width: thin;}
table#seasonlisttable tr.film{padding-bottom: 6px;border-style:none solid solid solid ;border-width: thin;}
table#seasonlisttable td.c{text-align: center;}  

#seasonscorestablearea {width: 90%; table-layout: fixed; text-align: center; margin: 30px 0px 20px 30px;}
table#seasonscorestable tr.header{padding-bottom: 6px;border-style:solid;border-width: thin;}
table#seasonscorestable col.date{width: 200px;text-align: center;}
table#seasonscorestable col.title{width: 500px;text-align: center;}
table#seasonscorestable col.position{width: 100px}
table#seasonscorestable col.reactions{width: 100px}
table#seasonscorestable col.avgscore{width: 100px}
table#seasonscorestable td{padding-bottom: 6px;}
table#seasonscorestable tr.head{padding-bottom: 6px;border-style:none solid ;border-width: thin;}
table#seasonscorestable tr.film{padding-bottom: 6px;border-style:none solid solid solid ;border-width: thin;}
table#seasonscorestable td.c{text-align: center;}  

table#seasonshows{  
    width: 90%; 
    table-layout: fixed;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    padding: 250px 0px;}
table#seasonshows caption{
    font-size: larger; 
    border-style: none none none none; 
    border-width: thin;}
table#seasonshows tr{
    margin: 50px; 
    padding: 50px;
    padding-bottom: 6px;}
table#seasonshows tr.date{
    border-style: none solid;
    border-width: thin;
    font-size: larger;
    font-style: italic;}
table#seasonshows tr.title{
    border-style: none solid ;
    border-width: thin;
    font-size: larger;
    font-style: bold;}
table#seasonshows tr.year{
    border-style: none solid;
    border-width: thin;
    font-size: smaller;
    font-style:oblique ;}
table#seasonshows tr.showtitle{
    border-style:  none solid;
    border-width: thin;
    }
table#seasonshows tr.showend{
    border-style: none solid solid solid;
    border-width: thin;
    
}
    
table#seasonshows tr.showstart{
    border-style:  solid solid none solid;
    border-width: thin; 
       
}
#yl{
    text-align: center;
    
}

table#yltable{
    text-align: center;
    border-style: solid;
     margin-left: auto;
    margin-right: auto;
}
table#yltable th.ylname{
     text-align: center;
    border-style: solid;
    border-width: thin;
}
table#yltable th.yldetails{
    text-align: center;
    border-style: solid;
    border-width: thin;
}
table#yltable th.yltryas{
    text-align: center;
    border-style: solid;
    border-width: thin;
}
table#yltable th.yltrlocation{
    text-align: center;
    border-style: solid;
    border-width: thin;
}
table#yltable td.ylname{
     text-align: center;
    border-style: solid;
    border-width: thin;
}
table#yltable td.yldetails{
    text-align: center;
    border-style: solid;
    border-width: thin;
}
table#yltable td.yltryas{
    text-align: center;
    border-style: solid;
    border-width: thin;
}
table#yltable td.yltrlocation{
    text-align: center;
    border: solid ;
    border-width: thin;
}