/*Width-dependent: here are settings for 1100 upwards*/
.outerDiv{
	min-width: 530px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
	max-width: 1600px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
}
#headerLogo{
	width: 8em;
}


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


#headerCalendar{
	display:table-cell;
	width: 23%;
	margin-left: 9em;
	position: relative;
	padding-right: 1em;
	/*background-color: green;*/
}
#calendarFeedTable{
	display: table;
	width: 100%
	}
.calendarDivDate{
	
	width: 5.5em;
}
.calendarDivDesc{
	width: auto;
}

#feedDivRight{
	width: 40%;
}

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


/*Common*/
#outerThreeFeeds {
	display: table-cell;
	position: relative;
}

#rowThreeFeeds{
	display:table-row;
}

#headerWeather{
	display: table-cell;
	padding-right: 1em;
}
#col1,#col2{
	padding-right: 1em;
}

a.newsLink{
	text-decoration: none;
}
body{
	font-family: 'Cabin Condensed', sans-serif;
	}
h1, h2, h3, h4, h5, .masthead1{
	font-family: 'Khand', sans-serif;
	
}

.masthead1, .masthead2, .masthead3, .masthead4{
	padding-left: 5px;
}

.masthead1{
	color: #238a89;
	font-weight:700;
	font-size: 2.5em;
	padding-top: 3px;
	padding-bottom:0;
	margin-bottom:0;
	line-height: 1em;
}
.masthead2 {
	color: #444444;
	font-weight:300;
	font-size: 0.9em;
	margin-top: 0;
	padding-top:-10px;
	line-height: 0.5em;
	}

.masthead3{
	color: #238a89;
	font-weight:600;
	font-size: 1em;
	padding-top:1em;
	margin-top: 0;
	padding-bottom: 5px;
}
.masthead4{
	color: #444444;
	font-weight:300;
	font-size: 0.9em;
	margin-top: 0;
	padding-top:-20px;
	padding-bottom:10px;
	line-height: 1.1em;
}
#TitleDiary, #TitleWeather,  .summaryIntro1, .feedTitle{
	font-family: 'Khand', sans-serif;
	font-size: 1.5em;
	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: #c7dfd7;
}
.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;
}


.clearDiv{
	clear: both;
}
.feedTitle{
	font-weight: 700;
	font-size: 1.5em;
	color: #238a89;
}
a.feedTitle:visited{
	color: #238a89;
}
a.eventsLink:visited{
	color: black;
}
.outerDiv{
	margin-left: auto;
	margin-right: auto;
}

.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:#f5ebd8;
}
.dotFillerNormal{
	color:white;
}


.headerLeft{
	float: left;
}

#headerNews{
	display: table-cell;
	margin-right: 3px;
}
#headerOuter{
	/*display: block !important;*/
	display: table;
	width: 100%;
}
#headerRow{
	display: table-row;
}
#divLogoAndCalendar{
	/*width: 20em;*/
	padding-right: 1em;
}
#headerLogo{
	display: table-cell;
}


#feedDivCentre{
	width: auto;
	padding-left: 1em;
	padding-right: 1em;
}

#feedDivRight{
	padding-left: 1em;
	padding-right: 3px;
}
.jgTable{
	display: table;
}
.jgRow{
	display:table-row;
	width: 100%;
}
.jgCell{
	display:table-cell;
}
.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;
}
#headerOuter{
	/*background-color:#F8F8FF;*/
	/*background-color:#ffffcc;*/
	padding-bottom: 6px;
	border: 2px solid #238a89;
	border-radius: 5px;
	background-color: #faf9dc; /* was #f5ebd8;*/`
	/*border-bottom: 3px solid #238a89;*/
}
/*COLOURS
#divLogoAndCalendar{
	background-color: yellow;
}
#feedDivCentre{
	background-color: lime;
}
#feedDivRight{
	background-color: pink;
}
#headerOuter{
		background-color: cyan;
	border: 3px dotted green;
}
*/
#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.4em;
	font-weight: 700;
}
.cse .gsc-control-cse, .gsc-control-cse {
	margin-top: 5px !important;
	padding:0px !important;
}
/*colours
 #col1{
	background-color: pink;
}
#col2{
	background-color: lime;
}
#col3{
	background-color: yellow;
}
.calendarDivDate{
	background-color: pink;
}
.calendarDivDesc{
	background-color: yellow;
}*/

@media (max-width: 900px) {
	.outerDiv{
		min-width: inherit;
		max-width: inherit;
	}
	#headerLogo{
		display: inherit;
		float: left
	}
	#headerOuter{
		display: inherit;
	}
	#headerRow{
		display: inherit;
	}

	#outerThreeFeeds {
		display: inherit;
		position: inherit;
	}
	#innerThreeFeeds{
		width: inherit;
		display: inherit;
	}
	#rowThreeFeeds{
		display:inherit;
	}
	#headerCalendar{
		display:inherit;
		margin-left: 9em;
		padding-right: 5px;
		width: auto;
	}
	#headerWeather{
		display: inherit;
		padding-right:0;
	}
	#headerNews{
		display: inherit;
		margin-right:0;
	}
	#innerWeather, #innerNews{
		padding-left: 5px;
	}
	#innerWeather{
		padding-right: 5px;
	}
	#divAfterCalendar{
		clear: both;
	}
	#headerWeather, #headerNews{
		margin-top: 5px;
		padding-top: 5px;
		border-top: 2px solid #238a89;
	}
@media (max-width: 570px) {
	#col1, #col2, #col3{
		display: inherit;
	}
	
	#headerWeather, #headerNews{
		margin-right: 9px;
	}
}