/**  FOUNDATION
|    base styles applied across all pages 
|    of the site
----------------------------------------------- */
body,h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,input,fieldset { 
  /* zero out margins and padding */
  margin: 0;
  padding: 0;
  list-style: none;  
}
img,fieldset {
  border: 0;
}
body {
  text-align: center;
  font: 13px/1.42em Helvetica, Arial, sans-serif;
  /*background: #202831;*/
}
body.Join {
  */background: #000000 url(../images/backgrounds/join_bkg.png) no-repeat scroll center 85px;*/
  background: #333;
}          
hr {
  display: none;
}         
small {
  font-family: "Lucida Grande", Verdana;
}

.Content {
/*  background: white url('../images/main_content_bkg.png') no-repeat left top;*/
/*  min-height: 750px;*/
  background: #fafafa;
}
.gutter {
  padding: 20px;
  overflow: auto;
}
h2 {
  font-size: 25px;
  line-height: 1.2em;   
  color: #202831;
}   
h2 em {
  font-family: Georgia, serif;
  font-weight: normal;
}
h3,legend {
  font-size: 18px;
  line-height: 1.25em;
  color: #900;
  font-weight: normal;
  padding: 0;
  margin: 1em 0 0.5em;
}
h4,h5,#FAQ dt {
  font-size: 15px;
  margin: 1em 0;
}    
h6 {
  font-size: 11px;
  text-transform: uppercase;
}
a {
  color: #06c;
  cursor: pointer;
}
p a {
  text-decoration: underline;
}
/*a:hover {
  color: blue;
}
a:visited {
  color: purple;
}*/
#sliderControlls a {
  outline: none; 
}
/* -------------------------------------------- **/

/**  HEADER
|    
----------------------------------------------- */
#Header {
  position: relative; 
  z-index: 100;
}      
.wrap {
  width: 960px;
  margin: 0px auto;
  clear: left;
  text-align: left;
  display: block;
/*  overflow: hidden;*/
}                    

#Header h1 {
  margin: 0; 
}          
#Home .Header .nav,.Subpage .Header {
  background: #280000 url('../images/backgrounds/new_nav_bkg.png') repeat-x left bottom;
  border-bottom: 1px solid #323C45;
}                                  
.Header .nav li {
  float: left;
}                
.Header .nav li.searchForm {
  float: right;           
  margin: 0;
  height: 1em;
}         
.Header .nav li,
.Header .nav li a {
  color: #e1e1e1;
}
.Header .nav li a {
  float: left;
  padding: 9px 15px 8px;   
  font-size: 15px;
  text-decoration: none;
}
.Header .nav li:hover > a {
  color: white;
  background: #A2771B url('../images/backgrounds/gold_bkg.png') repeat-x left top;
}
.Header .nav li.active > a {
  background: url('../images/backgrounds/new_nav_bkg.png') repeat-x left -65px;
  color: white;
}           
.Header .nav li {
  position: relative;
}    
.Header .nav ul ul {   
  position: absolute;
  top: 33px;
  left: 0;
  width: 260px;
  z-index: 999;
  border: 0 solid #BF2626;
/*  border-width: 3px;*/
/*  box-shadow: 5px 5px 35px black;
  -moz-box-shadow: 5px 5px 5px black;*/
  -webkit-box-shadow: 5px 5px 35px black;
  border: 1px solid #090909;
  border-width: 1px 3px 3px 1px;
  display: none;
}
.Header .nav ul li:hover ul {
/*  display: block;*/
  z-index: 999;
}
.Header .nav ul ul li,
.Header .nav ul ul li a,
.Header .nav ul small {
  display: block; 
  padding: 0;
}                      
.Header .nav ul ul li a {
  width: 228px;
  padding: 10px 15px 6px;        
  font-size: 15px;    
  font-family: "Lucida Grande","Lucida Sans Unicode";
  font-weight: bold;
}
.Header .nav ul ul li {
  padding: 0;
}
.Header .nav ul ul li a,
.Header .nav ul ul li a:hover {
  color: black;
  background: none;
  border-bottom: 1px solid #eee;
}
.Header .nav ul ul li a:hover {
  background: url('../images/backgrounds/nav_item_bkg.png') no-repeat right top;
  border-color: #ccc;           
  color: #a00;
}
.Header .nav ul small {
  padding: 0 1px;
  color: #bbb; 
  font-size: 9px;
  font-family: verdana;
  font-weight: normal;
}
.Header .nav ul ul li a:hover small {
  color: #444; 
}    
.Header .nav ul ul,
.Header .nav a.hover {
  background: white;
}
/* ------------------------------------------- **/

/**  FOOTER
|    footer styles
----------------------------------------------- */
#Footer {
  background: #202831;
  overflow: auto;
}
#Footer {
  color: white;
}      
#Footer .top {
  background: #495662;
  padding: 13px 0;
}
#Footer .top a {
  color: #FFD43A;
  font-weight: bold;
  text-decoration: underline;
}        
#Footer h3 {
  margin: 0; 
  color: white;
} 
#Footer .top h4 {
  font-size: 13px;
  margin: 0;
  font-weight: normal;
}
#Footer a {
  color: #d9d9d9;
}
#Footer h4 {
  font-size: 18px;
  opacity: 0.99;
  margin: 0 0 0.5em;
}
#Footer .wrap div {
  width: 25%;
  float: left;
  padding: 2em 0;
}
#Footer img {
  display: block;
  margin: 0 auto;
  position: relative;
  left: -22px;
}
#Footer strong {
  color: #ff9;
}
#Footer li {
  line-height: 2em;
  font-size: 15px;
}
#Footer a {
  text-decoration: none;
  opacity: 0.99;
  color: #ccc;
}            
#Footer .major a,
#Footer a:hover {
  color: white;
}
#Footer a:hover {
  text-decoration: underline;
}
#Footer .minor {
  text-align: center;
  margin: 40px 0;
}
#Footer .minor li {
  font-size: 11px;
  display: inline;
  padding: 0 1em;
} 
/* ------------------------------------------- **/

/**  UPCOMING PERFORMANCES
----------------------------------------------- */

#Home .featuredItems div p a,
#MemberHome .featuredItems div p a {
  float: none;
}
.featuredItems p {
  font-size: 12px;
}
.featuredItems {
  clear: left;
  background: #F0F3F8 url('../images/backgrounds/featured_bkg.jpg') no-repeat left bottom;
  border-top: 1px solid #0E3F88;
}
.promo {
  background: #EEF7F0;
  border-color: #0F8722;
  padding-bottom: 10px;
}               
  .featuredItems .wrap {
    position: relative;
    z-index: 10;
  }
  .Subpage .featuredItems .wrap,
  .Subpage .promo .wrap { 
    width: 880px;
  }
  .featuredItems h2,.promo h2 {
    background: transparent url(../images/backgrounds/home_performanceListingsHeader_bkg.png) repeat-x scroll left bottom;
    color: white;   
    font-size: 18px;
    line-height: 2em;
    border-bottom: #71B3FD;
    margin: 0 0 20px;
  }                                                                     
  .promo h2 {
    background-image: url(../images/backgrounds/home_promoHeader_bkg.png);
  }                 
    .featuredItems h2 span,
    .promo h2 span {
      opacity: 0.99;
    }
    .featuredItems h2 em,
    .promo h2 em {
      font-size: 15px;
      font-weight: normal;
    }
  .featuredItems h3 {
    color: black !important;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    padding: 0;
  }
  .promo p {
    font-size: 15px;
    line-height: 1.42em;
    margin: 0 0 10px;
  }                
  .promo p strong {
    font-size: 18px;
    line-height: 1.42em;
  }
  .featuredItems li {
    float: left;
    text-align: center;
    width: 33%;      
    height: 200px;     
    position: relative;
    margin: 0 0 1em;
  }                              
  #Catalog .featuredItems li {
    height: 102px;            
  }
  #Home .featuredItems li,
  #MemberHome .featuredItems li {
    width: 33%;
  }
  #Home .featuredItems a,
  #MemberHome .featuredItems a {
    width: 55%;
  }                  
  #TicketAwards .featuredItems li {
    width: 45%; 
  }
    .featuredItems dl {
      padding: 20px 0 0;
      position: relative;
    }               
      .featuredItems dt,
      .featuredItems dd {
        display: inline;
        text-align: left;
      }                
      .featuredItems img,
      .featuredItems a,
      .featuredItems dd span {
        float: left;
        display: block;
      }
      .featuredItems a {
        width: 55%;
        margin-bottom: 10px;
      }                                  
      .featuredItems dt img {
        border: 1px solid #C3D3EA;
        border-bottom: 2px solid #bb;
        margin-right: 10px;
      }
      .featuredItems dt a {
        font-size: 14px;
      }                     
      
    .featuredItems li a {
      text-decoration: underline;
    }                    
    .featuredItems li a:hover {
      color: black;
    }
    #Shows .featuredItems li a span {
      left: 31.5%; 
    }
    .featuredItems dd img {
      margin-top: 0.25em;
    }
    .featuredItems li .offer {
      background:#FFFFCC none repeat scroll 0 0;
      color:#990000;
      font-weight:bold;
      line-height:2em;
      padding:2px;
      text-decoration:underline;
    }
    .featuredItems .theater a {
      font-size: 12px;
    }
    .featuredItems dd span {
      color: #9f9f9f;
      margin-bottom: 10px; 
      line-height: 12px;
      font-size: 10px;
    }                    
    .points span {
      color: #900 !important;
/*      background: #ff9;    */
      background: url('../images/icons/16-star-hot.png') no-repeat left -1px;
	  background-position: center left;
      padding: 1px 3px 0 18px;    
      font-weight: normal;
      font-size: smaller;
    }
    .points em {
      color: green !important;
      font-style: normal !important;
    }
/* ------------------------------------------- **/

/**  Site Destinations
|    kind of like navigation
----------------------------------------------- */
ul.siteDestinations {
  margin: 20px 0 0 !important;
}
ul.siteDestinations li {
  display: block;
  float: left;
  width: 25%;
  font-size: 14px;          
  background: url('../images/backgrounds/home_siteDetails_bkg.png') no-repeat center top;
}
ul.siteDestinations h3, ul.siteDestinations p {
  margin: 0 30px 0.5em !important;
}                       
ul.siteDestinations h3 {
  text-align: center;
  padding-top: 35px;
  background: url('../images/icons/star_circle.png') no-repeat center top;
  margin-top: -15px !important;
}                       
ul.siteDestinations .how h3 {           
  background-image: url('../images/icons/help.png');
}                                                
ul.siteDestinations .offers h3 {           
  background-image: url('../images/icons/exclaim.png');
}
ul.siteDestinations .shows h3 {           
  background-image: url('../images/icons/info.png');
}
ul.siteDestinations .shows {
  margin: 0;
}
ul.siteDestinations h3 a {
  color: white !important;
}
ul.siteDestinations p {
  font-size: 13px;
  line-height: 1.5em;
  color: white;
  margin-bottom: 20px;
}
/* ------------------------------------------- **/


/**  FORMS
|    form styles
----------------------------------------------- */
input[type="text"], input[type="password"], textarea, select {
  margin-right: 12px;
}
textarea, input[type="text"], input[type="password"] {
  background: #fff url('../images/backgrounds/inputbg.png') repeat-x left bottom;
  border:1px solid #999999;
  padding:4px;
  vertical-align:middle;
  width: 200px;
  margin-bottom: 3px;
}
  .commonForm ul li {
    margin-bottom: 15px;
  }
  .commonForm .checkbox strong {
    display: inline;
    font-size: inherit;
  }
  .commonForm li p {
    color: #666;  
    margin-bottom: 5px;
  }
  .commonForm a {
    text-decoration: underline;
  }
.commonForm .submit,
.commonForm .submit a {
  color: #7f7f7f;
}
.commonForm .submit a {
  text-decoration: underline;
}
.commonForm .submit a:hover {
  color: #06c;
}
.commonForm .submit input {
  font-size: 1em;
} 
.commonForm .withMore {
  text-align: center;
}
.commonForm .withMore p {
  padding: 5px;
  border: 1px solid #6078BF;
  background: #E6ECFF;     
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;   
  font-weight: bold;
  color: black;
}
.commonForm fieldset {
  border: none;
}
.commonForm label {
  font-weight: bold;  
  display: block;  
  font-size: 15px;
}             
.commonForm span {
  float: left;
}
.commonForm label span {
  float: none;            
  color: red;
}
.commonForm span label {
  clear: both;
  display: block;
  font-size: 11px;
  line-height: 1em;
  font-weight: normal;
  padding-top: 6px;
}  
form.simple label {
  float: left;
  width: 10em;
}          
form.simple ul { 
  font-size: 1em;
  margin-left: 12em;
}

form .error {
  color: #A61108;
}           
input.error,
select.error,
textarea.error {
  border: 1px solid #A61108;
  background: #FFC6C2;
}
/* ------------------------------------------- **/

/**  General Showcase Styles
|    explain to us what this section is about
----------------------------------------------- */

/* ------------------------------------------- **/

/** Utilities
----------------------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.col,.rcol {
  width: 50%;
  float: left;
}
.rcol {
  float: right;
}

/* golden ratio */
.w_60pct {  
  width: 60%;
}
.w_40pct {
  width: 40%;
}
.w_70pct {
  width: 70%;
}
.w_30pct {
  width: 30%;
}
.w_20pct {
  width: 20%;
}
.w_80pct {
  width: 80%;
}
.w_full {
  width: 100%;
}

.pagination {
  margin: 0 !important;
}                 
  .pagination ul {
    float: right;
  }
  .pagination span {
    float:left;
    line-height:28px;
    margin-right:10px;
    opacity: 0.5;
  }
  .pagination li {
    display: block;
    width: 26px !important;
    height: 27px;
    background: url('../images/icons/pagination_arrows.gif') no-repeat right -54px;
    text-indent: -1000em; 
    float: left;
    text-align: left !important;
  }
  .pagination a {
    display: block;
    width: 26px !important;
    height: 27px;                                                                  
    background: url('../images/icons/pagination_arrows.gif') no-repeat right -27px;
  }
  .pagination a:hover { 
    background-position: right top;
  }
  .pagination .prev {
    background-position: left -54px;
    margin-right: 3px; 
  }                
    .pagination .prev a {
      background-position: left -27px;
    }                                
    .pagination .prev a:hover {
      background-position: left top;
    }
.featuredItems .pagination {
  position: absolute;  
  top: 0;
  right: 0;                 
  width: 20%;
}
.featuredItems .bottom {
  top: inherit;
  bottom: 0; 
}
/* ------------------------------------------- **/

/**  AUTOCOMPLETE STYLES
|    for the results
----------------------------------------------- */
.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.ac_loading {
	background : Window url('./indicator.gif') right center no-repeat;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}
/* ------------------------------------------- **/