/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 font: bold 12px Tahoma, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #ccc;
 border-bottom: none;
 background: #64564b;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #fff; }
ul.tabbernav li a:visited { color: #333; }

ul.tabbernav li a:hover
{
 color: #ab1901;
 background: #eeeedd;
 border-color: #ccc;
}

ul.tabbernav li.tabberactive a
{
 background-color: #eeeedd;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: #eeeedd;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 background: #eeeedd;
 padding:5px;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
/* 
-----------------------------------
WRAPPER
-----------------------------------
*/
#wrapper2 {
	position: relative;
	margin: 35px auto 10px auto;
	padding: 0;
	text-align: left;
	width: 950px;
    }
	
body#home #wrapper2 {
    background: #fff url(/image/layout/bg-wrapper-home3.gif) repeat-y left top;
	}
#wrapper2 {
    background: #fff url(/image/layout/bg-wrapper.gif) repeat-y left top;
	}
body.no-sidebar #wrapper2 {
    background: #fff url(/image/layout/bg-wrapper-noside.gif) repeat-y left top;
	}

body.no-subnav #wrapper2 {
    background: #fff url(/image/layout/bg-wrapper-nosub.gif) repeat-y left top;
	}
body.main-only #wrapper2 {
    background: #fff url(/image/layout/bg-wrapper-mainonly.gif) repeat-y left top;
	}
	
/* 
-----------------------------------
TOP NAV
-----------------------------------
*/
#topnav2 ul {
	float: left;
	width: 175px;
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
body#home #topnav2 ul{
	float: left;
	width: 237px;
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	}

body.no-subnav #topnav2 ul,
body.main-only #topnav2 ul {
	float: left;
	width: 237px;
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
#topnav2 li { 
	display: block; 
	float: left;
	clear: both;
	width: 160px;
	padding: 0; 
	font: normal 12px Tahoma, sans-serif;
	}
	
body#home #topnav2 li
body.no-subnav #topnav2 li,
body.main-only #topnav2 li { 
	width: 222px;
	}
	
#topnav2 li a { 
	display: block; 
	float: left;
	width: 160px;
	text-decoration: none; 
	padding: 10px 0 10px 15px;
	border-bottom: 1px solid #d1d1c2;
	}
	
body#home #topnav2 li a,
body.no-subnav #topnav2 li a,
body.main-only #topnav2 li a { 	
	display: block; 
	float: left;
	width: 222px;
	text-decoration: none; 
	padding: 10px 0 10px 15px;
	border-bottom: 1px solid #d1d1c2;
	}
	
#topnav2 li#nav-shows  {
    width: 182px;
	background: url(/image/layout/nav-showbottom.gif) no-repeat left bottom;
	}
	
#topnav2 li#nav-shows a {
    padding: 0 0 15px 15px;
    border-bottom: none;
    }
	
body#shows #topnav2 li#nav-shows  {
    width: 182px;
	background: url(/image/layout/nav-showbottom-shows.gif) no-repeat left bottom;
	}
	
body#shows #topnav2 li#nav-shows a {
    padding: 0 0 15px 15px;
    }
	
body#home #topnav2 li#nav-shows,
body.no-subnav #topnav2 li#nav-shows,
body.main-only #topnav2 li#nav-shows  {
    width: 237px;
	background: url(/image/layout/nav-showbottom-home.gif) no-repeat left bottom;
	}
	
body#home #topnav2 li#nav-shows a {
    padding: 0 0px 20px 15px;
    border-bottom: none;
    }
	
#topnav2 li a:link,
#topnav2 li a:visited { color: #ffffff; background: none; }

#topnav2 li a:hover { 
	color: #ab1901; 
	text-decoration: none;
	background: #ffe;
	}

body#giftcertificates #topnav2 li#nav-giftcertificates a,
body#planyourvisit #topnav2 li#nav-planyourvisit a,
body#about #topnav2 li#nav-about a,
body#education #topnav2 li#nav-education a,
body#support #topnav2 li#nav-support a,
body#press #topnav2 li#nav-press a,
body#contact #topnav2 li#nav-contact a,
body#direct-connect #topnav2 li#nav-direct-connect a {
    color: #fff;
    width: 165px;
    background: #899C78 url(/image/layout/nav-here.gif) no-repeat left top;
	border-bottom: 1px solid #899C78;
	}
body#giftcertificates #topnav2 li#nav-giftcertificates a:link,
body#giftcertificates #topnav2 li#nav-giftcertificates a:visited,
body#planyourvisit #topnav2 li#nav-planyourvisit a:link,
body#planyourvisit #topnav2 li#nav-planyourvisit a:visited,
body#about #topnav2 li#nav-about a:link,
body#about #topnav2 li#nav-about a:visited,
body#education #topnav2 li#nav-education a:link,
body#education #topnav2 li#nav-education a:visited,
body#support #topnav2 li#nav-support a:link,
body#support #topnav2 li#nav-support a:visited,
body#press #topnav2 li#nav-press a:link,
body#press #topnav2 li#nav-press a:visited,
body#contact #topnav2 li#nav-contact a:link,
body#contact #topnav2 li#nav-contact a:visited,
body#direct-connect #topnav2 li#nav-direct-connect a:link,
body#direct-connect #topnav2 li#nav-direct-connect a:visited {
    color: #fff;
	}


body#planyourvisit #topnav2 li#nav-planyourvisit a:hover,
body#about #topnav2 li#nav-about a:hover,
body#education #topnav2 li#nav-education a:hover,
body#support #topnav2 li#nav-support a:hover,
body#press #topnav2 li#nav-press a:hover,
body#contact #topnav2 li#nav-contact a:hover,
body#direct-connect #topnav2 li#nav-direct-connect a:hover {
    color: #fff;
	text-decoration: underline;
	}

#topnav2 li#nav-shows a:link,
#topnav2 li#nav-shows a:visited {
    color: #fff;
	}
#topnav2 li#nav-shows a:hover {
    color: #f05940;
	background: transparent;
    }
body#home #topnav2 li#nav-shows a:hover {
    color: #f05940;
	background: transparent;
    }
body#shows #topnav2 li#nav-shows a:hover {
    color: #362f2d;
	background: transparent;
    }

body#home #topnav2 li#nav-home {
    display: none; 
	}
	
#logo {
	margin: 27px;
}

.homeBanner2 {
    width: 375px;
    margin: 0;
	padding: 3px;
    }