/*==========================================*/
/*       FESTIVALS PAGE CSS FOR B430        */ 
/*==========================================*/

* {
	margin: 0px 0px;
	padding: 0px 0px;
}

body {
	background-color: #000000;
	color: #ffffff;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.clear{
	clear: both;
	height:0;
	overflow:hidden;
	line-height:0;
	font-size:0;
}

a {
	color: #000000;
	text-decoration: none;
}	
.PNG {
	behavior: url(css/iepngfix.htc)
}
/*==========================================*/
/*               PAGE SETTINGS              */ 
/*==========================================*/
#Page_Container {
	margin: 0px auto;
	width: 998px;	
}
/*==========================================*/
/*             HEADER SETTINGS              */ 
/*==========================================*/
#Header {
	background: url(../images/header.jpg) no-repeat top left;
	height: 1%;
	min-height: 132px;
	height: auto !important;
	height: 132px;
}

/*	#Header #Navigation {
		position: relative;
		left: 150px;
	}
*/

#Navigation {
/*	position: absolute;
	top: 0px;
	left: 450px;
	margin-left: -300px;
	width: 997px;
	z-index: 250;
	overflow: visible;*/
	position: absolute;
	margin-left: 150px;	
	height: 28px;
	overflow: visible;
	width: 990px;
	color: #EEE007;
}

#Navigation ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	position: relative;
	white-space: nowrap;
	z-index: 1;
}

#Navigation li {
	display: inline;
	margin: 0px;
	padding :0px;
/*	position: absolute;
*/}

#Navigation a {
	cursor: pointer;
}

#menu_a {
}

#menu_b {
	left: 144px;
}

#menu_c {
	left: 286px;
}

#menu_d {
	left: 427px;
}

#menu_e {
	left: 569px;
}

#menu_f {
	left: 720px;
}

/* Drop down menus */

#Navigation div.dropdown {
	position: absolute;
	top: 126px;
	border: 1px solid #000000;
	background: #000000;
	left: 148px;/*if you need to move nav drop down over from the left*/
	/*background-image: url(../images/header/drop_down/bottom.gif); */
	background-position: bottom;
	background-repeat: no-repeat;
	width: 137px;
	padding-bottom: 14px;
	visibility: hidden; /* Hide by default. Will appear during roll over of button. */
	/*This is The Background Opacity Settings for all Boswers*/
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

#Navigation div.dropdown div {
	/*background-image: url(../images/header/drop_down/top.gif); */
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 5px;
}

#Navigation div.dropdown ul  {
	/*background-image: url(../images/header/drop_down/bg.gif);*/
	list-style: none;
	padding: 9px 13px 0px 17px;
	margin: 0px;
	white-space: normal; /* Overpower nowrap declaration cascading from parent ul */
}

#Navigation div.dropdown li {
	color: #EEE007;
	display: list-item;
	background-image: url(../images/header/drop_down/dots.gif);
	background-position: top left;
	background-repeat: repeat-x;
	padding: 4px 0px 4px 0px;
	width: 103px;
	position: relative; /* Overwrite cascade from parent li's */
}

#Navigation div.dropdown a {
	color: #EEE007;
}

#Navigation div.dropdown a:hover {
	color: #ffffff;
}
/*==========================================*/
/*            HIGHLIGHT SETTINGS            */ 
/*==========================================*/
#Highlight_Area {
}

	#Highlight_Image {
	}
	
	#Highlight_Text {
	}
/*==========================================*/
/*             GALLERY SETTINGS             */ 
/*==========================================*/
#Gallery_Area {
	margin-bottom: 10px;
	padding: 10px 15px;
	min-height: 320px;
	height: auto !important;
	height: 320px;
	background: url(../images/Gallery/background.jpg) no-repeat top left;
}

	#About_Text {
		float: left;
		width: 525px;
	}
		
		#About_Text
		.Where,
		.When {
			color: #000000;
			font-family: "Arial";
			font-size: 26px;
			text-transform: uppercase;
			display: block;
		}
		
		#About_Text .About {
			margin-top: 20px;
			color: #000000;
			font-family: "Arial";
			display: block;
		}
	
	#Gallery_Images {
		float: right;
		margin-right: -10px;
		width: 420px;
	}	
		
		#Gallery_Images .Thumbnail {
			float: left;
			margin: 0px 20px 9px 0px;
			width: 183px;
			
			min-height: 122px;
			height: auto !important;
			height: 122px;
		}
		
		#Gallery_Images .Thumbnail img {
			width: 183px;
			
			min-height: 122px;
			height: auto !important;
			height: 122px;
		}
/*==========================================*/
/*           VIDEO PLAYER SETTINGS          */ 
/*==========================================*/
#VideoPlayer_Area {
	margin-bottom: 10px;
	padding: 10px;
	min-height: 380px;
	height: auto !important;
	height: 380px;
	background-color: #ffffff;
}
	
	#VideoContainer {
		float: left;
	}
	
		#VideoContainer #Video {
			width: 640px;
		}
	
	#VideoPlay_List_Area {
		float: right;
		padding: 10px;
		width: 300px;
		min-height: 365px;
		height: auto !important;
		height: 365px;
		
		background-color: #eeda1f;
	}
		
		#VideoPlay_List {
			vertical-align:  top;
			background: #000000 url(../images/VideoPlayer/background.jpg) no-repeat top left;	
		}
		#VideoPlay_List .AboutPlaylist {
			min-height: 165px;
			height: auto !important;
			height: 165px;
		}
			#VideoPlay_List .Header {
				padding-top: 10px;
				padding-left: 10px;
				
				font-family: "Arial";
				font-size: 26px;
				text-transform: uppercase;
			}
			
			#VideoPlay_List .Header a {
				color: #ffffff;
			}
			
			#VideoPlay_List .HostsPicks {
				padding: 5px  80px 20px 10px;
				
				color: #eee007;
				font-family: "Arial";
				font-size: 15px;			
			}
			
			#VideoPlay_List .HostsPicks a {
				color: #eee007;
			}
			
			#VideoPlay_List .PlayList {
				padding-top: 0px;
				padding-bottom: 0px;

				font-family: "Arial";
			}
		
				#VideoPlay_List .PlayList ul {
					list-style: none;
				}
				
				#VideoPlay_List .PlayList li {
					line-height: 1.52em;
				}
				#VideoPlay_List a {
					color: #ffffff;
				}
				
				.Purple {
					background-color: #812990;
				}
				.Pink {
					background-color: #ef59a1;
				}
/*==========================================*/
/*                INFO SETTINGS             */ 
/*==========================================*/
#Info_Area {
}
#GettingThere_Info,
#MoreAbout_Info,
#Essential_Info,
#OtherStuff_Info {

}
.Heading {
	float: left;
	width: 400px;
	
	color: #000000;
	font-family: "Arial";
	font-size: 26px;
	text-transform: uppercase;
}

.Click a {
	float: right;
	margin-top: 5px;
	padding-right: 20px;
	width: 120px;
	
	/*background: url(../images/Info/ClickIcon.png) no-repeat center right;*/
	
	color: #000000;
	font-family: "Arial";
	font-size: 16px;
	text-decoration: none;
}

.PlusIcon {
	height: 19px;
}

.PlusIcon_WhiteBG {
	background: url(../images/Info/PlusIcon.jpg) no-repeat center right;
}

.MinusIcon {
	height: 19px;
}
.MinusIcon_WhiteBG {
	background: url(../images/Info/MinusIcon.jpg) no-repeat center right;
}
		
#GettingThere, 
#MoreAbout,
#EssentialInfo,
#OtherStuff,
#MoreFestivals {
	padding: 10px 15px 0px 15px;
	background-color: #ffffff;
	color: #000000;
}
#GettingThere {
	background: #ffffff url(../images/staBackground.jpg) no-repeat top right;
	
	height: 1%;
}
#GettingThere .Last, 
#MoreAbout .Last,
#EssentialInfo .Last,
#OtherStuff .Last,
#MoreFestivals .Last {
	padding-bottom: 10px;
	border-bottom: 0px solid #000000;;
}

.Title {
	padding-top: 5px;
	padding-bottom: 10px;
	width: 655px;
	color: #000000;
	font-family: "Arial";
	font-size: 16px;
}

.ByLine {
	width: 655px;
	color: #000000;
	font-family: "Arial";
	font-size: 12px;
}
/*==========================================*/
/*       GETTING THERE SETTINGS             */ 
/*==========================================*/
#GettingThere .Tickets,
.Travel,
.ApproxTravel,
.Booking {
	float: left;
	padding-bottom: 10px;
	border-bottom: 1px solid #000000;
	
	height: 1%;
	
	width: 772px;
}

#GettingThere_Info .GettingThere {
	padding: 10px;
	
	background-color: #fff111;
}

#GettingThere a.ColouredExplander {
	float: right;
	margin-top: 3px;			
	margin-right: 0px;
	width: 170px;
	padding: 2px 5px;
	background-color: #fff111;
	
	font-size: 16px;
	
}	
#GettingThere_Info .PlusIcon {
	background: url(../images/Info/PlusIconYellow.jpg) no-repeat center right;
}

#GettingThere_Info .MinusIcon {
	background: url(../images/Info/MinusIconYellow.jpg) no-repeat center right;
}
/*==========================================*/
/*          MORE ABOUT SETTINGS             */ 
/*==========================================*/
#MoreAbout .LocalAreaGuide,
.Accommodation,
.Attractions,
.EatingOut,
.LocalTransport,
.HandyMapLinks {
	padding-bottom: 10px;
	border-bottom: 1px solid #000000;
	height: 1%;
}

#MoreAbout_Info .MoreAbout {
	padding: 10px;
	
	background-color: #ff0000;
}

#MoreAbout a.ColouredExplander {
	float: right;
	margin-top: 3px;			
	margin-right: 200px;
	width: 170px;
	padding: 2px 5px;
	background-color: #ff0000;
	
	font-size: 16px;
}	
#MoreAbout_Info .PlusIcon {
	background: url(../images/Info/PlusIconRed.jpg) no-repeat center right;
}

#MoreAbout_Info .MinusIcon {
	background: url(../images/Info/MinusIconRed.jpg) no-repeat center right;
}
/*==========================================*/
/*        ESSENTIAL INFO SETTINGS           */ 
/*==========================================*/
#Essential_Info .EssentialInfo {
	padding: 10px;
	
	background-color: #ff009c;
}

#EssentialInfo .Language,
.Currency,
.Weather{
	padding-bottom: 10px;
	border-bottom: 1px solid #000000;
	height: 1%;
}

#EssentialInfo a.ColouredExplander {
	float: right;
	margin-top: 3px;			
	margin-right: 200px;
	width: 170px;
	padding: 2px 5px;
	background-color: #ff009c;
	
	font-size: 16px;
}	
#Essential_Info .PlusIcon {
	background: url(../images/Info/PlusIconPink.jpg) no-repeat center right;
}

#Essential_Info .MinusIcon {
	background: url(../images/Info/MinusIconPink.jpg) no-repeat center right;
}

/*==========================================*/
/*          OTHER STUFF SETTINGS            */ 
/*==========================================*/
#OtherStuff_Info .OtherStuff {
	padding: 10px;
	
	background-color: #00eaff;
}

#OtherStuff .JanesPicks {
	padding-bottom: 10px;
	border-bottom: 0px solid #000000;
	height: 1%;
}

#OtherStuff a.ColouredExplander {
	float: right;
	margin-top: 3px;			
	margin-right: 200px;
	width: 170px;
	padding: 2px 5px;
	background-color: #00eaff;
	
	font-size: 16px;
}	
#OtherStuff_Info .PlusIcon {
	background: url(../images/Info/PlusIconAqua.jpg) no-repeat center right;
}

#OtherStuff_Info .MinusIcon {
	background: url(../images/Info/MinusIconAqua.jpg) no-repeat center right;
}
/*==========================================*/
/*         MORE FESTIVALS SETTINGS          */ 
/*==========================================*/	
#MoreFestivals_Info .MoreFestivals {
	padding: 10px;
	
	background-color: #00ffc0;
}
			
#MoreFestivals .RockNess,
.Glastonbury,
.HardRock,
.WildInTheCountry {
	padding-bottom: 10px;
	border-bottom: 1px solid #000000;
	height: 1%;
}

#MoreFestivals a.ColouredExplander {
	float: right;
	margin-top: 3px;			
	margin-right: 200px;
	width: 170px;
	padding: 2px 5px;
	background-color: #00ffc0;
	
	font-size: 16px;
}

#MoreFestivals_Info .PlusIcon {
	background: url(../images/Info/PlusIconGreen.jpg) no-repeat center right;
}

#MoreFestivals_Info .MinusIcon {
	background: url(../images/Info/MinusIconGreen.jpg) no-repeat center right;
}
/*==========================================*/
/*         FOOTER FESTIVALS SETTINGS        */ 
/*==========================================*/	
#Footer {
	min-height: 60px;
	height: auto !important;
	height: 60px;
}