/*
   Copyright M. Vesey April 2006
*/
/*
  This markup should be safe with all browsers
*/
  body{font-family:arial,helvetica,sans-serif;background-color:white;color:black}
  .syec{color:#008000;font-weight:bold}

  h1{color:#008000;text-align:left}
  h2{color:#008000;font-size:110%}
  h3{color:#008000;font-size:100%}
  hr{background-color:#008000;height:2px;text-align:center}

  a{color:#995C15;font-weight:bold}
  a:link{text-decoration:none}
  a:visited{text-decoration:none}
  a:active{text-decoration:none}

  .spacer{clear:both;height:5px}
  .noJavascript{font-size:80%;font-style:italic}
  .currentPage{color:#FCBF78}
  .noborder{border:0px solid white;text-align:right;font-weight:bold;width:95%}

  #centreText .centreImage{border:none 0px white;padding-bottom:10px}
  #ECNavText{display:none}
  #beforeText p{clear:both}
  #duringText p{clear:both}
  .imageCaption{padding-bottom:20px}
  .rightImage{float:right;padding:0px 0px 10px 10px;vertical-align:middle}
  .leftImage{float:left;padding:0px 10px 10px 0px;vertical-align:middle}

  #factsheetsText li{width:100%;text-indent:10px}
  #factsheetsText li a{display:block;padding-top:10px;padding-bottom:10px;white-space:nowrap}

  .linksPageLink{display:block;width:100%;padding-top:10px;padding-bottom:10px;white-space:nowrap}

  #contactText .contactItem{text-align:left;width:100%;margin-top:10px}
  #contactText .contactTitle{color:#008000;background-color:transparent;font-weight:bold;width:35%}
  #contactText .contactDetails{width:55%}
  #contactText .formButtons input{background-color:#008000;color:white;font-weight:bold}

  #thankyouText .contactItem{text-align:left;width:100%;margin-top:10px}
  #thankyouText .contactTitle{color:#008000;background-color:transparent;font-weight:bold;width:35%}
  #thankyouText .contactDetails{width:55%}
  #thankyouText .formButtons input{background-color:#008000;color:white;font-weight:bold}

  #salesText .salesPrices{width:45%}
  #salesText .otherPrices{width:100%}
  #salesText .calcTable{width:50%}
  #salesText table{}
  #salesText table thead{font-weight:bold;text-align:center}
  #salesText table tbody{font-size:90%}
  #salesText table td{border:solid 1px #008000}
  #salesText table .salesAmount{text-align:center}
  #salesText table .salesPrice{text-align:right}
  #salesText .tableNotes{font-size:75%}
  #salesText .salesLabel{width:45%}
  #salesText .announce{font-weight:bold}
  .calc{margin-left:5px}

  #googleMap {width:500px}
  #googleMap .mapMarkerHeader{font-weight:bold;display:block}
  #googleMap .mapMarker{font-size:80%}

  #accessibilityText table{width:100%}
  #accessibilityText table thead{font-weight:bold;text-align:center}
  #accessibilityText table tbody{font-size:80%}
  #accessibilityText table td{border:solid 1px #008000}
  #accessibilityText table em{color:#008000;font-weight:bold;font-size:120%}
  #accessibilityText table .key{text-align:center}

  .mainFooter{text-align:center;font-size:80%;background-color:#008000;color:white}
  .mainFooter a{color:white}

  .accLink{font-size:50%;color:white;width:5%}
  .accLink:link{}
  .accLink:visited{}
  .accLink:hover{color:#008000}
  .accLink:active{color:#008000}
  .accLink:focus{color:#008000}

  .menuDivider{color:#008000;font-weight:bold}

  .bigDate{color:#008000;font-weight:bold}

  .stopPressDate{width:25%;text-align:right}

  .companyInfo{font-size:50%}

  .ownersQuote{font-style:italic}
  .nickQuote{font-style:italic}
  
  #hideQuestionnaire{display:none}
  #questionnaire{display:block;border:1px solid #008000;padding:10px;margin-top:10px;margin-bottom:10px;font-size:80%}
  #questionnaire #questionnaireHeader{font-size:90%;font-style:italic;font-weight:bold;text-align:center}
  #questionnaire .questionText{font-weight:bold}
  #questionnaire .questionType1{padding-bottom:10px}
  #questionnaire .questionType2{padding-bottom:10px}
  #questionnaire .questionType3{padding-bottom:10px}
  #questionnaire .questionType4{padding-bottom:10px}
  #questionnaire .questionType2 .questionText{display:block}
  #questionnaire .questionType2 .answerText{display:block}
  #questionnaire .questionType3 .questionText{display:block}

  .courseTitle{font-weight:bold}
  .transportType{font-weight:bold}
  .MenuName{display:none}

/* end of general markup */

@media all {

  .indexFooter{background-color:transparent;clear:both;position:relative;top:20px;padding-left:20px;padding-right:20px;height:150px}
  .indexFooter a{display:block;height:100%;width:100%}

  .indexFooter #YFLink{background:url(../images/YF_Black_100_150.gif) left center no-repeat;height:150px;width:100px;float:left}
  .indexFooter #YAWOLink{background:url(../images/YAWO_Stacked_Col_150_60.gif) left center no-repeat;height:60px;width:150px;position:relative;top:25%;float:left}
  .indexFooter #SCCLink{background:url(../images/scc_logo.gif) left center no-repeat;height:84px;width:150px;position:relative;top:20%;float:left;margin-left:20px}
  .indexFooter #facebookLink{background:url(../images/facebook.gif) left center no-repeat;height:44px;width:144px;position:relative;top:0%;float:right}

  #contactText .contactTitle{float:left}
  #contactText .contactDetails{float:right}

  #thankyouText .contactTitle{float:left}
  #thankyouText .contactDetails{float:right}

  #salesText .salesPrices{float:left}
  #salesText .calcTable{float:left;padding-left:10px}

  #factsheetsText ul{list-style:none outside url(../images/pdf.gif)}
  #thanksText ul{list-style:none outside url(../images/green_li.gif)}
  #supportText ul{list-style:none outside url(../images/green_li.gif)}

  #stopPress{height:80px;width:45%;font-size:80%;border:1px solid #008000;float:left;margin-right:30px}
  #stopPressHeader{background-color:#008000;color:white;text-align:center;font-weight:bold;border:1px solid white;padding:2px}
  #stopPressText{padding:5px}
 
  #supportUs{float:left;text-indent:5px}
  #supportUsindex{float:left;text-indent:5px}

  #indexText #supportUsindex{height:80px;width:45%;font-size:80%;border:1px solid #008000;text-align:center;text-indent:0px}
  #indexText #supportUsHeader{background-color:#008000;color:white;text-align:center;font-weight:bold;border:1px solid white;padding:2px}
  #indexText #supportUsText{padding:5px;color:#008000;font-weight:bold}
  #indexText #supportUsLink{display:block;background-color:#008000;color:white;margin-top:5px;padding:2px;border:3px outset #0FFF0F}

  .mainPage{padding-bottom:20px}
  .mainFooter{position:relative;top:20px;clear:both;float:left;width:100%}

  .menuDivider{display:none}

  #accMenu{position:absolute;top:0%;left:0%}
  #accMain{position:absolute;top:0%;left:95%;text-align:right}

/* lightwindow colours*/

	#lightwindow_title_bar {
		background-color: #FFFFFF;
	}
	#lightwindow_title_bar_title {
		color: #008000;
		font-weight:bold;
		padding-left:10px;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		color: #995C15;
		padding-right:10px
	}
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #FCBF78;
	}
	.lightwindow_galleries_list h1 {	
		color: #008000;
	}
	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		color: #ffffff;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #ffffff;
		color: #995C15;
	}

} /* end of all media markup */

@media screen , projection {

  body{background-image:url(../images/green_diag.gif)}
  a:hover{text-decoration:underline}

  h1{margin-top:20px;padding-right:70px}

  .headerText{margin-left:5%;padding-left:20px}
  .headerText{border:1px solid white;width:80%;min-height:70px;background:white url(../images/newlogo_109_70.gif) right center no-repeat}
  .mainText{margin-left:5%;margin-right:10%}
  #pageTitle{}
  .mainFooter{}

  .bodyText{border:1px solid white;margin-top:10px;width:70%;float:right;background-color:white;position:relative;z-index:1;padding-top:10px;padding-left:10px;padding-right:10px;padding-bottom:20px}

  .rainbow{background:white url(../images/rainbow2.gif) right bottom no-repeat}
  .butterfly{background:white url(../images/butterfly_blue.gif) right bottom no-repeat}
  .sunshine_face{background:white url(../images/sun.gif) right bottom no-repeat}

  #factsheetsText li a:hover{background:url(../images/narcissus.gif) 95% 5% no-repeat}

  .linksPageLink:hover{background:url(../images/red_flower.gif) 95% 5% no-repeat}

  #navText{z-index:2;float:left;width:15%;padding:10px;font-size:80%;position:relative}
  #navText a{display:block;width:99%;padding-right:20px;padding-top:10px;padding-bottom:10px}
  #navText a:hover{background:url(../images/ladybird_trans.gif) right top no-repeat}
  #navTextBottom{height:30px;width:130px;margin-right:-10px;background:transparent url(../images/grass_border_4.gif) center bottom no-repeat}

  #ECNavText{display:block}
  #ECNavText a{display:block;float:left;width:24%;padding-top:10px;padding-bottom:10px;text-align:center;border:none 0px white}
  #beforeText .rightImageCaption{position:relative;top:30px}
  #beforeText .leftImageCaption{position:relative;top:30px}
  #duringText .rightImageCaption{position:relative;top:30px}
  #duringText .leftImageCaption{position:relative;top:30px}
  .EClevel2{text-indent:30px;display:none}
  #centreText .EClevel2{display:block}
  #historyText .EClevel2{display:block}
  #rationaleText .EClevel2{display:block}
  #beforeText .EClevel2{display:block}
  #duringText .EClevel2{display:block}
  #afterText .EClevel2{display:block}
  #thanksText .EClevel2{display:block}
  #navText .EClevel2 a{padding-top:1px;padding-bottom:14px}

  #linksText #YFLink{background-image:none;height:auto;width:auto;float:none}
  #linksText #YAWOLink{background-image:none;height:auto;width:auto;float:none}
  #linksText #SCCLink{background-image:none;height:auto;width:auto;float:none}
  #linksText #YWLink{background-image:none;height:auto;width:auto;float:none}

  .courseCalendar{float:left}
  .calendarTable{border:1px solid black;background-color:white;font-size:80%;position:relative;top:10px;margin-bottom:10px}
  .calendarTitle{color:#008000;font-weight:bold;text-align:center;border:1px solid black}
  .calendarDoW{text-align:center;font-weight:bold}
  .calendarDate{text-align:center;border:1px solid green}

  #coursesText .calendarTable a{display:block;padding:0px;color:black;font-weight:bold;background-color:#FCBF78}
  #coursesText .calendarTable a:hover{background-color:#FCBF78;background-image:none}

  #eventsText .calendarTable a{display:block;padding:0px;color:black;font-weight:bold;background-color:#FCBF78}
  #eventsText .calendarTable a:hover{background-color:#FCBF78;background-image:none}

} /* end of screen,projection markup */

@media handheld {

  #ECNavText{display:none}

} /* end of handheld markup */

@media projection {

  .headerText{margin-top:50px}

} /* end of projection markup */

@media tv {

  .headerText{width:500px}
  .bodyText{width:500px}
  #navText{width:500px}
  #ECNavText{display:none}
  #contactText .contactItem{width:500px}
  #contactText .contactTitle{width:200px}
  #contactText .contactDetails{width:300px}
  #thankyouText .contactItem{width:500px}
  #thankyouText .contactTitle{width:200px}
  #thankyouText .contactDetails{width:300px}
  #salesText .salesPrices{width:500px}

} /* end of tv markup */

@media print {

  #navText{display:none}
  #centreText #ECNavText{display:block}
  #ECNavText a{display:block;float:left;width:24%;padding-top:10px;padding-bottom:10px;text-align:center;border:none 0px white}
  #acrobat{display:none}
  .calc{display:none}
  #stopPressArea{display:none}
  #imageresizer{display:none}
  #picnav{display:none}
  .galleryFooter{display:none}
  #skipToNav{display:none}
  #backToMain{display:none}

} /* end of print markup */

/*
  Blog markup
*/
  #blogPage #footer{position:relative;top:20px;text-align:right;font-size:60%;clear:both}
  #blogPage .bodyText {}
  #blogPage #sidebar {font-size:90%}
  #blogPage #sidebar h2{font-size:80%}
  #blogPage #sidebar ul{list-style-type:none;padding-left:0px;margin-left:0px}
  #blogPage #sidebar a{display:inline;padding:0px}
  #blogPage #sidebar a:hover{background:url() right top no-repeat}
  #blogPage .meta{font-size:60%;font-style:italic}
  #blogPage .editThis{float:right}
  #blogPage .comments{font-size:60%}
  #blogPage .alignright {float:right}
  #blogPage .alignleft {float:left}
  #blogPage .postmetadata {font-size:80%;background-color:#DDFFDD}
  #blogPage .commentlist{list-style-type:none;padding-left:0px;margin-left:0px}
  #blogPage .commenttext {background-image:url(../../../../images/green_diag.gif)}
  #blogPage .post{clear:both}