body {
  color:#333;
  font-family:"Hoefler Text", "Times New Roman", Times, serif;
  text-align:center;
}

.hurdle {
  clear:both;
}

#wrapper {
  width:980px;
  margin:0 auto;
  text-align:left;
  position:relative;
  background:transparent url('../images/backtile.gif') repeat-y 50% 0;
}

.last {
  margin-right:0 !important;
  padding-right:0 !important;
}

h3 {
  text-align:center;
  color:#333;
  margin:0.7em;
  font-weight:bold;
  font-size:2.4em;
}

a, a:visited {
  color:black;
  /*font-weight:bold;
    text-decoration:none;*/
}

a:hover, a:active, a:focus {
  background-color:#ff9;
}

a.img:hover, a.img:active, a.img:focus {
  background-color:transparent !important;
}

a.close {
  color:red;
}

.important {
  color:red;
}

.centre {
  text-align:center;
}


#header {
  z-index:1;
}

  #flower-left, #flower-right {
    position:absolute;
    top:0;
    z-index:1;
  }

    #flower-left {
      background:transparent url('../images/flower-top-left.gif') no-repeat top left;
      width:280px;
      height:389px;
      clear:none;
      left:-13px;
    }

    #flower-right {
      background:transparent url('../images/flower-top-right.gif') no-repeat top left;
      width:208px;
      height:398px;
      clear:none;
      right:-17px;
    }

  #header h1 {
    width:357px;
    height:169px;
    margin:10px auto;
    padding:0;
    text-indent:-999em;
    display:block;
    background:transparent url('../images/mmf-letterhead-logo.gif') no-repeat 45px 0px;
  }
  
    #header h1 a {
      width:357px;
      height:169px;
      display:block;
      background-color:transparent !important;
    }

#content {
  width:980px;
  margin:1em 0 0 0;
/*  position:absolute;*/
  z-index:2;
  left:0;
/*  background:red;*/
}

  #nav {
    margin-top:1px;
    height:56px;
    margin-left:228px;
  }
  
    #nav a {
      display:block;
      float:left;
      height:50px;
      background-position:0 0;
      background-repeat:no-repeat;
      margin:0 5px;
      text-indent:-5000px;
    }
    
      #nav a:hover {
        background-position:0 -50px;
      }
      
      #nav a#nav-whos-playing {
        background-image:url('../images/nav-whos-playing.gif');
        width:120px;
      }
      #nav a#nav-what-goes-on {
        background-image:url('../images/nav-what-goes-on.gif');
        width:120px;
      }
      #nav a#nav-supernatural {
        background-image:url('../images/nav-supernatural.gif');
        width:170px;
      }
      #nav a#nav-info {
        background-image:url('../images/nav-info.gif');
        width:100px;
      }

  #broadcast {
    width:600px;
    margin:30px auto 10px;
    padding:15px;
    font-size:1.4em;
    line-height:1.4;
    border: 1px solid #FF9FED;
    text-align:center;
  }
  
    #broadcast h4 {
      font-size:90%;
      text-transform:uppercase;
      font-weight:bold;
      letter-spacing:0.05em;
    }
    
      #broadcast h4 a {
        text-decoration:none;
      }
    
    #broadcast li a {
      text-decoration:none;
      color:#ccc;
      display:block;
    }
    
    #broadcast li span {
      padding-right:10px;
    }
    
    #broadcast li span a {
      text-decoration:underline;
      color:#333;
      display:inline;
    }


  #left-column {
    width:400px;
    font-size:1.4em;
    padding:20px;
    position:relative;
    float:left;
    margin-left:148px;
  }
  
    #left-column p {
      margin-bottom:1em;
      line-height:1.3;
    }
    
    #left-column ul {
      margin-bottom:1em;
      line-height:1.3;
      list-style-type:disc;
      margin-left:1em;
    }
    
    #left-column ol {
      margin-bottom:1em;
      line-height:1.3;
      list-style-type: decimal;
      margin-left:1em;
    }
    
    #left-column td {
      padding:5px 0;
      border-bottom:1px solid #ccc;
      padding:5px 0;
    }
    
    #left-column th {
      font-weight:bold !important;
    }
    
    
    .subhead {
      text-transform:uppercase;
      letter-spacing:0.08em;
      color:#999;
      text-align:center;
      font-size:0.8em;
      display:block;
      width:100%;
    }
    
    p.stationery {
      text-align:center;
      width:100%;
      height:3em;
      text-indent:-999em;
      background:#fff url('../images/from-the-desk-of-aunty-meredith.gif') no-repeat center left;
    }
    
    p.question{
      margin-bottom:0 !important;
      font-weight:bold;
    }
    p.signature {
      padding-top:5em;
      background:transparent url('../images/aunty-signature.gif') no-repeat 0px 10px;
      text-indent:-999em;
    }
    
    #left-column a {
      font-weight:bold;
      text-decoration: none;
      color:#333;
    }
    
      #left-column a:hover {
        background-color:#ff9;
      }
      
      #left-column h4 {
        border-top:1px solid #FF9EF0;
        padding:10px 0;
        margin-top:30px;
        text-transform:uppercase;
        font-weight:bold;
        letter-spacing:0.08em;
      }
      
      #left-column h4.first {
        margin-top:0 !important;
      }
      
      #left-column h4 a {
        font-weight:normal;
        color:#aaa;
        font-size:0.8em;
      }

  #right-column {
    position:relative;
    float:right;
    width:234px;
    margin-right:143px;
  }
  
  
    #index #right-column {
      margin-top:50px;
    }
    
    
    #right-column .list {
      width:200px;
      height:174px;
      background:transparent url('../images/interim-postit-green.png') no-repeat top left;
      padding:40px 17px 20px;
      font-size:1.2em;
    }
    
    #right-column .list {
      width:190px;
      background-color:lightyellow;
      background-image:none !important;
      border:1px solid #efefef;
      border-left:0;
      border-top:0;
      padding:20px 20px;
      font-size:1.2em;
      margin-top:20px;
      height:auto !important;
      color:#666;
    }
    
      #right-column .list p {
        font-weight:bold;
        text-transform:uppercase;
        letter-spacing:0.05;
        margin-bottom:1em;
      }
    
      #right-column .list ul {
        list-style-type:disc;
        list-style-position:outside;
        margin-left:10px;
      }
  
      #right-column .list li {
        padding:6px 0;
      }
      
        #right-column .list li a {
          text-decoration:none;
        }
  
          #right-column .list li a:hover {
            text-decoration:underline;
          }
  
  #whos-playing {
    
  }
  
  
    #title {
      margin:30px 0;
    }
    #title h3 {
     /* margin:30px;*/
     font-size:2.8em;
    }
    
    #title .subhead {
      font-size:1.1em;
    }
    
    #title p {
      color:#666;
      text-align:center;
      font-size:1.3em;
      line-height:1.3;
      width:520px;
      margin:0 auto;
      margin-bottom:1em;
    }
    
    #extra-text {
      width:678px;
      padding:15px;
      font-size:1.4em;
      line-height:1.3;
      color:#666;
    }
    
    
    #artist-list {
      width:678px;
      padding:15px;
      margin:30px auto 20px;
      border:1px solid #FF9FED;
      font-size:1.7em;
      text-align:center;
      color:#FF9FED;
      line-height:1.2;
    }
    
      #whos-playing #artist-list a {
        color:#EF008E !important;
        text-decoration:none;
      }
      
        #whos-playing #artist-list a:hover {
          text-decoration:underline;
          background-color:white !important;
        }
        
        #artist-list span {
          color:#999;
        }
        
        
    #artist-container {
      width:710px;
      /*height:350px;*/
      margin:10px auto;
    } 
    
       .artist {
         width:710px;
       }
       
        .artist .bio {
          width:350px;
          float:right;
          line-height:1.3;
        }
        
        .artist .photo {
          width:350px;
          float:left;
          height:350px;
          background-color:lightgray;
        }
        
          .artist .bio h4 {
            font-size:1.6em;
            font-weight:bold;
            font-style:italic;
            text-transform:uppercase;
          }
          
          .artist .bio p {
            font-size:1.4em;
            margin-bottom:1em;
          }
          
          
    #supporters {
      margin-top:20px;
    }
  
  
    #info-list {
      width:678px;
      padding:15px;
      margin:30px auto 20px;
      border:1px solid #ccc;
      font-size:1.2em;
      text-align:left;
      color:#999;
      line-height:1.2;
    }
    
      #info-list ul {
        width:130px;
        float:left;
        margin-right:15px;
        padding:10px 15px;
        /*background-color:lightyellow;*/
      }
    
      
    #info-list li.alpha {
      padding-top:10px;
    }
    
      #info-list ul li a {
        text-decoration:none;
        display:block;
        width:100%;
        padding:1px 0 0 0;
      }
      
      #info-list ul li a:hover {
        background-color:#FFD7FF;
      }
    
    #info-container {
      width:430px;
      margin:0 auto;
    }
    
    #info-container h3 {
      font-size:2em;
      text-align:left;
      padding:0;
      margin:10px 0;
    }
    
      #info-container p {
        font-size:1.3em;
        margin-bottom:1em;
        line-height:1.3;
      }
    
  
#footer {
  clear:both;
  height:50px;
  width:710px;
  margin:10px auto;
  color:#999;
  font-size:1.1em;
  line-height:1.5;
  position: absolute;
  bottom:5px;
  left:165px;
}

  #footer #copyright {
    float:left;
    
  }

  #footer #shill {
    float:left;
    margin-left:5px;
  }

  #footer a {
    color:#999;
  }
  
#echidna {
  height:700px;
  background:white url('../images/echidna.gif') no-repeat 50% 0;
  margin-bottom:-10px;
}