/* =============================================================================
Theatre Royal Winchester - Global
============================================================================= */

/* General
============================================================================= */

html, body {height: 100%;}

html,body,div,p,ul,ol,li,h1,h2,h3,h4,h6,pre,form,p,button,img {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  background-color: #fff;
  font: normal 12px/17px Arial, Helvetica, sans-serif;
  color: #262626;
}

ul,li {list-style-type: none;}
a {outline: none; text-decoration: none;}
a:hover {text-decoration: none; cursor: pointer;}
a span, button span, ul#nav span, ul#text-resize span, h2 span, h3 span, h4 span, h6 span {display: none;}

input, textarea {
  font: normal 11px Tahoma, Arial, sans-serif;
  color: #262626;
  margin: 0;
  padding: 0;
}

button {
  display: block;
  cursor: pointer;
}

div.clear {
  font-size: 1px;
  line-height: 1px;
  height: 1px;
  position: relative;
  clear: both;
}

#page_container {
  text-align: left;
  width: 960px;
  margin: 43px auto 0 auto;
}

#content {
  width: 666px;
  padding: 0 0 50px 0;
  float: left;
}

p a {
  color: #5b5721;
  text-decoration: underline;
}

p a:hover {
  color: #858148;
  text-decoration: none;
}

h2, h6 {
  font: normal 20px/22px Calibri, Arial, Helvetica, sans-serif;
  color: #8f8779;
  margin: 3px 0 0 0;
  padding: 0 0 0 8px
}

.image_container {
  margin: 16px 0 0 0;
  border: 1px solid #c2c2c2;
}

.image_padding {
  padding: 2px;
}

a.arrow {
  background: url(../../img/autumn/icons/arrow.gif) 0 4px no-repeat;
  font: normal 11px Tahoma, Arial, sans-serif;
  padding: 0 0 0 10px;
}

/* Header
============================================================================= */

#header {
  background-color: #050505;
  height: 245px;
  text-align: center;
}

#header_control {
  text-align: left;
  margin: 0 auto;
}

/* Nav
============================================================================= */

#nav_bar {
  background: url(../../img/global/backgrounds/nav.gif) repeat-x;
  text-align: center;
  height: 40px;
}

  #nav_container {
    text-align: left;
    width: 960px;
    margin: 0 auto;
  }

    ul#nav {
      width: 801px;
      height: 40px;
      float: left;
    }

      ul#nav li {float: left;}

        ul#nav li a {
          display: block;
          width: 98px;
          height: 40px;
          cursor: pointer;
        }

        ul#nav li a#home {background: url(../../img/global/nav/home.jpg) 0 0 no-repeat; width: 99px;}
        ul#nav li a#whats_on {background: url(../../img/global/nav/whats_on.jpg) 0 0 no-repeat;}
        ul#nav li a#news {background: url(../../img/global/nav/news.jpg) 0 0 no-repeat;}
        ul#nav li a#about_us {background: url(../../img/global/nav/about_us.jpg) 0 0 no-repeat;}
        ul#nav li a#venue_hire {background: url(../../img/global/nav/venue_hire.jpg) 0 0 no-repeat;}
        ul#nav li a#support_us {background: url(../../img/global/nav/support_us.jpg) 0 0 no-repeat;}
        ul#nav li a#education {background: url(../../img/global/nav/education.jpg) 0 0 no-repeat;}
        ul#nav li a#participation {background: url(../../img/global/nav/participation.gif) 0 0 no-repeat; width:113px;}
        ul#nav li a#find_us {background: url(../../img/global/nav/find_us.jpg) 0 0 no-repeat; width: 99px;}

        ul#nav li a#home:hover,
        ul#nav li a#whats_on:hover,
        ul#nav li a#news:hover,
        ul#nav li a#about_us:hover,
        ul#nav li a#venue_hire:hover,
        ul#nav li a#support_us:hover,
        ul#nav li a#education:hover,
        ul#nav li a#find_us:hover,
        ul#nav li a#participation:hover {
          background-position: 0 -40px;
        }

        ul#nav li a#home_active {background: url(../../img/global/nav/home.jpg) 0 -40px no-repeat; width: 99px;}
        ul#nav li a#whats_on_active {background: url(../../img/global/nav/whats_on.jpg) 0 -40px no-repeat;}
        ul#nav li a#news_active {background: url(../../img/global/nav/news.jpg) 0 -40px no-repeat;}
        ul#nav li a#about_us_active {background: url(../../img/global/nav/about_us.jpg) 0 -40px no-repeat;}
        ul#nav li a#venue_hire_active {background: url(../../img/global/nav/venue_hire.jpg) 0 -40px no-repeat;}
        ul#nav li a#support_us_active {background: url(../../img/global/nav/support_us.jpg) 0 -40px no-repeat;}
        ul#nav li a#education_active {background: url(../../img/global/nav/education.jpg) 0 -40px no-repeat;}
        ul#nav li a#participation_active {background: url(../../img/global/nav/participation.gif) 0 -40px no-repeat; width:113px;}
        ul#nav li a#find_us_active {background: url(../../img/global/nav/find_us.jpg) 0 -40px no-repeat; width: 99px;}

/* Text-resize
============================================================================= */

ul#text-resize {
  width: 145px;
  height: 24px;
  float: right;
}

  ul#text-resize li {
    float: left;
  }

  ul#text-resize li#text {
    background: url(../../img/global/text-resize/text_too_small.gif) 0 0 no-repeat;
    width: 79px;
    height: 12px;
    margin: 13px 12px 0 0;
  }

    ul#text-resize li a {
      display: block;
      width: 24px;
      height: 24px;
      cursor: pointer;
    }

    ul#text-resize li a#smaller, ul#text-resize li a#smaller_on {background: url(../../img/global/text-resize/smaller.gif) 0 0 no-repeat; margin: 8px 6px 0 0;}
    ul#text-resize li a#larger, ul#text-resize li a#larger_on {background: url(../../img/global/text-resize/larger.gif) 0 0 no-repeat; margin: 8px 0 0 0;}

    ul#text-resize li a#smaller:hover, ul#text-resize li a#smaller_on,
    ul#text-resize li a#larger:hover, ul#text-resize li a#larger_on {
      background-position: 0 -24px;
    }

/* RHC
============================================================================= */

#rhc {
  width: 274px;
  float: right;
}

  #rhc p {
    margin: 12px 0 0 8px;
  }

  #rhc .section {
    padding: 13px 0 20px 0;
    border-bottom: 1px solid #c1c1c1;
  }

  #rhc #box_office {
    background-color: #8f8779;
    padding: 8px;
  }

    #rhc #box_office h6 {
      background: url(/img/autumn/headings/box_office.gif) 0 4px no-repeat;
      color: #fff;
      margin: 0;
      padding: 4px 0 1px 0;
      text-indent: -9000px;
    }

 	#rhc #box_office h5 {
      color: #fff;
	  margin: 0;
	  font: normal 14px/16px Calibri, Arial, Helvetica, sans-serif;    }
    
    h6#trw_calendar {
      padding: 5px 0 1px 0;
      background: url(/img/autumn/headings/trw_calendar.gif) 8px 9px no-repeat;
      text-indent: -9000px;
    }

  #rhc .last {
    padding: 13px 0 50px 0;
    border: none;
  }
  #rhc .no_venue {border: 0;}

#rhc form {
  width: 258px;
  padding: 0 0 0 8px;
  margin: 16px 0 0 0;
}

#rhc form .textbox {
  background: url(../../img/global/forms/textbox_185.gif) left top no-repeat;
  height: 20px;
  width: 169px;
  padding: 6px 8px 0 8px;
  border: none;
  float: left;
}

#rhc form button {
  background: url(../../img/global/buttons/sign-up.gif) 0 0 no-repeat;
  height: 26px;
  width: 67px;
  float: right;
  cursor: pointer;
}

#rhc form button:hover {background-position: 0 -26px}

#rhc form p {
  padding: 10px 0;
  margin: 0;
}

#rhc form div.check_row {
  height: 20px;
}
#rhc form div span {
  padding-right: 5px;
}

/* Calendar
============================================================================= */

#calendar {
  background: url(../../img/global/calendar/backgrounds/month.gif) 0 0 no-repeat;
  font: normal 11px Tahoma, Arial, sans-serif;
  margin: 16px 0 0 8px;
}

  #calendar a {
    color: #262626;
    text-decoration: none;
  }

  #calendar a:hover {text-decoration: underline;}

  #calendar p {
    padding: 10px 0 0 0;
    margin: 0;
  }

  #calendar ul#select_month {
    height: 24px;
  }

    #calendar ul#select_month li {float: left;}

      #calendar ul#select_month li#previous {
        width: 5px;
        height: 10px;
        padding: 6px 0 0 8px;
      }
      #calendar ul#select_month li#previous a {
        display: block;
        background: url(../../img/autumn/calendar/arrow_left.gif) 0 0 no-repeat;
        width: 5px;
        height: 10px;
      }

    #calendar ul#select_month li#month {
      display: block;
      font: bold 11px Tahoma, Arial, sans-serif;
      text-align: center;
      width: 230px;
      height: 10px;
      margin: 3px 0 0 0;
    }

      #calendar ul#select_month li#next a {
        display: block;
        background: url(../../img/autumn/calendar/arrow_right.gif) 0 0 no-repeat;
        width: 5px;
        height: 10px;
        margin: 6px 0 0 0;
      }

  #calendar #days {
    background: url(../../img/autumn/calendar/backgrounds/days.gif) 0 0 no-repeat;
    height: 21px;
  }

    #calendar ul#dates li {
      background: url(../../img/global/calendar/backgrounds/day.gif) 0 0 no-repeat;
      text-align: center;
      width: 37px;
      height: 37px;
      float: left;
      color: #87898C;
    }

    #calendar ul#dates li.empty {background: none;}
    #calendar ul#dates li.future {color: #262626;}
    #calendar ul#dates li.future a {font-weight: bold;}

    #calendar ul#dates li.today {
      background: url(../../img/autumn/calendar/backgrounds/today.gif) 0 0 no-repeat;
      color: #fff;
    }

      #calendar ul#dates li.today a {color: #fff; font-weight: bold}

/* Feedback
============================================================================= */

#feedback {
  background: url(../../img/autumn/icons/feedback.gif) 8px 20px no-repeat;
  height: 40px;
  margin: 17px 0 0 0;
  padding: 20px 0 0 0;
  border-top: 1px solid #c2c2c2;
}

  #feedback p.feedback {
    font: normal 14px/12px Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0 0 0 48px;
  }

    #feedback p.feedback a {
      text-decoration: none;
    }

  #feedback p.description {
    font: normal 11px Tahoma, Arial, sans-serif;
    color: #848383;
    margin: 4px 0 0 0;
    padding: 0 0 0 48px;
  }

/* Footer
============================================================================= */

#footer {
  font: normal 11px Tahoma, Arial, sans-serif;
  color: #848383;
  border-top: 1px solid #c2c2c2;
  padding: 20px 0 0 0;
}

  #footer a {color: #262626;}

  #footer a:hover {
    color: #595959;
    text-decoration: underline;
  }

  #footer ul#logos {
    width: 294px;
    height: 50px;
    float: left;
  }

    #footer ul#logos li {
      padding: 0 0 0 8px;
      float: left;
    }

  #footer ul#links {
    line-height: 17px;
    float: left;
    width: 250px;
  }

    #footer ul#links li {float: left;}

  #footer p#info {
    width: 266px;
    margin: 17px 0 0 0;
    float: right;
  }

/* Errors
============================================================================= */

p.error_box {
  font: normal 12px/19px Arial, Tahoma, Sans-Serif;
  border: 1px solid #E2DA9D;
  background: #FFF8C5;
  padding: 6px 9px 5px 9px;
  margin-bottom: 17px;
}

/* RSS Box
============================================================================= */

#popup_center {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #FFFFFF;
}

#rss_popup {
  display: none;
  height: 189px;
  width: 401px;
}

#popup_center.popup_what_are_keywords_for, #popup_center.popup_which_do_i_choose {
  background: url(/img/backgrounds/popups/medium.png) 0 0 no-repeat;
}

#popup_center.popup_whats_a_url {
  background: url(/img/backgrounds/popups/small.png) 0 0 no-repeat;
}

#popup_center h6 {
  color: #FFFFFF;
  font-weight: normal;
  text-align: center;
  height: 33px;
  margin: 2px 2px 0 2px;
  width: 396px;
  border-bottom: 1px solid #676053;
  padding: 0;
  line-height: 33px;
  text-indent: -9000px;
  background: #8F8779 url(/img/autumn/headings/whats_rss.gif) 152px 9px no-repeat;
}

#popup_center p {
  margin: 0;
  display: block;
  text-align: center;
  padding: 14px 20px 17px 20px;
  font-size: 12px;
}

#popup_center span {
  width: 55px;
	height: 26px;
	background: transparent url(/img/global/slimbox/close.gif) no-repeat 0 0;
  line-height: 26px;
  display: block;
  cursor: pointer;
  margin: 0 auto;
}
#popup_center span span {display: none; }
#popup_center span:hover {background-position: 0 -26px;}