/* <!-- */
/* General styles */
html{
  background: #212e5b url(/images/layout/wcd_bg_back.gif) repeat scroll center 0;
  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: 100%
  margin: auto;
}
#content-all{
  margin: auto;
  width:  980px;
}
#bg_front{
  height: 810px;
  background: transparent url(/images/layout/wcd_bg_front.gif) repeat scroll center 0;
}
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: 292px;
    /* 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: -8px;
}

.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{
  margin-top:  30px;
  margin-left: 5px;
}

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

#bottom_buttons{
  position: relative;
  margin-top: 20px;
  margin-left: -65px;
  text-align: center;
}

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

#box_office_info {
  text-align: center;
  background-color: #95c0d6;
  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;
}

#WCDLogo{
  height:   145px;
  left:     15px;
  position: relative;
  top:      27px;
  z-index:  10000;
}

#WCDHeader{
  position: relative;
}

#WCDHeaderText{
  position:relative;
  z-index: 10000;
  top: 15px;
  left: 15px;
}  

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

#navbar_links{
  position: relative;
  width: 670px;
  z-index: 8;
  top: -149px;
  left: 30px;
  font-size: 14px;
}

#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;
}

#sitename{
  margin-left: 15px;
}

.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;
}

#event_list{
  list-style:  none;
  margin-left: 20px;
  padding:     0;
}

#event_list li{
  margin-top: 10px;
}

#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;
}

#search_button{
  margin-top: -5px;
}

.pageTitle{
  font-size: 20px;
  color: #017CE5;
  margin-top: 15px;
}

span.exhibit_order_links{
  float: right;
  margin-right: 40px;
}

td.product_name{
  width: 125px;
}

td.product_options{
  width: 270px;
}

td.product_quantity{
  width: 50px;
}

ul#categories{
  list-style: none;
  padding: 0;
  margin: 20px 0;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  background-color: #aaa;
}

ul#categories a{
  padding: 5px 0 5px 15px;
  font-size: 1.2em;
}

li.menu_category{
  background-color: #017ce5;
  border-bottom: 1px solid #666;
}

li.menu_category:hover{
  background-color: #8a8a8a;
}

li.menu_category a{
  color: white;
  display: block;
  font-weight: bold;
}

li.menu_category a:hover{
  color: white;
}

li.last{
  border-bottom: none;
}

li.menu_document{
  border-bottom: 1px solid #666;
  background-color: #058aa7;
}

li.menu_document:hover{
  background-color: #a55018;
}

li.menu_document a{
  display: block;
  font-size: 1em;
  color: white;
}

li.menu_document a:hover{
  color: white;
}

img#left_nav_top{
  margin-top: 6px;
  position:  relative;
  top:       24px;
}

img#left_nav_bottom{
  position: relative;
  top: -22px;
}

div.venue_galleries{
  font-size: 16px;
}

div.galleries{
  margin: 0 0 15px 10px;
}

form.search_box{
  margin-top: -151px;
}

form.search_box input#phrase{
  width: 133px;
}

form.search_box input#search_button{
  margin-top: -3px;
}

div#master_list{
  margin-top: 20px;
}

ul#navbar{
  background: repeat-x url(/images/layout/navbar.png);
  color: white;
  font-size: 14px;
  height: 36px;
  left: -5px;
  margin: 0;
  margin-left: 15px;
  padding: 0;
  position: relative;
  top: -121px;
  width: 959px;
  z-index: 1000;
}

li.navbar_item{
  display: inline;
  height: 36px;
  position: relative;
  top: -12px;
}

li.divider{
  display: inline;
}

li.navbar_item img{
  position: relative;
  top: 13px;
}

li.navbar_item a, li.navbar_item a:hover, li.navbar_item a:visited, li.navbar_item a:active{
  color: white;
  font-weight: bold;
  text-decoration: none;
}

li.navbar_item a.cat_link{
  padding: 10px 9px 8px;
}

li.navbar_item a.cat_link.home{
  padding: 0;
}

ul#navbar li ul.document_list{
  display: none;
  left: 0;
  list-style: none;
  margin: 0;
  margin-top: -4px;
  padding: 0;
  position: absolute;
  width: 205px;
}

ul#navbar li ul.document_list li{
  background: url(/images/layout/dropdown.png);
  border-bottom: 1px solid white;
  border-left: 1px solid white;
  clear: both;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 10;
}

ul#navbar li ul.document_list li a{
  display: block;
  padding: 8px 5px;
}

ul#navbar li.first{
  cursor: pointer;
}