/*@charset "UTF-8";*/
/* CSS Document */

#ddtabs2{
	height:52px;
	}
.ddcolortabs2{
padding: 0;
}
 
#info {background:#000; border:0;}
 
.menu 
{

	/*width:890px;*/
	width:1500px;
	height:32px; 
	position:relative; 
	z-index:100;
	font-family:arial, sans-serif;
	

}
 
/* hack to correct IE5.5 faulty box model */
 
* html .menu {
	width:891px; 
	width:890px;
}
 
/* remove all the bullets, borders and padding from the default list styling */
 
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	width:891px;
}
 
.menu ul ul {
	width:890px;

}
 
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
 
.menu li {
	float:left;
	height:23px;
}
 
/* style the links for the top level */
 
.menu a, .menu a:visited {
	display:block;
	font-size:10px;
	text-decoration:none; 
	color:#fff;  
	height:23px; 
	background:#000;  
	width:100px;	
}
 
/* hide the sub levels and give them a positon absolute so that they take up no room 
   CHANGE THE CLASS ON THIS STYLE TO ADJUST THE POSITION */
 
.menu ul ul {
	visibility:hidden; 
	position:absolute;
	height:23px;
	top:23px;
	left:0; 
	background:#000000;
	width:890px;
}
 
.menu ul li#current a ul{
	visibility:visible;
	z-index:0;
}
 
/* Navs */
 
.menu ul li.whatson ul		{padding-left:75px;	 width:815px; z-index:0;}
.menu ul li.festival ul		{padding-left:170px; width:720px; z-index:0;}
.menu ul li.kings ul		{padding-left:295px; width:595px; z-index:0;}
.menu ul li.book ul			{padding-left:415px; width:475px; z-index:0;}
.menu ul li.education ul	{padding-left:415px; width:475px; z-index:0;}
.menu ul li.about ul		{padding-left:605px; width:485px; z-index:0;}
.menu ul li.support ul		{padding-left:380px; width:610px; z-index:0;}
 
.menu ul li.whatson a:hover ul{ z-index:200;}
 
.menu ul li.whatson a 	{ background-image:url(../media/site_skin/nav/whatson_tab.gif);width:86px;}
.menu ul li.home a 		{ background-image:url(../media/site_skin/nav/home_tab.gif);width:56px;}
.menu ul li.festival a 	{ background-image:url(../media/site_skin/nav/festival_tab.gif);width:129px;}
.menu ul li.kings a		{ background-image:url(../media/site_skin/nav/kings_tab.gif);width:115px;}
.menu ul li.book a		{ background-image:url(../media/site_skin/nav/book_tab.gif);width:106px;}
.menu ul li.groups a	{ background-image:url(../media/site_skin/nav/group_tab.gif);width:72px;}
.menu ul li.education a	{ background-image:url(../media/site_skin/nav/edu_events_tab.gif);width:145px;}
.menu ul li.about a		{ background-image:url(../media/site_skin/nav/about_tab.gif);width:81px;}
.menu ul li.support a	{ background-image:url(../media/site_skin/nav/supportus_tab.gif);width:96px;}


.menu ul li.home a.current { background-position:bottom;}
.menu ul li.festival a.current { background-position:bottom;}
.menu ul li.whatson a.current { background-position:bottom;}
.menu ul li.kings a.current { background-position:bottom;}
.menu ul li.book a.current { background-position:bottom;}
.menu ul li.groups a.current { background-position:bottom;}
.menu ul li.education a.current { background-position:bottom;}
.menu ul li.about a.current { background-position:bottom;}
.menu ul li.support a.current { background-position:bottom;}



 
/* Sub Nav */
 
.menu ul#nav li ul li a 		{ background-position:0 -4px;}
.menu ul#nav li ul li a:hover	{ background-position:0 -25px;}
.menu ul li.whatson_calendar a  { background-image:url(../media/site_skin/nav/subnav2/whats_on_calendar.gif);width:135px;}
.menu ul li.latest_offers a 	{ background-image:url(../media/site_skin/nav/subnav2/latest_offers.gif);width:102px;}
 
.menu ul li.festival_home a 	{ background-image:url(../media/site_skin/nav/subnav2/fest_landing.gif);width:145px;}
.menu ul li.events_calendar a 	{ background-image:url(../media/site_skin/nav/subnav2/events_cal_fest.gif);width:107px;}
.menu ul li.seating_plan a		{ background-image:url(../media/site_skin/nav/subnav2/seatingplan_festival.gif);width:86px;}
.menu ul li.at_theatre a 		{ background-image:url(../media/site_skin/nav/subnav2/atthetheatre_festival.gif);width:96px;}
.menu ul li.access a 			{ background-image:url(../media/site_skin/nav/subnav2/access_festival.gif);width:55px;}
.menu ul li.find_us a			{ background-image:url(../media/site_skin/nav/subnav2/howtofindus_festival.gif);width:96px;}
 
.menu ul li.kings_home a 		{ background-image:url(../media/site_skin/nav/subnav2/kings_landing.gif);width:128px;}
.menu ul li.kings_calendar a 	{ background-image:url(../media/site_skin/nav/subnav2/events_cal_kings.gif);width:107px;}
.menu ul li.kings_seating a		{ background-image:url(../media/site_skin/nav/subnav2/seatingplan_kings.gif);width:86px;}
.menu ul li.kings_at_theatre a 	{ background-image:url(../media/site_skin/nav/subnav2/atthetheatre_kings.gif);width:96px;}
.menu ul li.kings_access a 		{ background-image:url(../media/site_skin/nav/subnav2/access_kings.gif);width:55px;}
.menu ul li.kings_find_us a		{ background-image:url(../media/site_skin/nav/subnav2/howtofindus_kings.gif);width:95px;}
 
.menu ul li.how_to_book a 		{ background-image:url(../media/site_skin/nav/subnav2/howtobook.gif);width:89px;}
.menu ul li.online_booking a 	{ background-image:url(../media/site_skin/nav/subnav2/online_booking.gif);width:98px;}
.menu ul li.concessions a		{ background-image:url(../media/site_skin/nav/subnav2/concessions.gif);width:92px;}
 
.menu ul li.edu_about a 		{ background-image:url(../media/site_skin/nav/subnav2/about_events.gif);width:56px;}
.menu ul li.edu_talks a 		{ background-image:url(../media/site_skin/nav/subnav2/show_talks.gif);width:46px;}
.menu ul li.edu_workshops a		{ background-image:url(../media/site_skin/nav/subnav2/workshops.gif);width:78px;}
.menu ul li.edu_other_events a 	{ background-image:url(../media/site_skin/nav/subnav2/other_events.gif);width:88px;}
.menu ul li.edu_schools a 		{ background-image:url(../media/site_skin/nav/subnav2/for_schools.gif);width:150px;}
 
.menu ul li.about_who a 		{ background-image:url(../media/site_skin/nav/subnav2/who_we_are.gif);width:89px;}
.menu ul li.about_hire a		{ background-image:url(../media/site_skin/nav/subnav2/hire_us.gif);width:61px;}
.menu ul li.about_technical a 	{ background-image:url(../media/site_skin/nav/subnav2/technical.gif);width:77px;}
.menu ul li.about_jobs a 		{ background-image:url(../media/site_skin/nav/subnav2/jobs.gif);width:43px;}
 
.menu ul li.support_why a 		{ background-image:url(../media/site_skin/nav/subnav2/why-us.gif);width:58px;}
.menu ul li.support_friends a 	{ background-image:url(../media/site_skin/nav/subnav2/friends.gif);width:61px;}
.menu ul li.support_patrons a	{ background-image:url(../media/site_skin/nav/subnav2/partners.gif);width:68px;}
.menu ul li.support_business a 	{ background-image:url(../media/site_skin/nav/subnav2/corporate_members.gif);width:122px;}
.menu ul li.support_trusts a 	{ background-image:url(../media/site_skin/nav/subnav2/trusts.gif);width:57px;}
.menu ul li.support_difference a  { background-image:url(../media/site_skin/nav/subnav2/make-a-difference.gif);width:122px;}
 
 
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
 
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	color:#FFF; 
	height:16px; 
	/*width:80px;*/
	

	/*width:140px;*/
	overflow:hidden;
	padding:5px 0;
}
 
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{background-position:0 -24px;}
.menu :hover > a, .menu ul ul :hover > a {background-position:0 -24px;}
 
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{visibility:visible; z-index:300;}
.menu ul li#current a ul{ z-index:1;}
 
.menu ul li.home:hover ul li a, .menu ul li.home a:hover ul li a,
.menu ul li.groups:hover ul li a, .menu ul li.groups a:hover ul li a {
background-image:none;
}
 
 
 
/* Alan's Styles that will probably wreck the whole thing... */
.menu ul li ul li{
	float:left;
	overflow:hidden;
}
 
.menu ul#nav a{
	text-indent:-9999px;
}