/*
	Broadstairs Folk Week
*/
body, ul, li, ol, table, tr, th, td, p, a, img, h1, h2, h3, h4, h5, h6, form {
	margin:					0;
	padding:				0;
	border:					0;
}

/*

*/
.clearer {
	display:				block;
	clear:					both;
}

.inner {
	display:				block;
	clear:					both;
	width:					960px;
	margin:					0 auto 0 auto;
}

.col {
	float:					left;
	min-height:				10px;
	padding-bottom:			10px;
}
.col.col_narrow {
	width:					239px;
}
.col.col_wide {
	width:					480px;
}

ul.link_list {
	list-style-type:		none;
	margin-left:			0!important;
}
ul.link_list a {
	background-image:		url(link_arrow.gif);
	background-repeat:		no-repeat;
	background-position:	0 2px;
	
	padding-left:			20px;
	padding-bottom:			5px;
}

/*

*/
body {
	background-image:		url(background.jpg);
	background-repeat:		no-repeat;
	background-position:	50% 0;
	background-color:		#E4CE95;
	
	min-width:				960px;
}

/*

*/
#header .top_menu {
	display:				block;
	list-style-type:		none;
	background-image:		url(top_menu_background.png);
	background-repeat:		no-repeat;
	background-position:	0 0;
	
	height:					32px;
}
#header .top_menu li {
	float:					left;
	margin-left:			15px;
	margin-right:			5px;
}

#header .top_menu li a {
	display:				block;
	background-image:		url(menu_titles2.png);
	background-repeat:		no-repeat;
	
	height:					31px;
	text-indent:			-10000px;
	overflow:				hidden;
}
/*
	Main
*/
#header .top_menu li.menu_about a {			background-position: 0 -12px;	width: 46px; }
#header .top_menu li.menu_home a {			background-position: 0 -42px;	width: 44px; }
#header .top_menu li.menu_news a {			background-position: 0 -72px;	width: 42px; }
#header .top_menu li.menu_young_zone a {	background-position: 0 -132px;	width: 96px; }
#header .top_menu li.menu_camping a {		background-position: 0 -222px;	width: 64px; }
#header .top_menu li.menu_get_involved a {	background-position: 0 -252px;	width: 98px; }
#header .top_menu li.menu_tickets a {		background-position: 0 -282px;	width: 54px; }
#header .top_menu li.menu_contact_us a {	background-position: 0 -312px;	width: 82px; }
#header .top_menu li.menu_crafts a {		background-position: 0 -342px;	width: 50px; }

#header .top_menu li.menu_whatson a {		background-position: 0 -552px;	width: 76px; }

/*
	Sub
*/
#header .top_menu li.menu_friends a {		background-position: 0 -372px;	width: 155px; }
#header .top_menu li.menu_workforce a {		background-position: 0 -402px;	width: 86px; }
#header .top_menu li.menu_sponsors a {		background-position: 0 -432px;	width: 75px; }
#header .top_menu li.menu_crafts a {		background-position: 0 -342px;	width: 50px; }

#header .top_menu li.menu_artistes a {		background-position: 0 -462px;	width: 60px; }
#header .top_menu li.menu_stages a {		background-position: 0 -492px;	width: 50px; }
#header .top_menu li.menu_workshops a {		background-position: 0 -162px;	width: 90px; }
#header .top_menu li.menu_broadstairs a {	background-position: 0 -582px;	width: 95px; }

#header .top_menu li.menu_gallery a {		background-position: 0 -612px;	width: 95px; }
#header .top_menu li.menu_galleries a {		background-position: 0 -642px;	width: 95px; }


#header .top_menu li.menu_venues a {		background-position: 0 -192px;	width: 52px; }

/*
	Unused?
*/
#header .top_menu li.menu_events a {		background-position: 0 -102px;	width: 50px; }
#header .top_menu li.menu_dates a {			background-position: 0 -522px;	width: 42px; }




#header .top_menu li:hover ul,
#header .top_menu li.sfhover ul {
	left:					auto;
}
#header .top_menu li ul {
	position:				absolute;
	left:					-10000px;
	z-index:				120;
	
	background-image:		url(menu_dropdown.png);
	background-repeat:		no-repeat;
	background-position:	0 100%;
	
	width:					185px;
	padding:				5px 0 5px 0;
}
#header .top_menu li ul li {
	display:				block;
	clear:					both;
}

#header h1 {
	float:					right;
	background-image:		url(logo2.png);
	background-repeat:		no-repeat;
	
	width:					417px;
	height:					176px;
	margin:					140px 40px 10px 0;
	
	text-indent:			-10000px;
	overflow:				hidden;
}

#header .info_box {
	float:					left;
	clear:					left;
	background-repeat:		no-repeat;
	
	width:					324px;
	margin:					20px;
}
#header .info_box .thingy {
	position:				absolute;
	
	width:					78px;
	height:					233px;
	margin:					70px 0 0 285px;
	z-index:				100;
}
#header .info_box_top {
	display:				block;
	padding-left:			12px;
	background-image:		url(top_box_frame.png);
	background-position:	0 0;
}
#header .info_box_contents {
	display:				block;
	background-image:		url(top_box_frame.png);
	background-position:	0 -30px;
	padding-left:			2px;
}
#header .info_box_bottom {
	display:				block;
	background-image:		url(top_box_frame.png);
	background-position:	0 100%;
	
	height:					20px;
}

/*
	Buttons row
*/
#buttons {
	padding-bottom:			5px;
}

#buttons .f_image.button_image {
	float:					left;
	width:					238px;
	overflow:				hidden;
}

/*

*/
#contents .sidebox_yy {
	display:				block;
	clear:					both;
	
	background-image:		url(side_box_yellow_yellow.gif);
	background-repeat:		no-repeat;
	background-position:	0 0;
	
	width:					236px;
}
#contents .sidebox_yy_footer {
	display:				block;
	clear:					both;
	
	background-image:		url(side_box_yellow_yellow.gif);
	background-repeat:		no-repeat;
	background-position:	0 100%;
	
	width:					236px;
	height:					20px;
}

/*
	Contents Box
*/
#contents .col_wide .text_block {
	display:				block;
	width:					471px;
}

#contents .col_wide .text_block_top {
	display:				block;
	clear:					both;
	background-image:		url(contents_box_top.gif);
	background-repeat:		no-repeat;
	background-position:	0 0;
	
	height:					35px;
}

#contents .col_wide .text_block_middle {
	display:				block;
	clear:					both;
	background-image:		url(contents_box_middle.gif);
	background-repeat:		repeat-y;
	background-position:	0 0;
	
	padding-top:			10px;
	padding:				15px 15px 0 15px;
}

#contents .col_wide .text_block_bottom {
	display:				block;
	clear:					both;
	background-image:		url(contents_box_bottom.gif);
	background-repeat:		no-repeat;
	background-position:	0 100%;
	
	height:					22px;
	padding:				0 15px 0 15px;
}

#contents .col_narrow .text_block {
	display:				block;
	width:					232px;
	margin-bottom:			15px;
}
#contents .col_narrow .text_block_top {
	display:				block;
	clear:					both;
	background-image:		url(side_box_top.gif);
	background-repeat:		no-repeat;
	background-position:	0 0;
	
	height:					35px;
}

#contents .col_narrow .text_block_middle {
	display:				block;
	clear:					both;
	background-image:		url(side_box_middle.gif);
	background-repeat:		repeat-y;
	background-position:	0 0;
	
	padding:				10px 10px 0 10px;
}

#contents .col_narrow .text_block_bottom {
	display:				block;
	clear:					both;
	background-image:		url(side_box_bottom.gif);
	background-repeat:		no-repeat;
	background-position:	0 100%;
	
	height:					22px;
}


#contents tr td {
	font-size:				9pt;
	line-height:			14pt;
	color:					#fff;
	padding:				0 16px 16px 16px;
}
/*
	Sponsors
*/
.sponsors {
	display:				block;
	width:					952px;
}
.sponsors .sponsors_header {
	display:				block;
	background-image:		url(sponsors_box.gif);
	background-repeat:		no-repeat;
	background-position:	0 0;
	height:					30px;
}
.sponsors .sponsors_contents {
	display:				block;
	background-image:		url(sponsors_box.gif);
	background-repeat:		no-repeat;
	background-position:	0 100%;
	
	padding:				20px;
	text-align:				center;
}
.sponsors .sponsors_contents a {
	margin:					0 10px 0 10px;
}
.sponsors .sponsors_contents a img {
	margin-bottom:			10px;
}
/*
	Fonts
*/
body {
	font-family:			'Arial', sans-serif;
	font-size:				10pt;
	line-height:			18pt;
}

.quick_links a {
	font-size:				12pt;
}

#header .info_box h2 {
	line-height:			24pt;
	color:					#000;
	font-size:				14pt;
}

#header .top_menu li a {
	color:					#fff;
	
	text-decoration:		none;
	font-size:				11pt;
}

#contents .col_narrow h3,
#contents .text_block_top h3 {
	line-height:			28pt;
	color:					#000;
	font-size:				13pt;
	text-indent:			15px;
}

#contents p,
#contents table td,
#contents table th,
#contents li {
	color:					#fff;
	font-size:				9pt;
}
#contents a {
	color:					#f6e428;
	text-decoration:		none;
}

#contents ul {
	margin-left:			20px;
}

#contents table th,
#contents p strong {
	font-weight:			normal;
	color:					#F6E428;
}

#contents .text_block_middle p,
#contents .text_block_middle li {
	color:					#fff;
	font-size:				9pt;
	line-height:			16pt;
}
#contents .text_block_middle p,
#contents .text_block_middle ul {
	padding-bottom:			15px;
}

#contents .text_block_middle h3,
#contents .text_block_middle h4,
#contents .text_block_middle h5 {
	color:					#f6e428;
	font-size:				12pt;
	font-weight:			bold;
}