/*------------------------------------------------------------- 
     Styles for Felixstowe Drama Festival pages
 

     Created: 		15 November 2006
     Last modified:		8 January 2010
     Version:		1.11
     Author:		Dave Whiting

Hack added to body and other elements to correct centering in
IE6.0 and below.

p.centerText added. Used for 'window close' on play synopsis
pages.

Hovered link settings changed - font re-size removed - to 
prevent cell size in tables changing when link status is 
changed.

Parameters of div.headRight changed to set image more central.

Text parameters added to div.imageLeft.

div.headLeft parameters altered to accomodate new layout of
head images on main page. img.spaLogo and img.festivalLogo
added as part of layout changes.

h4.stopPress added and p.info altered (line made dotted and
red, text colour changed, position and width deleted) for 
announcements in general info section.

body background colour changed. Xmas colour added.

Width of table for Plays and Players increased to accomodate
use on Previous Winners page.
---------------------------------------------------------------*/


/* ----- BODY ----- */

/* setting fixed margins centres document */

  body {
        color: black;
        background: #ffffa3; /* normal = ffffa3 - xmas = ffd2d2*/
        margin-left: 5%;
        margin-right: 5%;
        text-align: center; /* for IE5 and below */
       }

  hr {
      color: navy;
     }

  hr.lastShort {  /* allows space for VCSS logo */
                width: 85%;
                text-align: left;
               }


/* ----- PARAGRAPHS ----- */

  p    {
        font-family: Verdana, "Comic sans", sans-serif;
        text-align: left; 
       }


  p.info {
          text-align: left;
          color: #6500dd;
          font-family: Verdana, "Comic sans", sans-serif;
          border: dotted;   /* was solid */
          padding: 0.25em;
          border-width: thin;
          border-color: red;  /* was black */
         }


  p.centerText {
            text-align: center;
            color: red;
            font-family: "Verdana", Comic sans, sans-serif;
            border: solid; 
            padding: 0.25em;
            border-width: thin;
            border-color: red;
            width: 160px;
            }


  p.upDated { 
             text-align: left;
             color: black;
             font-size: 75%;
             font-family: Verdana, "Comic sans", sans-serif;
            }

  p.brInfo {
          text-align: left;
          font-family: Verdana, "Comic sans", sans-serif;
          font-size: 0.8em;
          color: #ff0000;
          padding: 0;
          margin: 0; 
         }

  p.urgentInfo {
                text-align: left;
                font-family: Verdana, "Comic sans", sans-serif;
                color: #6500dd;
                padding: 0;
                margin: 0; 
               }

/* ----- LINKS ----- */

  a:link {color: blue; text-decoration: none;}
  a:visited {color: red; text-decoration: none;}
  a:hover {
           background: #c4eee9;        /* Previously no bg color set */
           color: #6500dd;             /* Font color was green */
          }


/* ----- HEADINGs ----- */

  h1   {
        text-align: center;
        color: blue;
        margin-top: 1em;
        margin-bottom: 0.75em;
        font-family: Verdana, "Comic sans", sans-serif;
       }


  h2   {
        text-align: left;
        color: #cc0000;
        font-family: Verdana, "Comic sans", sans-serif;
       }

  h2.navHeading {
                 padding-top: 5px;
                 padding-bottom: 10px;
                 margin: 0;
                 text-align: left;
                 color: #0000ff;
                 font-family: Verdana, "Comic sans", sans-serif;
                }
  

  h3   {
        text-align: left;
        color: #6500dd;
        font-family: Verdana, "Comic sans", sans-serif;
       }

  h4   {
        text-align: left;
        color: red;
        font-weight: bold;
        font-family: Verdana, "Comic sans", sans-serif;
        padding: 0 0 5px 0;
        margin: 0;
       }

 h4.stopPress   {
        text-align: left;
        color: red;
        font-weight: bold;
        font-family: Verdana, "Comic sans", sans-serif;
        padding: 0;
        margin: 0;
       }

/* ----- <EM> TAG ----- */

/* general setting only. Overidden on various individual pages */

  em   {
	font-style: italic;
        color: black;
        font-weight: bold;
       }


/* ----- <DIV> ELEMENTS ----- */

/* centering for tables. Hack above used for IE5 and below */

  /* div.tableWrapper {
                    width: 1000px;
                    position: relative;
                    left: 50%;
                    margin-left: -500px;
                   } */

  div.tableWrapper {
                    width: 1000px;
                    margin: 0 auto;
                   } 

/* boxes */

  div.box {
           border: solid; 
           padding: 0.25em;
           border-width: thin;
           border-color: navy;
           width: 90%;
          }

/* floats */

  div.Content  {
                display: inline;
                float: right;
                position: relative;
                width: 610px;
                padding: 0;
                margin-right: 50px;
                border: 0;
               }

  div.headLeft
           {
            display: inline;
            float:left;
            position: relative;
            width:320px;
            background: #c4ffe8;
            margin-left: 60px;
            margin-top: 10px;
            font-family: Verdana, "Comic sans", sans-serif;
            text-align: center;
            font-weight: bold;
            color: green;
            border: 0;
            padding; 20px 20px 20px 20px;
           }

  div.headCenter
           {
            display: inline;
            float:left;
            position: relative;
            width:250px;
            margin: 0;
            border: 0;
            padding: 0;
           }

  div.headRight
           {
            display: inline;
            float: right;
            position: relative;
            width: 300px;
            border: 0;
            margin: 20px 0 0 0;
            padding-left: 0;
            padding-right: 200px;
            padding-top: 20px;
           }

  div.imageLeft
           {
            float:left;
            width:650px;
            margin:10px 10px 5px 0;
            border:0;
            text-align:center;
            font-size:80%;
            font-family: Verdana, "Comic sans", sans-serif;
           }

  div.imageRight
           {
            float: right;
            width: 438px;
            margin: 10px 0 5px 10px;
            border: 0;
            text-align: center;
            font-size: 80%;
            font-family: Verdana, "Comic sans", sans-serif;
           }

  div.vcssRight
           {
            float: right;
            display: inline;
            position: relative;
            width: 90px;
            height: 32px;
            margin: 0 10px 0 20px;
            padding: 0;
            border: 0;
           }

  div.clearFooter {
                   clear: both;  /* clears all floats */
                  }


/* ----- <IMG> ELEMENTS ----- */

  img.vhtmlLogo {
                border: 0;
		padding: 0;
                margin: 0;
               }

  img.spaLogo  {
                border: 0;
                margin: 0;
                padding: 10px 0 10px 0;
               }

  img.festivalLogo  {
                     border: 0;
                     margin: 0;
                     padding: 10px 0 10px 0;
                    }

/* ----- <UL> & <LI> ELEMENTS ----- */

/* navigation list */

/* get rid of padding and default bullets for navigation UL */

  ul.navList  {
               margin: 0;
               padding: 0;
               text-align: left; 
               list-style-type: none;
              }

  li.navList  {
               margin-top: 5px;
               margin-left: 15px;
               padding: 0;
               text-align: left; 
               font-family: Verdana, "Comic sans", sans-serif;
              }

  li.boxList  {
               padding-left: 30px;
               font-size:90%;
               font-weight: bold;
               text-align: left;
               font-family: Verdana, "Comic sans", sans-serif;
              }

  li.trophyList  {
                  padding-left: 30px;
                  font-size:90%;
                  font-weight: bold;
                  text-align: left;
                  font-family: Verdana, "Comic sans", sans-serif;
                  list-style-type: circle;
                 }

/* ----- <A> ELEMENTS ----- */

/* set the list anchor display to block etc. */

  li a.navLink    {
           display: block;
           height: 25px;
           line-height: 25px;
           text-decoration: none;
           font-family: Verdana, "Comic sans", sans-serif;
          }

/* ----- <TABLE> ELEMENTS ----- */

  table.playPlayers {
                     border-collapse: collapse;
                     width: 900px;  /* was 700px */
                     border: 1px solid #000000;
                    }

  caption.winners {
                   padding: 0.5em;
                   font-size: 1.2em;
                   font-weight: bold;
                   color: #6500dd;
                   text-align: left;
                   font-family: Verdana, "Comic sans", sans-serif;
                  }

  thead {
         padding: 0.5em 0.5em;
         background: #c0c0c0;
         color: #ff0000;
         font-family: Verdana, "Comic sans", sans-serif;
        }  

  th {
      padding: 0.5em 0.5em;
      border-right: 1px solid #000000;
     }

  tr.odd {
          background: #cdffff;
         }

  tr.even {
           background: #c0c0c0;
          }

  td.date {
           padding: 0.5em 0.5em;
           border-top: 1px solid #000000;
           border-right: 1px solid #000000;
           text-align: left;
           font-family: Verdana, "Comic sans", sans-serif;
          }

  td.play {
           padding: 0.5em 0.5em;
           border-top: 1px solid #000000;
           border-right: 1px solid #000000;
           text-align: left;
           font-family: Verdana, "Comic sans", sans-serif;
          }

  td.winner {
             padding: 0.5em 0.5em;
             border-top: 1px solid #000000;
             border-right: 1px solid #000000;
             text-align: left;
             font-size: 0.8em;
             font-family: Verdana, "Comic sans", sans-serif;
            }

  td.noPlay {
             padding: 0.5em 0.5em;
             border-top: 1px solid #000000;
             border-right: 1px solid #000000;
             text-align: left;
             color: #6500dd;
             font-weight: bold;
             font-family: Verdana, "Comic sans", sans-serif;
            }

  td.players {
              padding: 0.5em 0.5em;
              border-top: 1px solid #000000;
              text-align: left;
              font-family: Verdana, "Comic sans", sans-serif;
             }

  td.runnerUp {
              padding: 0.5em 0.5em;
              border-top: 1px solid #000000;
              text-align: left;
              font-size: 0.8em;
              font-family: Verdana, "Comic sans", sans-serif;
             }

  td.noPlayers {
                padding: 0.5em 0.5em;
                border-top: 1px solid #000000;
                text-align: left;
                font-family: Verdana, "Comic sans", sans-serif;
               }

  td.cupName {
              padding: 0.5em 0.5em;
              border-top: 1px solid #000000;
              border-right: 1px solid #000000;
              text-align: left;
              font-weight: bold;
              font-family: Verdana, "Comic sans", sans-serif;
             }

  td.techInfo {
               padding: 0.5em 0.5em;
               border-top: 1px solid #000000;
               border-right: 1px solid #000000;
               text-align: left;
               vertical-align: top;
               font-family: Verdana, "Comic sans", sans-serif;
              }