/*wn9.css and narrow2.css and examplePageNarrow4.htm and writeHomePage4.php and narrowHome2.css:
changes to using width(em) for media queries*/


html{
	-webkit-text-size-adjust: auto;
}

/*Adjusted for larger basic font size*/
body{
	font-size: 16px; /*default, which will apply to Firefox: Chrome is adjusted at bottom*/
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/*to adjust for difference in rendering Firefox vs Chrome*/
  Body {
    font-size: 20px;  /*was 19 for 8.css*/    
    }
}


#outerDivHome, #outerDivNormal{
	min-width: 530px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
	
	margin-left: auto;
	margin-right: auto;
}
#outerDivHome{
	max-width: 1600px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
}
#outerDivNormal{
	max-width: 1280px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
}

#headerDiv{
	border: 2px solid #238a89;
	border-radius: 5px;
	background-color: #faf9dc;
	padding-bottom: 5px;
	min-height: 3.2em;
	position: relative;
}
#headerTable{
	display: table;
	width: 100%;
}
#headerRow{
	display: table-row;
}

#cellLogo, #cellLogo_template{
	display: table-cell;
	position: relative;
}
#cellLogo{
	width: 6em;
}
#cellLogo_template{
	width: 7em;
}
#wrapperInsideCell_logo{
	/*display: inline-block !important ;*/
	position: absolute;
	top:0;

}
#mastheadBannerDivRight{
	/*display: inline-block !important ;*/
	position: absolute;
	top:2.3em;

}
#cellPageTitle{
	display: table-cell;
	width: auto;
}
#wrapperInsideCell_pageTitle{
	line-height: 1.8em;
	display: inline-block !important ;
	margin-right: 10em;
}

#wrapperInsideCell_straplineLeft, #wrapperInsideCell_straplineRight{
	padding-right: 5px;
}


#headerPageTitle,#headerPageSubTitle{
	font-family: 'Khand', sans-serif;
}
#headerPageTitle{
	font-size: 1.6em;
	font-weight: 700;
	padding-top:0.1em;
}
#headerPageSubTitle{
	font-size: 1em;
	font-weight: 700;
	line-height: 1.2em;
}

#cellStraplineLeft, #cellStraplineRight{
	width: 7em;
	display: table-cell;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	/*background-color: pink;*/
	position: relative;
	text-align: right;
	
}




#innerThreeFeeds{
	width: 100%;
	display: table;
}
#cellNews{
	padding-right: 5px;
}


#cellCalendar{
	display:table-cell;
	width: 20%;
	margin-left: 7em;
	position: relative;
	padding-right: 1em;
	/*background-color: green;*/
}
#wrapperInsideCell_calendar{
	display: inherit;
}
#calendarFeedTable{
	display: table;
	width: 100%;
	}
.calendarRow{
	display: table-row;
}
.calendarDivDate{
	display: table-cell;
	width: 5.5em;
}
.calendarDivDesc{
	display: table-cell;
	width: auto;
}


/*Update depending on width*/
@media (max-width: 70em) {
	#cellCalendar{
		width: 12em;
	}
}
/*See bottom for sub-900px mod*/


/*Common*/
#outerThreeFeeds {
	display: table-cell;
	position: relative;
	font-size: 0.85em;
}

#rowThreeFeeds{
	display:table-row;
}

#cellWeather{
	display: table-cell;
	padding-right: 0.8em;
}
#col1,#col2{
	padding-right: 0.8em;
}

a.newsLink{
	text-decoration: none;
}
body{
	font-family: 'Cabin Condensed', sans-serif;
	}
h1, h2, h3, h4, h5, .masthead1, .masthead1_template{
	font-family: 'Khand', sans-serif;
	
}
.strapline1, .strapline2{
	display: inline-block;
}
.masthead1, .masthead2,  .strapline1, .strapline2{
	padding-left: 5px;
}
.masthead1_template, .masthead2_template, .strapline1_template, .strapline2_template{
	padding-left: 5px;
}
.masthead1, .masthead1_template{
	color: #238a89;
	font-weight:700;
	font-size: 2.0em;
	padding-top: 3px;
	padding-bottom:0;
	margin-bottom:0;
	line-height: 1em;
}
.masthead2, .masthead2_template {
	color: #444444;
	font-weight:300;
	font-size: 0.7em;
	margin-top: 0;
	padding-top:0px;
	line-height: 0.4em;
	}

.strapline1, .strapline1_template{
	color: #238a89;
	font-weight:600;
	font-size: 0.8em;
	margin-top: 0;
	padding-bottom: 5px;
}
.strapline1{
	padding-top:0.8em;
}
.strapline1_template{
	padding-top:0.1em;
}
.strapline2, .strapline2_template{
	color: #444444;
	font-weight:300;
	font-size: 0.7em;
	margin-top: 0;
	padding-top:0;
	padding-bottom:10px;
	line-height: 0.9em;
}
#TitleDiary, #TitleWeather,  .summaryIntro1, .feedTitle{
	font-family: 'Khand', sans-serif;
	font-size: 1.3em;
	font-weight: 700;
}
.summaryIntro1 a{
	color: #238a89;
}
#newsTitle{
	font-family: 'Khand', sans-serif;
	font-weight: 700;
}
.weatherTitle{
	display: block;
}
.weatherSpacer{
	display: none;
}
a.eventsLink{
	color: black;
	text-decoration: none;
}
.summary{
	font-weight: 700;
}
.dateToday{
   background-color: #f5f3b0;
}
.dateTomorrow{
   background-color: #8DB29E;
}
.dateNormal {
   /*background-color: #FFFFEE;*/
}

.locationNormal{
	font-size: 1em;
	padding-top: 0;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0;
}
.locationOther{
	font-size: 0.8em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	font-style: italic;
}
.divWithHorizLineAbove{
	border-top: 1px solid black;
}
.divWithoutHorizLineAbove{
	border-top: 1px solid white;
	border: none;
}


.clear, .clearDiv{
	clear: both;
}
.feedTitle{
	font-weight: 700;
	font-size: 1.3em;
	color: #238a89;
}
a.feedTitle:visited{
	color: #238a89;
}
a.eventsLink:visited{
	color: black;
}

.creationDateTime{
	color: #BBBBBB;
}
a, a:visited {
	color:#238a89;
}
.dotFillerNormal, .dotFillerHeader{
	margin: 0 0 0 0;
	padding:0 0 0 0;
	line-height: 1px;
}
.dotFillerHeader{
	color:#faf9dc;
}
.dotFillerNormal{
	color:white;
}


.headerLeft{
	float: left;
}

#cellNews{
	display: table-cell;
	margin-right: 3px;
}



#divLogoAndCalendar{
	/*width: 20em;*/
	padding-right: 0.8em;
}




.comingUpOuterDiv{
	margin-top: 0;
}
.comingUpHeader{	
	font-weight: 700;
}
.weatherDelim{
	padding-left: 0.3em;
	padding-right: 0.3em;
}
a#pdLink, a#pdLink :visited{
	font-size: 1.2em;
	font-weight: 700;
	color: #238a89;
}
#pdHeader{
	margin-top: 0.2em;
}


/*COLOURS
#divLogoAndCalendar{
	background-color: yellow;
}



*/
#linkTableWrapper{
	display:table;
}
#col1, #col2, #col3{
	display:table-cell;
}
#col1{
	width: 33%;
}
#col2{
	width: 34%;
}
#col3{
	width: auto;
}
.colHeader{
	font-family: 'Khand', sans-serif;
	font-size: 1.2em;
	font-weight: 700;
}
.cse .gsc-control-cse, .gsc-control-cse {
	margin-top: 5px !important;
	padding:0px !important;
}


#divAfterStraplineLeft{
	display: none;
	/*clears floats for narrow version*/
}






/*colours
 #col1{
	background-color: pink;
}
#col2{
	background-color: lime;
}
#col3{
	background-color: yellow;
}
.calendarDivDate{
	background-color: pink;
}
.calendarDivDesc{
	background-color: yellow;
}*/
/*Extras for 8a*/
/*
.wiclForTemplate{
	display: inline-block !important ;
}
.pageCopy{
	background-color: lime;
}
*/
#cellStraplineRight_template{
	float: right;
	width: 9em;
	text-align: right;

	position: absolute;
	top:0;
	right: 0;
	
	
}


.masthead1_template{
	font-size: 2em;
	line-height: 1em;
}
.masthead2_template{
	font-size: 0.9em;
	line-height: 0.5em;
}

.strapline1_template{
	font-size: 1em;
}
.strapline2_template{
	font-size: 0.9em;
	line-height: 1.1em;
}

/*END of Extras for 8a*/

/*from htm*/

#headerTable{
	display: table;
	width: 100%;
}

#cellStraplineLeft_template {
	display: none;
}
.leftCol, .leftColNarrow{
	float:left;
	margin: 0;
	padding-right: 1.5em;
	/*padding: 1em;*/
	overflow: auto;
	text-align:left;
}
.leftCol{
	width: 60%;
	background-color: orange;
}
.leftColNarrow{
	/*width: 33%*;*/
}
.rightCol, .rightColWide{
	float:left;
	padding-left: 0.6em;
	text-align:left;
	overflow:auto;
}
.rightCol{
	/*width: 33%;*/
	background-color: cyan;
}
}
.rightColWide{
	width: 60%;
}

.jgTable{
	display: table;
	max-width: 40em;
}
.jgRow{
	display: table-row
}
.jgCell{
	display: table-cell;
	border: 1px solid black;
	padding-left: 5px;
	padding-right: 5px;
}
.jgCaption {
	border:1px solid grey;
	caption-side: top;
	display: table-caption;
	padding-left: 5px;
	padding-right: 5px;
}
.col1{
	width: 60%;
	border-right: 0;
	padding-right: 10px;
}
.col2{
	width: auto;
	border-left: 0;
	padding-left: 10px;
}

.categoryDiv, .subCategoryDiv{
	font-family: 'Khand', sans-serif;
}
.categoryDiv{
	font-size: 1.5em;
	font-weight: 700;
}
.subCategoryDiv{
	font-size: 1.2em;
	font-weight: 500;
}
.accomTable{
	border-collapse: collapse;
	max-width: 40em;
}
.accomTable th{
	text-align: left;
}
.accomTable td, .accomTable th{
	border: 1px solid #dddddd;
	padding-left: 5px;
	padding-right: 5px;

}
.tableCaption{
	font-size: 1.5em;
	font-family: 'Khand', sans-serif;
	font-weight: 700;
}
.acTable{
	max-width: 50em;
}
.ac1{
	width: 20%
}
.ac2 {
	width: 40%
}
.ac3{
	width: 40%
}
.bc1{
	width: 65%
}
.bc2 {
	width: 35%
}
.cc1{
	width: 35%
}
.bc2 {
	width: 65%
}
.cellWithoutBorders{
	border-left: 0 !important;
	border-right: 0 !important;
}
.masthead1_template a{
	text-decoration: none;
}