body { margin: 0; background-image: url(images/background.gif); background-repeat: repeat-y; background-position: center top }
body, td, p, div, input, textarea { font-family: Helvetica, Arial, Verdana, san-serif; font-size: 12px; color: #333 }
p { line-height: 16px }
form { margin: 0; padding: 0 }
a img { border: 0 }
a { color: #333; text-decoration: underline }
a:hover { color: #333; text-decoration: none }
a.back { color: #333; text-decoration: none; display: block; padding: 3px 0 3px 20px; background-image: url(images/back_button.gif); background-position: left center; background-repeat: no-repeat }
a.back:hover { color: #333; text-decoration: underline }

#container { width: 100%; position: relative }

#inner_container { display: block; width: 900px; margin: 0 auto; padding: 24px 0; position: relative }
	
#header { display: block; height: 40px; width: 850px; margin: 0 auto; background-color: #b30000; border-top: 1px solid white }
#header img { float: right; margin: 0 15px }
#header ul.nav { margin: 17px 0 0 15px; padding: 0 }
#header ul.nav li { list-style: none; list-style-type: none; display: inline; margin: 0; padding: 0 18px 0 0 }
#header ul.nav li a { color: white; text-decoration: none; padding-left: 20px; background-image: url(images/header_nav_divider.gif); background-repeat: no-repeat }
#header ul.nav li.first a { padding-left: 0; background-image: none }
#header ul.nav li a.active { color: white; text-decoration: underline }
#header ul.nav li a:hover { color: white; text-decoration: underline }

#sub_nav { display: block; width: 820px; margin: 48px auto 30px auto }
#sub_nav h1 { font-size: 23px; font-weight: normal; margin: 0 35px 0 0; padding: 0; float: left }
#sub_nav h1 span.grey { color: #888 }
#sub_nav ul { margin: 0; padding: 9px 0 0 0 }
#sub_nav ul li { list-style: none; list-style-type: none; display: inline; margin: 0; padding: 0 14px 0 0; font-size: 12px }
#sub_nav ul li a { color: #333; text-decoration: none; padding-left: 20px; background-image: url(images/section_nav_divider.gif); background-repeat: no-repeat }
#sub_nav ul li.first a { padding-left: 0; background-image: none }
#sub_nav ul li a.active { color: #333; text-decoration: underline }
#sub_nav ul li a:hover { color: #333; text-decoration: underline }
#sub_nav h2.talks { font-size: 18px; font-weight: bold; clear: both }
#sub_nav p { clear: both; line-height: 16px; margin-top: 0 }

#footer { display: block; clear: both; width: 818px; margin: 40px auto 0 auto; padding: 18px 0 0 0; text-align: right; font-size: 11px; position: relative }
#footer img { margin-right: 30px; margin-bottom: -4px }

#footer #loveculture_widget { position: absolute; right: 325px; top: 10px; text-align: left }
#footer #loveculture_widget #widget #tobefilled p { margin: 4px 11px }		/* 'content' pages widget */
#footer #loveculture_widget #widget #tobefilled2 p { margin: 9px 11px }		/* home page widget */


/*  pages.php  */
#about_page { display: block; width: 818px; margin: 0 auto }

	#about_page h1 { font-size: 16px; margin: 0 0 18px 0 }
	#about_page p {  }
	#about_page div.photos { display: block; float: right; margin: 0 0 30px 44px }
	#about_page div.photos img { clear: both }
	#about_page div.photos span.photo_caption { display: block; margin: 9px 0 16px 0; clear: both }
	#about_page div.photos div.thumbnails { float: right }
	#about_page div.photos div.thumbnails img { margin: 0 0 0 10px }
	
	#about_page div.body_text {  }
	#about_page div.body_text h2 { font-size: 13px }
	#about_page div.body_text p { line-height: 17px; margin-top: 0 }
	#about_page div.body_text p.event_info { margin-top: 25px; font-size: 13px; line-height: 23px }
	#about_page div.body_text p object { display: block; margin: 24px auto }
	#about_page div.body_text ul { margin: 0 0 12px 22px; padding: 0 }
	#about_page div.body_text li { margin: 0 0 1px 0; padding: 0; line-height: 16px }
	#about_page div.body_text img {  }
	#about_page div.body_text img.left { float: left; margin: 0 20px 20px 0 }
	#about_page div.body_text img.right { float: right; margin: 0 0 20px 20px }
	#about_page div.body_text img.center { display: block; margin: 0 auto }

/*  programme.php  */
#programme_listings { display: block; width: 818px; margin: 0 auto }
#programme_listings h2 { font-size: 13px; font-weight: bold; margin: 17px 0 0 0 }
#programme_listings p { margin: 6px 0 }

	#programme_listings div.item { background-color: orange; display: block; width: 818px; height: 67px; margin: 11px 0; overflow: hidden; cursor: pointer; position: relative; background-image: url(images/plus_icon.gif); background-position: 800px 49px; background-repeat: no-repeat }
	#programme_listings div.item:hover { background-image: url(images/plus_icon_over.gif) }
	#programme_listings div.item h3 { margin: 15px 0 0 145px; padding: 0; font-size: 16px }
	#programme_listings div.item img { position: absolute; top: 0; left: 20px }
	#programme_listings div.item p.artists { margin: 7px 0 0 145px; padding: 0; font-size: 13px }
	#programme_listings div.item p.description { position: absolute; width: 366px; right: 42px; top: 10px; margin: 0; font-size: 12px }
	
	#programme_listings div.item_talks { background-color: #f90; display: block; width: 818px; margin: 11px 0 16px 0; padding: 12px 0 16px 0; position: relative; clear: both }
	#programme_listings div.item_talks p.date { position: absolute; top: 1px; right: 20px; font-size: 13px }
	#programme_listings div.item_talks h3 { margin: 0 0 0 220px; padding: 0; font-size: 16px }
	#programme_listings div.item_talks img { position: absolute; top: 0; left: 20px; height: 71px }
	#programme_listings div.item_talks p.title { margin: 5px 20px 0 220px; font-size: 14px; font-weight: bold }
	#programme_listings div.item_talks div.description { margin: 0 20px 0 220px; font-size: 12px }
	#programme_listings div.item_talks div.description p { margin-bottom: 0 }
	
	#talks_flyer { float: right; text-align: center; line-height: 15px; margin: 7px 100px 0 0; padding: 8px 0 8px 43px; background-image: url(images/pdf_icon.gif); background-position: left; background-repeat: no-repeat }
	
	#talks_venue { margin: 30px 0 0 41px }
	#talks_venue p { margin: 0 0 10px 0 }

#programme_item { display: block; width: 818px; margin: 0 auto }

	/* #programme_item a.back { float: right; margin: 24px 40px 0 0 } */
	
	#programme_item div.header { height: 67px; width: 548px; margin: 0 0 24px 0; border-top: 1px solid white; background-position: 20px 0; background-repeat: no-repeat }
	#programme_item div.header h2 { margin: 13px 0 0 145px; padding: 0; font-size: 17px }
	#programme_item div.header h3 { margin: 6px 0 0 145px; padding: 0; font-size: 13px; font-weight: normal }
	
	#programme_item div.header2 { float: right; height: 67px; width: 270px; margin-top: 1px; position: relative; background-position: left top; background-repeat: no-repeat }
	#programme_item div.header2 h4 { float: right; margin: 16px 24px 0 28px; padding: 0; font-size: 16px; color: #333 }
	#programme_item div.header2 a.back { float: right; margin: 14px 24px 0 0; white-space: nowrap; clear: both }
	
	#programme_item div.left_side { display: block; float: left; padding: 0 0 24px 20px }
	#flickr_photos { display: block; width: 240px; text-align: middle }
	#programme_item div.left_side p { font-weight: bold; font-size: 12px; margin: 22px 0 4px 0 }
	#programme_item div.left_side div.thumbs { margin-top: 18px }
	#programme_item div.left_side div.thumbs img { margin: 0 4px 4px 0 }
	#programme_item div.left_side ul.related_links { width: 240px; margin: 0; padding: 0; list-style: none; list-style-image: none }
	#programme_item div.left_side ul.related_links li { margin: 0 0 4px 0; padding: 0 0 0 13px; line-height: 16px; background-image: url(images/red_square_bullet.gif); background-position: left 4px; background-repeat: no-repeat }
	#programme_item div.left_side ul.related_links li a { color: #333; text-decoration: none }
	#programme_item div.left_side ul.related_links li a:hover { color: #333; text-decoration: underline }
	#programme_item div.left_side div.funders { width: 250px }
	#programme_item div.left_side div.funders img { padding: 4px 8px 10px 2px; vertical-align: middle }
	
	#programme_item div.body_text { display: block; margin: 0 28px 18px 298px; padding: 8px 0 0 0 }
	#programme_item div.body_text p { line-height: 17px; margin-top: 0 }
	#programme_item div.body_text p.event_info { margin-top: 25px; font-size: 13px; line-height: 23px }
	#programme_item div.body_text p object { display: block; margin: 24px auto }
	#programme_item div.body_text ul { margin: 0 0 0 40px; padding: 0 }
	#programme_item div.body_text li { line-height: 16px; margin: 0 0 1px 0; padding: 0 }
	
	#programme_item div.body_text p.pdf { text-align: center }
	#programme_item div.body_text p.pdf a { font-size: 12px; text-decoration: none; padding: 10px 38px 10px 38px; background-image: url(images/pdf_icon.gif); background-position: left top; background-repeat: no-repeat }
	#programme_item div.body_text p.pdf a:hover { text-decoration: underline }
	
	#programme_item div.body_text img {  }
	#programme_item div.body_text img.left { float: left; margin: 0 20px 20px 0 }
	#programme_item div.body_text img.right { float: right; margin: 0 0 20px 20px }
	#programme_item div.body_text img.center { display: block; margin: 0 auto }

#talks_on_art { display: block; width: 818px; margin: 0 auto }
#talks_on_art h2 { font-size: 17px; margin: 20px 0 22px 0 }
#talks_on_art p { margin: 6px 0 }

	#talks_on_art a.back { float: right; margin: 0 6px 0 0 }

	#talks_on_art div.item { display: block; height: 175px; margin: 12px 0; position: relative; overflow: hidden }
	#talks_on_art div.item h3.talks_speaker { margin: 17px 0 0 282px; padding: 0; font-size: 17px }
	#talks_on_art div.item h4.talks_title { margin: 6px 32px 11px 282px; padding: 0; font-size: 14px; line-height: 17px }
	#talks_on_art div.item img { position: absolute; top: 0; left: 20px }
	#talks_on_art div.item p { margin: 0 32px 6px 282px }
	#talks_on_art div.item div.date { font-size: 14px; display: block; padding: 5px 10px 4px 12px; position: absolute; top: 6px; right: 0; background-color: white }
	
	#talks_on_art div.venue { margin: 30px 0 0 10px }
	#talks_on_art div.venue p { font-size: 14px; margin: 12px 0 }
	
	#talks_on_art div.flyer_pdf { display: block; float: right; text-align: center; margin: 28px 30px 0 0; padding: 3px 0 3px 40px; line-height: 16px; background-image: url(images/pdf_icon.gif); background-position: left; background-repeat: no-repeat }
	#talks_on_art div.flyer_pdf a { display: block }

/*  programme_archive.php  */
#programme_archive { display: block; width: 818px; margin: 0 auto }

	#programme_archive h1 { display: block; background-color: #f3f2d6; font-size: 16px; margin: 0 0 25px 0; padding: 8px 6px }
	
	#programme_archive div.side_nav { float: left; width: 190px; padding: 17px 0 40px 0 }
	#programme_archive div.side_nav p { font-size: 14px; font-weight: bold; margin: 19px 0 5px 5px; padding: 0 }
	#programme_archive div.side_nav ul { width: 170px; margin: 0; padding: 0; list-style: none; list-style-image: none }
	#programme_archive div.side_nav ul li { font-size: 13px }
	#programme_archive div.side_nav ul li a { display: block; margin: 0; padding: 3px 0 3px 5px; text-decoration: none }
	#programme_archive div.side_nav ul li a:hover { text-decoration: underline }
	#programme_archive div.side_nav ul li a.active { background-color: #f3f2d6; border: 1px solid #e0dabd }
	#programme_archive div.side_nav input, #programme_archive div.side_nav select { margin-left: 5px }
	#programme_archive div.side_nav input, #programme_archive div.side_nav select, #programme_archive div.side_nav option { font-size: 11px }
	#programme_archive div.side_nav input.text { width: 170px }
	#programme_archive div.side_nav input.submit { margin-top: 4px }
	#programme_archive div.side_nav form select.browse_artist { font-size: 10px !important }
	#programme_archive div.side_nav form select.browse_artist option { font-size: 10px !important }
	
	#programme_archive div.listing { margin: 0 0 0 225px }
	#programme_archive div.listing h2 { font-size: 14px; font-weight: bold; padding: 0 0 13px 0; margin: 0 0 20px 0; border-bottom: 1px solid #e0dabd }
	#programme_archive div.listing p.error { font-weight: bold }
	#programme_archive div.listing div.item { width: 280px; height: 75px; margin-bottom: 18px; position: relative; border-top: 1px solid #fbfae4 }
	#programme_archive div.listing div.item img { position: absolute; left: 0; top: 0 }
	#programme_archive div.listing div.item p { display: block; margin: 0 0 0 91px; padding: 0 0 4px 0 }
	#programme_archive div.listing div.item p.title { font-weight: bold; font-size: 15px; margin-top: 10px }
	#programme_archive div.listing div.item p.artist { font-size: 14px }
	#programme_archive div.listing div.item p.year {  }
	#programme_archive div.listing div.item a { text-decoration: none }
	#programme_archive div.listing div.item a:hover { text-decoration: underline }
	
	#programme_archive div.archive_header { margin: 0 0 20px 0; border-bottom: 1px solid #e0dabd }
	#programme_archive div.archive_header p { font-size: 14px; font-weight: bold; padding: 0 13px 0 0 }
	#programme_archive div.archive_header a.back { float: right }