/* 
	MVC Stylesheet
	Copyright 2010 The King's Foundation Ltd, UK
*/

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, blockquote 
{ 
	margin:0; 
	padding:0; 
	border:0;	
}

body, html, form, #sitewrapper
{
	height:100%;
}

ul li { list-style-type:none; }

body 
{
	background: #000000 url(/gfx/mvc/mvc_page_bg.jpg) no-repeat top center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	font-size: 10px;
	background-color: #000000;
}

/* link styles */
a:link, a:visited, a:active, a:hover
{
	text-decoration:underline;
	outline:none;
}

p_OLD 
{
	font-size:1.2em;
	line-height:18px;
	margin:0 0 10px 0; 
	color:#4a4a4a;
}

input.text, select
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:1.1em;
    color:#5c5c5c;
}

/* generic styles */
.invisible, hr { display:none;	}
.clear { clear:both; line-height:0px; font-size:0px; height:0px; }
.bold { font-weight:bolder;	}
.gfxheader { text-indent:-5000px; }
.invisible { display:none; }
.nomargin { margin:0; }
.left { float:left; }

#sitewrapper 
{
	width: 900px;
	margin: 0 auto 0 auto;
	/*padding: 0 0 0 35px;*/
}

/* Page Header */

#pageheader {
	padding-left: 60px;
	height: 90px;
	margin-top: 20px;
}


#pageheader H1  {
	float: left;
	left: -30px;
	position: relative;
	width: 177px;
}

#pageheader H1 A
{
	display: block;
	background: url(/gfx/mvc/bg_logo.png) no-repeat top left;
	width: 177px;
	height: 204px;
	text-indent: -5000px;
}

#pageheader #cta {
	background: url(/gfx/mvc/book_online_link.png) no-repeat top left;
	height: 85px;
	width: 257px;
	display: block;
	text-indent: -5000px;
	position: relative;
	margin-top: -40px;
	left: -50px;
	float: left;
	clear: left;
}

UL#navigation {
	float: left;
	margin-top: 18px;
	position: relative;
	left: -20px;
	width: 660px;
}


#navigation li 
{
	float: left;
	margin-right: 6px;
}
#navigation li a
{
	display: block;
	text-indent: -5000px;
	height: 36px;
}

#navigation li.programme a 
{
	background: url(/gfx/mvc/nav2_programme.png) no-repeat top left;
	width: 129px;
	margin-left: 3px;
}

#navigation li.venues a 
{
	background:url(/gfx/mvc/nav2_venues.png) no-repeat top left;
	width: 147px;
}

#navigation li.parent a 
{
	background:url(/gfx/mvc/nav2_parent.png) no-repeat top left;
	width: 131px;
}

#navigation li.ethos a 
{
	background: url(/gfx/mvc/nav2_ethos.png) no-repeat top left;
	width: 113px;
}

#navigation li.faq a 
{
	background: url(/gfx/mvc/nav2_faq.png) no-repeat top left;
	width: 73px;
}

/* Page Body */

#pagebody {
	
}

#pagebodypanel {
	margin: 0 62px 50px 62px;
	background: url(/gfx/mvc/pagebody_bg.gif) no-repeat -20px -96px #6D9429;
	border: 5px solid white;
}


#sidephotos {
	float: right;
	height: 20px;
	margin-top: -140px;
	margin-right: -50px;
}

#sidephotos IMG {
	border: 2px solid white;
	display: block;
	float: right;
	position: relative;
	clear: both;
}

IMG#sidephoto1 {
	right: 0px;
}

IMG#sidephoto2 {
	right: 20px;
	top: -30px;
}

IMG#sidephoto2prog {
	right: 20px;
	top: -50px;
}

IMG#sidephoto3 {
	right: 0px;
	top: -60px;
}

IMG#sidephoto3prog {
	right: 0px;
	top: -80px;
}


IMG#sidephoto4 {
	right: 20px;
	top: -100px;
}

IMG#sidephoto5 {
	right: 0px;
	top: -140px;
}


/* Front/Home Page */

#pagebodypanelfp {
	background: url("/gfx/mvc/fp_page_bg.png") no-repeat top left transparent;
	width: 854px;
	height: 660px;
}

#pagebodypanelfp #leftcol {
	float: left;
	clear: both;
	width: 200px;
	margin-left: 88px;
	
}
#pagebodypanelfp #rightcol {
	float: left;
	width: 514px;
	margin-top: -40px;
	
}

#pagebodypanelfp #pagetitle  {
	height: 160px;
}


#pagebodypanelfp #pagetitle H2 {
	background: url("/gfx/mvc/fp_page_title.png") no-repeat top left transparent;
	height: 110px;
	left: 229px;
	top: -32px;
	width: 546px;
}

#pagebodypanelfp IMG#mv {
	height: 174px; 
	width: 174px; 
	margin-left: -5px;
	border: 3px solid white;
}

#pagebodypanelfp #videolinkicon {
	display: block;
	background: url(/gfx/mvc/fp_video_icon.jpg) no-repeat top left;
	width: 170px;
	height: 92px;
	margin-top: 25px;
	text-indent: -5000px;
}

#pagebodypanelfp #videolink {
	color: white;
	text-decoration: none;
	font-size: 1.2em;
	margin-top: 6px;
}


#hometext {
	color: white;
	float: left;
	font-size: 13px;
	line-height: 18px;
	width: 500px;
}

#hometext P{
	margin-bottom: 6px;
}

#hometext BLOCKQUOTE {
	width: 330px;
	font-family: Georgia, serif;
	font-style: italic;
	font-size:1.1em;
}

#hometext BLOCKQUOTE .quotename {
	font-style: normal;
}


#hometext P.mvsignature {
	background: url(/gfx/mvc/mv_signature.png) no-repeat top left transparent;
	height: 36px;
	width: 140px;
	text-indent: -5000px;
	margin-top: 8px;
}

#homelinks {
	clear: both;
	float: left;
	margin-top: 20px;
}

#homelinks A {
	display: block;
	float: left;
	text-indent: -5000px;
	margin-bottom: 10px;
	margin-right: 20px;
}

#programmelink {
	background:url(/gfx/mvc/fp_link_programme.png) no-repeat top left;
	width: 217px;
	height: 34px;
}

#venueslink {
	background:url(/gfx/mvc/fp_link_venues.png) no-repeat top left;
	width: 215px;
	height: 34px;
}

#ethoslink {
	background:url(/gfx/mvc/fp_link_ethos.png) no-repeat top left;
	width: 162px;
	height: 34px;
}

#parentlink {
	background:url(/gfx/mvc/fp_link_parent_guide.png) no-repeat top left;
	width: 191px;
	height: 34px;
}

DIV#supporters {
	color: white;
	float: right;
	clear: both;
	font-size: 12px;
	margin-top: 10px;
}

DIV#supporters A#asicslink {
	display: block;
	float: right;
	background: url(/gfx/mvc/fp_logo_asics.png) no-repeat top left;
	height: 30px;
	width: 90px;
	text-indent: -5000px;
	margin-left: 10px;
	position: relative;
	top: -11px;
}


/* General Pages */

#bookonlineleft 
{
	background:url(/gfx/mvc/book_online_link.png) no-repeat top left;
	height:85px;
	width:257px;
	display:block;
	position:relative;
	text-indent:-5000px;
	left: 0px;
	top: -5px;
	
}

#bookonlineright {
	background: url("/gfx/mvc/book_online_link.png") no-repeat scroll left top transparent;
	display: block;
	float: right;
	height: 85px;
	left: 0px;
	margin-right: 80px;
	position: relative;
	text-indent: -5000px;
	top: -123px;
	width: 257px;
}

#genericoffset 
{
	padding:100px 0 40px 30px;
}

#genericstripe 
{
	background:url(/gfx/mvc/bg_generic_stripe.png) repeat-y top left;
	padding:0 0 16px 0;
}

#genericstripe, #genericstripe 
{
	padding:0;
}

#genericwrapper 
{
	background:url(/gfx/mvc/bg_generic.png) no-repeat top left;
	width:100%;
	z-index:0;
}

#genericbottom 
{
	background:url(/gfx/mvc/bg_generic_bottom.png) no-repeat top left;
	height:15px;
}

#pagetitle  {
	height: 142px;
}

#pagetitle H2 {
	display: block;
	height: 65px;
	width: 450px;
	text-indent: -5000px;
	position: relative;
	left: 158px;
	top: -35px;
}

#pagetitle H3
{
	display: block;
	position: relative;
	text-indent: -5000px;
	top: -35px;
	width: 324px;
	height: 48px;
	left: 221px;
}


#pagetitle H2.programme 
{
	background: url(/gfx/mvc/title_programme.png) no-repeat top left;
}

#pagetitle H3.programme  {
	background: url(/gfx/mvc/subtitle_programme.png) no-repeat top left;
}

#pagetitle H2.about 
{
	background:url(/gfx/mvc/title_ethos.png) no-repeat top left;
}

#pagetitle H3.about
{
	background: url(/gfx/mvc/subtitle_ethos.png) no-repeat top left;
}

#pagetitle H2.venues
{
	background: url(/gfx/mvc/title_venues.png) no-repeat top left;
}

#pagetitle H3.venues
{
	background: url(/gfx/mvc/subtitle_venue.png) no-repeat top left;
}

#pagetitle H2.faq
{
	background: url(/gfx/mvc/title_faq.png) no-repeat top left;
}

#pagetitle H3.faq
{
	background: url(/gfx/mvc/subtitle_faq.png) no-repeat top left;
}

#pagetitle H2.parent
{
	background: url(/gfx/mvc/title_parent.png) no-repeat top left;
}

#pagetitle H3.parent 
{
	background: url(/gfx/mvc/subtitle_parent.png) no-repeat top left;
}

#bookonline
{
	left:0;
	top:-5px;
}

#rightimages 
{
	float:right;
	width:275px;
	height:910px;
	position:relative;
	top:-122px;
	left:-45px;
	background:url(/gfx/mvc/right_images.png) no-repeat top left;
}

#beginnerlink 
{
	background:url(/gfx/mvc/link_beginner.png) no-repeat top left;
	height:123px;
	width:247px;
	display:block;
	text-indent:-5000px;
	position:relative;
	top:170px;
	left:-4px;
}

#beginnerlink-other
{
	top:20px;
	left:640px;
}

#intermediatelink
{
	background:url(/gfx/mvc/link_intermediate.png) no-repeat top left;
	height:107px;
	width:252px;
	display:block;
	text-indent:-5000px;
	position:relative;
	top:304px;
	left:12px;
}

#content 
{
	margin: 0 200px 30px 20px;
	clear: left;
}

#content h4 
{
	color: #CCFFCC;
	font-size: 1.7em;
	font-weight: bold;
	margin: 20px 0 4px 0;
}

#content h5 
{
	color: #DFD;
	font-weight:bold;
	font-size:1.4em;
	margin:6px 0 2px 0;
}

#content p 
{
	font-size:1.2em;
	color:white;
	padding:0;
	margin:0;
	line-height: 1.5em;
}

#content ul 
{
	margin:0 0 0 16px;
}

#content li 
{
	list-style-type:disc;
	color:White;
	font-size:1.2em;
	line-height:18px;
}

#content table 
{
	margin:16px 0 0 0;
	padding:0;
	border:0;
}

#content td, #content th
{
	color:White;
	font-size:1.2em;
	padding:6px 12px 6px 6px;
	border:0;
	text-align:left;
}

#content #faqlist
{
	margin:0;
}

#faqlist li 
{
	list-style-type:none;
	font-size:1em;
}

#faqlist h4 
{
	background:url(/gfx/mvc/faq_question.png) no-repeat top left;
	display:block;
	padding:10px 0 6px 52px;
}

#faqlist .answer 
{
	background:url(/gfx/mvc/faq_answer.png) no-repeat top left;
	display:block;
	font-size:1.2em;
	padding:6px 0 6px 52px;
}

#faqlist .answer p 
{
	font-size:1em;
}




#genericwrapper-beginner, #genericwrapper-beginner
{
	background:url(/gfx/mvc/bg_beginner.png) no-repeat top left;
}

#tablewrapper, #tablewrapper 
{
	/* background:url(/gfx/mvc/bg_beginner_table.png) no-repeat top left; */
}

#bookonline, #bookonline
{
	top:-112px;
	left:638px;
}

#advancedlink, #advancedlink
{
	background:url(/gfx/mvc/link_advanced.png) no-repeat top left;
	display:block;
	height:120px;
	width:202px;
	text-indent:-5000px;
	position:relative;
	left:653px;
	top:-4px;
}

#moreinfo 
{
	background:url(/gfx/mvc/more_information.png) no-repeat top left;
	height: 70px;
	width: 250px;
	text-indent: -5000px;
	margin: 0 0 -18px -25px;
	position: relative;
	
}

#moreinformation  
{
	margin-top:-171px;
}

#programmetext
{
	padding: 20px 206px 0px 40px;
	color: white;
	font-size: 1.3em;
	line-height: 18px;
}

#programmetable 
{
	border: 2px solid white;
	border-top: 0;
	empty-cells: show;
	margin: 0 auto 20px;
	width: 761px;
}

#programmetable thead td 
{
	border: 0;
	width: 20%;
	height: 85px;
}

#programmetableheader {
	background:url(/gfx/mvc/progtable_days.gif) no-repeat top left;
	height: 85px;
	margin: 0 auto;
	width: 761px;
	position: relative;
	
}

#programmetableheader .calypsocricket
{
	float: left;
	background: url(/gfx/mvc/programme_calypso.png) no-repeat top left;
	height: 29px;
	width: 147px;
	text-indent: -5000px;
	margin: 49px 0 0 6px;
	cursor: pointer;
}

#programmetableheader .festival 
{
	float: right;
	background: url(/gfx/mvc/programme_festival.png) no-repeat top left;
	height: 27px;
	width: 116px;
	text-indent: -5000px;
	margin: 52px 21px 0 17px;
	cursor: pointer;
}

#programmetable td
{
	border-bottom:0;
	border-right:2px solid white;
	border-left:0;
	border-top:2px solid white;
	width:20%;
	color:White;
	font-size:1.4em;
	text-align:center;
	height:48px;
	
}

#programmetable td.last 
{
	border-right:0;
}

#programmetable .inthefield 
{
	background: url(/gfx/mvc/programme_inthefield.png) no-repeat top left;
	cursor: pointer;
	padding: 14px 116px 20px 0;
	vertical-align: top;
}

#programmetable .atthecrease 
{
	background:url(/gfx/mvc/programme_atthecrease.png) no-repeat top left;
	cursor:pointer;
	padding:10px 136px 20px 0;
	vertical-align:top;
}

#programmetable .superskills 
{
	background:url(/gfx/mvc/programme_superskills.png) no-repeat top left;
	cursor:pointer;
	padding:12px 148px 20px 0;
	vertical-align:top;
}

#programmetable .openers 
{
	background:url(/gfx/mvc/programme_openers.png) no-repeat top left;
	cursor:pointer;
	padding:8px 80px 20px 0;
	vertical-align:top;
}

#programmetable .master 
{
	background:url(/gfx/mvc/programme_master.png) no-repeat top left;
	cursor:pointer;
	padding:8px 245px 20px 0;
	vertical-align:top;
}

#programmetable .challenge 
{
	background:url(/gfx/mvc/programme_challenge.png) no-repeat top left;
	cursor:pointer;
	padding:8px 101px 20px 0;
	vertical-align:top;
}


.rollover 
{
	width: 339px;
	position: absolute;
	display: none;
}

.rollover .top 
{
	background:url(/gfx/mvc/rollover_top.png) no-repeat top left;
	height:6px;
	line-height:0;
	font-size:0;
}

.rollover .stripe 
{
	background:url(/gfx/mvc/rollover_stripe.gif) repeat-y top left;
	padding:10px 14px 10px 14px;
}

.rollover .stripe p 
{
	margin:0;
	color:White;
}

.rollover .bot 
{
	background:url(/gfx/mvc/rollover_bot.png) no-repeat top left;
	height:46px;
	line-height:0;
	font-size:0;
}

#calypso_roll {
	margin-left: -10px;
	top: 410px;
}

#festival_roll {
	margin-left: 544px;
	top: 410px;
}

#field_roll {
	margin-left: 112px;
	top: 516px;
}

#crease_roll {
	margin-left: 185px;
	top: 750px;
}

#super_roll {
	margin-left: 200px;
	top: 840px;
}

#calypso_roll h6 
{
	background:url(/gfx/mvc/rollover_international.png) no-repeat top left;
	display:block;
	width:262px;
	height:41px;
	text-indent:-5000px;
	margin:0 0 6px 0;
}


#festival_roll h6 
{
	background:url(/gfx/mvc/rollover_cricket.png) no-repeat top left;
	display:block;
	width:236px;
	height:41px;
	text-indent:-5000px;
	margin:0 0 6px 0;
}


#field_roll h6 
{
	background:url(/gfx/mvc/rollover_field.png) no-repeat top left;
	display:block;
	width:262px;
	height:41px;
	text-indent:-5000px;
	margin:0 0 6px 0;
}

#crease_roll h6 
{
	background:url(/gfx/mvc/rollover_title.png) no-repeat top left;
	display:block;
	width:182px;
	height:41px;
	text-indent:-5000px;
	margin:0 0 6px 0;
}

#super_roll h6 
{
	background:url(/gfx/mvc/rollover_super.png) no-repeat top left;
	display:block;
	width:262px;
	height:41px;
	text-indent:-5000px;
	margin:0 0 6px 0;
}


#openers_roll h6 
{
	background:url(/gfx/mvc/rollover_openers.png) no-repeat top left;
	display:block;
	width:137px;
	height:41px;
	text-indent:-5000px;
	margin:0 0 6px 0;
}


#challenge_roll h6 
{
	background:url(/gfx/mvc/rollover_challenge.png) no-repeat top left;
	display:block;
	width:300px;
	height:41px;
	text-indent:-5000px;
	margin:0 0 6px 0;
}


#master_roll h6 
{
	background:url(/gfx/mvc/rollover_master.png) no-repeat top left;
	display:block;
	width:300px;
	height:41px;
	text-indent:-5000px;
	margin:0 0 6px 0;
}

#venuetable A {
	color: #DFD;
}


#pagefooter {
	color: white;
	border-top: 1px solid #999999;
	clear: both;
	font-size: 11px;
	margin: 2em 0;
	padding-top: 1em;
	text-align: center;
	line-height: 2em;
}

#pagefooter A {
	color: #CEF;
	text-decoration: underline;
}

#pagefooter #kclink {
	display: block;
	float: left;
	background: url(/gfx/mvc/footer_logo_kc.png) no-repeat top left;
	width: 52px;
	height: 46px;
	text-indent: -5000px;
}

#pagefooter #kflink {
	display: block;
	float: right;
	background: url(/gfx/mvc/footer_logo_kf.png) no-repeat top left;
	width: 55px;
	height: 48px;
	text-indent: -5000px;
}

/* ----------- 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;
}