/* <!-- */
/* General styles */
html{
  font-family: arial, helvetica, sans-serif;
}
body {
  margin:0;
  padding:0;
  border:0;                       /* This removes the border around the viewport in old versions of IE */
  font-size: 12px;
  width: 980px;
  margin: auto;
}
h1, h2, h3 {
  margin:.8em 0 .2em 0;
  padding:0;
}
p {
  margin:.4em 0 .8em 0;
  padding:0;
}
img {
}

/* Header styles */
#header {
  clear:both;
  float:left;
  width:100%;
  background-image: url(/images/layout/wcd_back.png);
  background-repeat: repeat-y;
  height: 220px;
}
#header p,
#header h1,
#header h2 {
  padding:.4em 15px 0 15px;
  margin:0;
}

#header img{
  border: none;
}

/* 'widths' sub menu */
#layoutdims {
  clear:both;
  background:#eee;
  border-top:4px solid #000;
  margin:0;
  padding:6px 15px !important;
  text-align:right;
}

/* column container */
.colmask {
   position:relative;              /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
   clear:both;
   float:left;
   width:100%;                             /* width of whole page */
   overflow:hidden;                /* This chops off any overhanging divs */
   background-image: url(/images/layout/wcd_back.png);
}

/* holy grail 3 column settings */
.holygrail {
/*  background:#ff9;  */          /* Right column background colour */
}
.holygrail .colmid {
  float:left;
  width:200%;
  margin-left:-315px;     /* Width of right column */
  position:relative;
  right:100%;
/*  background:#fff;   */     /* Centre column background colour */
}
.holygrail .colleft {
  float:left;
  width:100%;
  margin-left:-50%;
  position:relative;
  left:540px;             /* Left column width + right column width */
/*  background:#FFD8B7; */    /* Left column background colour */
}
.holygrail .col1wrap {
  float:left;
  width:50%;
  position:relative;
  right:225px;                /* Width of left column */
  padding-bottom:1em;         /* Centre column bottom padding. Leave it out if it's zero */
}
.holygrail .col1 {
  margin-left:  240px;
  margin-right: 310px;
  margin-top: 30px;
    /* Centre column side padding:
    Left padding = left column width + centre column left padding width
    Right padding = right column width + centre column right padding width */
  position:relative;
  left:200%;
  overflow:hidden;
}
.holygrail .col2 {
  float:left;
  float:right;                    /* This overrides the float:left above */
  width:200px;            /* Width of left column content (left column width minus left and right padding) */
  position:relative;
  right:0px;             /* Width of the left-hand side padding on the left column */
  margin-top: 25px;
}

.col2 a{
  font-size: 14px;
}

.holygrail .col3 {
  float:left;
  float:right;                    /* This overrides the float:left above */
  width:280px;            /* Width of right column content (right column width minus left and right padding) */
  margin-right:40px;      /* Width of right column right-hand padding + left column left and right padding */
  position:relative;
  left:50%;
}

/* Footer styles */
#footer {
  clear:both;
  float:left;
  width:100%;
  background-image: url(/images/layout/wcd_foot.png);
  height: 120px;
  width: 980px;
}

#smalllogo{
  float: right;
  margin-right: 30px;
  padding-bottom: 10px;
}

#footer_info{
  color: white;
  float: right;
  font-size: 12pt;
  line-height: 2em;
  padding-right: 20px;
  
}

/* --> */

.colleft a{
  text-decoration: none;
  color: #009bb7;
  font-weight: bold;
}

.colleft a:hover{
  color: #666666;
}

#category_list,
#document_list,
#master_list{
  margin-top:  30px;
  margin-left: 5px;
}

ul#left_buttons{
  list-style: none;
  margin: 30px 0;
  padding: 0;
}  

#bottom_buttons{
  position: relative;
  margin-top: 20px;
  margin-left: 220px;
}

#newsletter_box{
  background-color: lightGrey;
  border: 1px solid black;
  padding: 10px;
  margin-left: 23px;
  margin-top: 20px;
  width: 228px;
}

#box_office_info {
  text-align: center;
  background-color: lightGrey;
  margin: 30px 0;
  padding: 5px;
  border: 1px solid black;
  font-weight: bold;
}

#box_office_info .venue{ 
  text-align: left;
  font-weight: normal;
}

#box_office_info .phone_number{
  text-align: right;
}

#WCDHeader{
  position: relative;
}

#WCDHorizNavBar{
  position: relative;
  left: 11px;
  z-index: 7;
  top: -121px;
}

#navbar_links a {
  color: black;
  text-decoration: none;
  margin-left: 15px;
  font-weight: bold;
}

#navbar_links a:hover{
  color: #009bb7;
}

#sitename{
  color: #009bb7;
  font-weight: bold;
}

.column_header{
  color: #017CE5;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 10px;
}

.virtual_tour{
  text-align: center;
  margin: 0px 0px 0px 10px;
  padding-bottom: 15px;
}

.virtual_tour img{
}

#calendar{
  text-align: center;
}

#rotatingimages{
  position: relative;
  top: -153px;
  left: 10px;
  height: 168px;
  width: 959px;
}

#calendar_all_events_link{
  color: #017CE5;
  font-weight: lighter;
  font-size: 1em;
}

.search_box{
  float: right;
  position: relative;
  margin-top: -168px;
  margin-right: 15px;
  z-index: 10000;
}

#search, #search_button{
  max-height: 24px;
  vertical-align: middle;
}

.product_list_toggler{
  cursor: pointer;
}

ul.product_list{
  list-style: none;
  padding-left: 10px;
}