/*
	Kings Camps StyleSheet
	Front Page
	Copyright The Kings Foundation Ltd
*/

/* ----- Header ----- */

#pageheader H1,
#pageheader #pageheadermid,
#pageheader A#mainlogo,
#pageheader A#maincta {
	display: block;
	float: left;
	background-image: url(/gfx/fp_topnav.jpg);
}


/* ----- Splash ----- */

#pagebody #splash {
	display: block;
	width: 968px;
	height: 39px;
	background: url(/gfx/headersplash_jan2010.png);
	margin: 16px auto -8px auto;
}


/* ----- Programme Panels ----- */

UL#progpanels {
	width: 1000px;
	height: 327px;
	margin: 20px auto 0;
}

UL#progpanels LI {
	float: left;
}

UL#progpanels A {
	display: block;
	background: url(/gfx/prog_panels.jpg) no-repeat 0 0;
	width: 200px;
	height: 327px;
}

UL#progpanels A#isspanel {
	background-position: 0 0;
}

UL#progpanels A#mvcpanel {
	background-position: -200px 0;
}

UL#progpanels A#kidspanel {
	background-position: -400px 0;
}

UL#progpanels A#teenpanel {
	background-position: -600px 0;
}

UL#progpanels A#rslapanel {
	background-position: -800px 0;
}


/* ----- Info Panels ----- */

#infopanels {
	height: 240px;
	width: 976px;
	margin: 0 auto;
}

#infopanel1, #infopanel2, #infopanel3 {
	float: left;
	display: block;
	height: 154px;
	width: 255px;
	padding: 42px 34px;
}

#infopanel1 {
	background: url(/gfx/info_panel_1.jpg) no-repeat 0 0;
}

#infopanel1 SELECT {
	width: 250px;
}

#infopanel1 P {
	margin: 6px 0;
}


#infopanel2 {
	background: url(/gfx/info_panel_2.jpg) no-repeat 0 0;
}

#infopanel2 H3 {
	text-align: center;
}

#infopanel2 A#videoicon {
	display: block;
	background: url(/gfx/fp_video_icon.jpg) no-repeat 0 0;
	width: 232px;
	height: 131px;
	margin: 6px auto;
}

#infopanel2 A#videolink {
	display: block;
	text-align: center;
}


#infopanel3 {
	background: url(/gfx/info_panel_3.jpg) no-repeat 0 0;
}

#infopanel3 div.flexicare {
	margin-bottom: 12px;
}

#infopanel3 div.flexicare h4 {
	background: url("/gfx/flexicare_50px.png") no-repeat scroll 0 0 transparent;
	float: right;
	height: 50px;
	text-indent: -5000px;
	width: 117px;
	margin-bottom: -6px;
}
	
#infopanel3 div.wristband h4 {
	background: url("/gfx/sf_wristband_small.png") no-repeat scroll 0 0 transparent;
	float: right;
	height: 50px;
	text-indent: -5000px;
	width: 93px;
	margin-bottom: -6px;
}

#textpanel {
	clear:both;
}

#textpanel H6 {
	padding:10px 20px;
}

#textpanel DIV.threecol {
	color:#004161;
	float:left;
	padding-bottom:20px;
}
	
#textpanel DIV.col {
	float:left;
	padding:0 2%;
	width:29%;
}


/* ----------- Video --------------- */

DIV#PageScreen {
	display: none;
	position: absolute; 
	z-index: 19999;
	top: 0pt; 
	left: 0pt; 
	width: 1280px; 
	height: 1280px; 
	background: #999; 
	opacity: 0.90;
}

DIV#OverlayPanel {
	display: none;
	position: absolute; 
	z-index: 20000;
	overflow: visible; 
	left: 50px; 
	top: 50px; 
	width: 680px; 
	height: 420px;
	background: #FFF;
}

DIV#OverlayPanel IMG.overlayPanelShadowImage {
	position: absolute;
	overflow: visible;
	top: -2.7%;
	left: -2.1%;
	width: 104.1%;
	height: 105.4%; 
	z-index: 0;		
}

DIV#OverlayContent {
	position: relative;
	z-index: 20000;		
	overflow: hidden;
	padding: 20px 0 0 20px;
}

DIV#OverlayContent A {
	text-decoration: none;
}

DIV#winter2011banner {
	margin: 0 auto 15px auto; 
	width: 940px;
}