#custom-doc { width:729px;align:left;margin-left:24px;} 

html, body {
	font-family:arial; background: #fec945 url('../images/body_background.jpg') top center no-repeat;
}

.clearer {
	clear:both;
}
a {
	color:#f26522;
}
p {
	font-size:11px;
	line-height: 15px;
	margin-bottom:10px;
}
li {
	font-size:11px;
	list-style:disc;
}
strong, b {
	font-weight:bold;
}

em {font-style: italic;}
/*
SUPERSTRUCTURE
*/
	#custom-hd {
		background: url('../images/wrapper-hd.png') top left no-repeat;
		height:36px;
		width:785px;
		margin:0 auto;
	}
	#custom-bd {
		background: url('../images/wrapper-bd.png') top left repeat;
		width:785px;
		margin:0 auto;
	}
	#custom-ft {
		background: url('../images/wrapper-ft.png') top left no-repeat;
		height:36px;
		width:785px;
		margin:0 auto;
	}
	#dada-ventues{
		width:785px;
		margin:0 auto;
	}
	
	.msie #custom-hd { background: url('../images/wrapper-hd.gif') top left no-repeat; }
	.msie #custom-bd { background: url('../images/wrapper-bd.gif') top left repeat; }
	.msie #custom-ft { background: url('../images/wrapper-ft.gif') top left repeat;	}
	
	
	#hd{
		margin-left:16px;
		width:722px;
	}
	#bd {
		clear:both;
		padding-left:300px;
		width:438px;
		min-height:300px;
		padding-top:13px;
	}

/**********************
HEADER
***********************/

#hd { padding-top:5px; }
#hd h1 {
	position:relative;
	height:77px;
	width:255px;
	overflow:hidden;
	float:left;
}
#hd h1 span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	background: url('../images/subway_festival_logo.png') top left no-repeat;
	height:100%;
	width:100%;
}
#hd .right-col {
float:right;
width:467px;
}

#hd ul {
	width:274px;
	float:left;
	margin-left:17px;
}
.msie #hd ul {
	margin-left:9px; /* Ah, MSIE6, with your random attitude to margins, you are really spoiling us.*/
}
	#hd ul li {
		list-style:none;
		display:block;
		position:relative;
		float:left;
		height:11px;
		overflow:hidden;
		width:137px;
		margin-bottom:2px;		
	}
		#hd li span { display:block;position:absolute;top:0; left:0px; height:100%;	width:100%; }

		#hd li.whats-on span            {background: url('../images/navigation/whats_on.png') 0 -11px no-repeat; }
		#hd li.treasure-hunt span       {background: url('../images/navigation/treasure_hunt.png') 0 -11px no-repeat; }
		#hd li.events span              {background: url('../images/navigation/events.png') 0 -11px no-repeat; }
		#hd li.map-subway-tickets span  {background: url('../images/navigation/map_and_subway_tickets.png') 0 -11px no-repeat; }
		#hd li.on-train span            {background: url('../images/navigation/on_train.png') 0 -11px no-repeat; }
		#hd li.gallery span             {background: url('../images/navigation/gallery.png') 0 -11px no-repeat; }
		#hd li.workshops span           {background: url('../images/navigation/workshops.png') 0 -11px no-repeat; }
		#hd li.contact-us span          {background: url('../images/navigation/contact_us.png') 0 -11px no-repeat; }

		#hd #primary-navigation li a:hover span,
		#hd #primary-navigation.whats-on li.whats-on span,
		#hd #primary-navigation.treasure-hunt li.treasure-hunt span,
		#hd #primary-navigation.events li.events span,
		#hd #primary-navigation.map-subway-tickets li.map-subway-tickets span,
		#hd #primary-navigation.on-train li.on-train span,
		#hd #primary-navigation.gallery li.gallery span,
		#hd #primary-navigation.workshops li.workshops span,
		#hd #primary-navigation.contact-us li.contact-us span {
		background-position:0 0;
		cursor:pointer;
		}
		.msie #hd #primary-navigation li a:hover span{
		background-position:0 -11px;
		}


	#sponsors {
		float:right;
		margin-right:12px;
		margin-top:10px;
	}

#hd #date-banner {
	background:#f26522;
	color:#FFFFFF;
	text-transform:uppercase;
	margin-top:4px;
	margin-bottom: 0px;
	font-size:197%;
	position:relative;
	height:23px;
	width:439px;
	float:right;
	overflow:hidden;
}
#hd #date-banner span {
	display:block;position:absolute;top:0; left:0px; height:100%;	width:100%;		
	background:url('../images/date_strap.png') top left no-repeat #f26522;	
}


/**********************
FOOTER
**********************/
#ft {
	margin-top:20px;
	padding-top:33px;
	width:438px;
	background: url('../images/headers/whats_on.gif') top left no-repeat;
	clear:both;
}

#whats-on { width:430px; }
	.whats-on-item {
		width:133px;
		margin-right:9px;
		float:left;
	}
	.msie .whats-on-item {
		margin-right:8px;
	}
	.whats-on-item h3, .whats-on-item p {padding-right: 5px;}

/**********************
STORY COPY
**********************/
#story {
	float:left;
	width:300px;
}

#story h1 {
	color:#f26522; font-size:22px; font-weight:bold; 
}
#story li, #wide li {
	margin-left:15px;
}

#wide p {padding-right: 8px;}
/***********************
DOWNLOAD BLOCK
**********************/
#download {	float:right; width:128px; padding-bottom: 18px;}
	#download h3 {
		position:relative;
		height:21px;
		width:128px;
		overflow:hidden;
		margin-bottom:5px;
	}
	#download p {
		margin-bottom:0;
	}
	#download span {
		height:100%;
		width:100%;
		position:absolute;
		top:0;
		left:0;
		background: url('../images/headers/download.png') top left no-repeat;
	}
	#download a {
		color:#000000;
		text-decoration:none;
	}
	#download a:hover {text-decoration:underline;}
/***********************
HOMEPAGE LISTING
***********************/
#homepage_header {
	position:relative;
	height:24px;
	width:438px;
	overflow:hidden;
	margin-bottom:5px;
}
#homepage_header span {
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	background: url('../images/headers/whats_on.gif') top left no-repeat; 
}
/**********************
WHAT'S ON
**********************/
.whats-on-item h3 a {
	color:#000000;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}
.whats-on-item h3 a:hover {text-decoration:underline;}
.whats-on-item p {
	font-size:11px;
}
.whats-on-item p.meta {
	font-style:italic;
	color:#f26522;
}

/**********************
TREASURE HUNT PAGE
**********************/
#treasure_hunt_header {
	position:relative;
	height:24px;
	width:438px;
	overflow:hidden;
	margin-bottom:5px;
}
#treasure_hunt_header span {
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	background: url('../images/headers/underground_treasure_hunt.gif') top left no-repeat; 
}
/**********************
GALLERY
**********************/
#gallery {padding-bottom: 18px;}

#gallery_header {
	position:relative;
	height:24px;
	width:438px;
	overflow:hidden;
	margin-bottom:5px;
}
#gallery_header span {
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	background: url('../images/headers/gallery.gif') top left no-repeat; 
}

/**********************
MAP PAGE
**********************/
#subway_map, #ticket_information {padding-bottom: 18px;}

#ticket_information_header, #subway_map_header {
	position:relative;
	height:24px;
	width:438px;
	overflow:hidden;
	margin-bottom:5px;
}
#ticket_information_header span, #subway_map_header span {
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	background: url('../images/headers/ticket_information.gif') top left no-repeat; 
}
#subway_map_header span {
	background: url('../images/headers/subway_map.gif') top left no-repeat; 
}

ul#ticket_prices li {list-style-image: none; list-style-type: none; list-style-position: outside; margin-left: 0px; background: url('../images/small_arrow.png') left 2px no-repeat; padding-left: 16px; padding-bottom: 2px;}

/**********************
EVENT SERVICE INDEX & HOMEPAGE SUMMARY
**********************/
#event-index { clear:both; }
	#events-saturday-header, #events-sunday-header, #workshops-saturday-header, #workshops-sunday-header, #on-train-header {
		position:relative;
		height:24px;
		width:438px;
		overflow:hidden;
		margin-bottom:5px;
	}
	#events-saturday-header span, #events-sunday-header span, #workshops-saturday-header span, #workshops-sunday-header span, #on-train-header span {
		height:100%;
		width:100%;
		position:absolute;
		top:0;
		left:0;
	}
	#events-saturday-header span { background: url('../images/headers/events_saturday.gif') top left no-repeat; }
	#events-sunday-header span { background: url('../images/headers/events_sunday.gif') top left no-repeat; }
	#workshops-saturday-header span { background: url('../images/headers/workshops_saturday.gif') top left no-repeat; }
	#workshops-sunday-header span { background: url('../images/headers/workshops_sunday.gif') top left no-repeat; }
	#on-train-header span { background: url('../images/headers/on-train.gif') top left no-repeat; }
	

	/* REPEATING 'EVENT' UNIT */
	.event_summary {
		clear:both;padding-bottom:10px;border-bottom:solid 2px #f7bd99; margin-top:8px; float: left; width: 438px;
	}
	.event_summary_last { border-bottom: none; padding-bottom: 24px;}
	
		.image_column {
			float:left;
			width:107px;
			margin-right:10px;
			margin-top: 3px;
		}
		.copy_column {
			margin-left:117px;
			margin-right:10px;
		}
		.event_summary p { font-size:11px;margin-bottom:11px;}
		.event_summary p.category_tagline {margin-bottom: 0px; margin-top: 2px; line-height: 11px;}
		.event_summary p.meta {
			font-weight:bold;
			margin-bottom:0;
			line-height:14px;
			margin-bottom: 2px;
		}
		a.read_more {font-weight: bold; text-decoration: none;}
		a.read_more:hover {text-decoration: underline;}
		p.leader { font-size:10px; font-style:italic; }
		.event_summary h2 a { color:#f26522; font-size:18px; line-height: 24px; font-weight:bold; text-decoration:none; }
		.event_summary h3 {font-size: 14px; line-height:16px; margin-bottom: 2px; font-weight: bold; color: #f26522;}
		.event_summary h3 a { color:#f26522; font-weight:bold; text-decoration:none; }
		.event_summary h2 a:hover, .event_summary h3 a:hover { text-decoration:underline;}
		
		/* EVENT SUMMARY PAGE */
		.summary {border-top: solid 2px #f7bd99; margin-top: 3px; padding: 6px 0px;}
		.copy {border-top: solid 2px #f7bd99; padding: 6px 95px 6px 0px;}
		.additional {border-top: solid 2px #f7bd99; padding: 6px 95px 24px 0px;}
		.additional p {margin-bottom: 0px; line-height: 18px;}
		.summary p.meta {
			font-weight:bold;
			margin-bottom:0;
			line-height:14px;
			margin-bottom: 2px;
		}
		.summary h3 {font-size: 16px; line-height: 18px; font-weight: bold; margin-bottom: 2px; color: #F26522;}