@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:300,400|PT+Serif:400,700');
/*********************************************************************************/
/* Reset                                                                         */
/*********************************************************************************/
* {
	margin:0; padding:0;
	-webkit-overflow-scrolling: touch;
}
html {
	margin: 0;
	height: 100%;
}
html, body {
	width: 100%;
	overflow-x: hidden; /* Fix wider background */
}
body {
	background: #363636;
	font-weight: normal;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: subpixel-antialiased;
}
img {
	display:block;
} /* Resets images to avoid gap beneath when using Strict doctype */
h1, h2, h3, h4, p, li {
	font-weight: 300;
	font-size: 1em;
}
a {
	text-decoration: none;
	color: #6A0F00;
}
strong {
	font-weight: 700;
}
/*********************************************************************************/
/* Fonts                                                                         */
/*********************************************************************************/
body {
	font-family: 'Roboto', sans-serif;
}
/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/
.wrapper {
	max-width: 1200px;
	margin: 0 auto;
}
#page {
	float: left;
	width: 100%;
	background: #FFFFFF;
}
.flexwrapper,
.flexrow {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.flexrow {
	align-items: stretch;
}
/*********************************************************************************/
/* Common                                                                        */
/*********************************************************************************/
.button {
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: 0 20px;
	line-height: 35px;
	min-width: 50px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	-moz-transition: background-color ease-out .5s;
	-o-transition: background-color ease-out .5s;
	-webkit-transition: background-color ease-out .5s;
	transition: background-color ease-out .5s;
	background: #A69E8F;
	color: #FFFFFF;
}
.buttonsml {
	padding: 0 10px;
	line-height: 25px;
}
.button:hover {
	background: #C2B8A7;
}
.promote {
	background: #3EAD4D;
}
.promote:hover {
	background: #44BD54;
}
.buttonred {
	background: #CC0000;
	color: #FFFFFF;
}
.buttonred:hover {
	background: #FF0000;
}
.buttongreen {
	background: #2DB300;
	color: #FFFFFF;
}
.buttongreen:hover {
	background: #33CC00;
}
/*********************************************************************************/
/* Top Nav                                                                       */
/*********************************************************************************/
#topnav {
	float: left;
	width: 100%;
	height: 40px;
	background: #FFFFFF;
}
#topnav #left {
	float: left;
	width: 250px;
	height: 30px;
	margin-right: 1em;
}
#topnav #right {
	overflow: hidden;
	height: 30px;
	background: #FFFFFF;
	text-align: right;
}
#topnav #credentials {
	float: right;
	margin: 5px 0 0 0;
}
#topnav #credentials p {
	color: #999999;
	font-weight: 400;
	font-size: .875em;
}
#topnav #credentials p a {
	color: #666666;
}
#topnav #credentials p a:hover {
	color: #999999;
}
#topnav #credentials p a.highlightred {
	font-weight: 700;
	color: #CC0000;
}
#topnav #credentials p a.highlightred:hover {
	text-decoration: none;
	color: #FF0000;
}
/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/
#header {
	position: relative; /* Force to top for dropdown */
	float: left;
	width: 100%;
	background: #FFFFFF;
}
#header #logo {
	float: left;
	width: 280px;
	height: 94px;
	background: url('../img/kfhs-logo-280.png') no-repeat center;
	background-size: 100%;
	margin: -40px 0 0 0;
}
#header #logo a {
	display: block;
	width: 100%;
	height: 100%;
}
/*********************************************************************************/
/* Menu.                                                                         */
/*********************************************************************************/
#header #menu {
	float: right;
	width: 100%;
	max-width: 900px;
}
#header #menu ul {
	margin: 0 0 0 1%;
}
#header #menu ul li {
	display: inline-block;
	list-style: none;
	font-size: 1em;
	font-weight: 400;
	letter-spacing: .5px;
	line-height: 0;
}
#header #menu ul li a {
	color: #363636;
	display: block;
	padding: 2em 1em;
	-moz-transition: background-color ease-out .5s;
	-o-transition: background-color ease-out .5s;
	-webkit-transition: background-color ease-out .5s;
	transition: background-color ease-out .5s;
}
#header #menu ul li a.selected,
#header #menu ul li a:hover {
	background: #ECECEC;
	color: #363636;
}
#header #menu ul li a.selected {
	font-weight: 700;
}
#header #menu ul .menuhighlight {
	background: #0AC25A;
	margin-left: 3%;
}
#header #menu ul .menuhighlight a:hover {
	background: #0BDA66;
}
.slicknav_menu {
	display:none;
}
#header #menuresp {
	display: none;
}
/*********************************************************************************/
/* Submenu                                                                       */
/*********************************************************************************/
#header #menu ul li div.submenu {
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 1em 0;
	z-index: 900;
	width: 100%;
	left: 0;
	background: #ECECEC;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}
#header #menu ul li  div.submenu ul {
	vertical-align: top;
	display: inline-block;
	width: 31%;
	margin: 0 2% 0 0;
	padding: 1em 0;
	border-right: solid 1px #D0D0D0;
}
#header #menu ul li  div.submenu ul.last {
	border: none;
}
#header #menu ul li  div.submenu ul li {
	display: block;
	float: none;	
}
#header #menu ul li  div.submenu ul li a {
	margin: 0;
	text-align: left;
	font-size: 1em;
	color: #9F1400;
	padding: 1.25em 0;
}
#header #menu ul li  div.submenu ul li a:hover {
	text-decoration: underline;
	border: 0;
	padding-top: solid .3125em #CCCCCC;
}
#header #menu ul li  div.submenu ul li h3 {
	margin: 0;
	text-align: left;
	font-size: 1.125em;
	color: #666666;
	padding: 1.25em 0;
	font-weight: 400;
}
/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/
#bannerwrap {
	float: left;
	width: 100%;
	background: #F6F4EE;
	margin: 0 0 1rem 0;
}
.homebanner {
	margin: 0 0 3rem 0 !important;
}
#bannerwrap .wrapper {
	max-width: 1500px;
	margin: 0 auto;
}
.slider,
.sliderres,
#contentbanner {
	float: left;
	background: #F6F4EE;
	width: 100%;
	position: relative;
	display: inline-block;
}
.slider img,
#contentbanner img {
	width: 100%;
	overflow: hidden;
	position: relative;
	float: left;
}
.slider .captionwrapper,
#contentbanner .captionwrapper { 
	position: absolute;
	max-width: 1500px;
	height: 100%;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 98;
}
.slider .captionwrapper .caption,
#contentbanner .captionwrapper .caption {
	position: absolute;
	top: 5%;
	bottom: 5%;
	width: 30%;
	height: 90%;
	padding: 0 1%;
	right: 0;
	background: rgba(159,20,0, .80);
	color: #FFFFFF; 
	z-index: 99;
}
.slider .captionwrapper .caption .pseudo,
#contentbanner .captionwrapper .caption .pseudo {
	/* To align text vertical middle */
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}
.slider .captionwrapper .caption h1,
.slider .captionwrapper .caption h2,
#contentbanner .captionwrapper .caption h1,
#contentbanner .captionwrapper .caption h2 {
	font-family: 'Roboto Slab', serif;
	display: inline-block;
	vertical-align: middle;
	color: #FFF;
	font-size: 55px;
	text-align: left;
	margin: auto;
	line-height: 100%;
}
.slider .captionwrapper .caption h1 .subtitle,
.slider .captionwrapper .caption h2 .subtitle,
#contentbanner .captionwrapper .caption h1 .subtitle,
#contentbanner .captionwrapper .caption h2 .subtitle {
	font-family: 'Roboto', sans-serif;
	font-size: 45px;
}
.slider .captionwrapper .caption a,
#contentbanner .captionwrapper .caption a {
	color: rgba(255,255,255,1.00);
}
.slider .captionwrapper .caption a:hover,
#contentbanner .captionwrapper .caption a:hover {
	text-decoration: underline;
}
/*********************************************************************************/
/* Breadcrumb                                                                    */
/*********************************************************************************/
#breadcrumb {
	float: left;
	width: 100%;
	margin: 0 0 3rem 0;
	border-bottom: solid 1px #F6F4EE;
}
#breadcrumb p {
	font-size: .875rem;
	font-family: 'Roboto', sans-serif;
}
#breadcrumb p,
#breadcrumb p a {
	color: #353535;
}
#breadcrumb p a:hover {
	color: #9F1400;
}
/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/
.content {
	float: left;
	width: 98%;
	margin: 0 1%;
}
.contentsection {
	float: left;
	width: 98%;
	padding: .5em 1%;
	margin: 0 0 2rem 0;
}
.content h2 {
	font-size: 2em;
	border-bottom: solid 3px #353535;
}
.content h3 {
	font-size: 1.5em;
}
.content h4 {
	font-size: 1.125em;
	font-weight: 400;
}
.content h2, .content h3, .content h4 {
	font-family: 'Roboto Slab', serif;
	width: 100%;
	color: #9F1400;
	margin: 0 0 .5em 0;
}
/* .full class allows the header tag to have an ID to jump to */
.content h2.full, .content h3.full, .content h4.full {
	float: left;
}
.content p,
.content blockquote {
	font-size: 1.125em;
	color: #353535;
	line-height: 145%;
	margin: 0 0 1em 0;
	width: 100%;
	font-weight: 400;
	font-family: 'PT Serif', serif;
}
.content p.small {
	font-size: 1em;
}
.content p.price {
	font-size: 1.25em;
	font-weight: 700;
}
.content p.price .small {
	font-size: .75em;
}
.content .standfirst {
	font-size: 1.5em;
	color: #9F1400;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
}
.content blockquote {
	font-size: 1.25rem;
	font-style: italic;
	margin: 1.5rem 5%;
	width: 90%;
}
.content blockquote .attributed {
	font-size: .875rem;
	font-style: normal;
}
.contentsection p {
	font-family: 'Roboto', sans-serif;
	font-size: 1.125em;
}
.contentsection img.full {
	float: left;
	max-width: 100%;
	height: auto;
}
.content .sectionwrap {
	float: left;
	width: 100%;
	margin: 0 0 1em 0;
}
.contentmed h2 {
	font-size: 1.5em;
}
.contentmed p {
	font-size: .875em;
}
.marginmed {
	margin: 1.5em 0;
}
.content .highlight {
	float: left;
	width: 100%;
	margin: 1em 0;
}
.content .highlight p {
	font-size: 1em;
	font-style: italic;
}
.content .highlight p em {
	font-weight: 700;
}
.content .highlightcentre {
	text-align: center;
}
.content .highlightborder {
	border: solid 1px #CCCCCC;
}
.content .highlightborderh {
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	padding: 1em 0;
}

/*********************************************************************************/
/* Content Image Handling                                                        */
/*********************************************************************************/
.content .imgwrapleft,
.content .imgwrapright {
	float: left;
	max-width: 50%;
	margin: 0 2% 1em 0;
}
.content .imgwrapright {
	float: right;
	margin: 0 0 1em 2%;
}
.content .imgwrapleft img,
.content .imgwrapright img {
	float: left;
	width: 100%;
	height: auto;
	border: solid 1px #353535;
	margin: 0 0 .5em 0;
}
.content .imgwrapleft p,
.content .imgwrapright p,
.content .imgwrapcentre p {
	text-align: center;
	font-size: .75em;
}
.content .imgleft,
.content .imgright {
	float: left;
	max-width: 50%;
	height: auto;
	margin: 0 2% 1em 0;
	border: solid 1px #353535;
}
.content .imgright {
	float: right;
	margin: 0 0 1em 2%;
}
.content .imagewrap {
	float: left;
	width: 100%;
	margin: 1em 0;
}
.content .imagewrapcentre {
	float: none;
	display: block;
	text-align: center;
	width: 100%;
	margin: 1em 0;
}
.content .imagewrap img {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	/* ---- Quick fix to prevent large images */
	max-height: 500px;
	width: auto;
	/* ---- */
}
.content .imagewrap img.imageborder {
	border: solid 1px #000000;
}
.content .imagewrap p {
	text-align: center;
	font-size: .875em;
}
.content .width33 {
	max-width: 33%;
}
/*********************************************************************************/
/* Gallery                                                                       */
/*********************************************************************************/
.gallerythumbholder {
	float: left;
	width: 100%;
}
.content .contentcentre .gallerythumbwrapper {
	float: left;
	width: 98%;
	background: #F9F7F4;
	padding: 1em 1%;
	margin: 1em 0;
}
.content .contentcentre .gallerythumbwrapper .gallerythumbs {
	float: left;
	width: 100%;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.content .contentcentre .gallerythumbwrapper .gallerythumbs li {
	list-style-type: none;
	flex-basis: 23%;
	margin: .5em 1%;
}
.content .contentcentre .gallerythumbwrapper .gallerythumbs li img {
	width: 100%;
	height: auto;
	border: 1px #666 solid;
}
.content .contentcentre .gallerythumbwrapper .gallerythumbs li p {
	font-size: .875em;
	margin: .5em 0;
	line-height: 125%;
}
/***************************************/
/* Content List                        */
/***************************************/
.content ul.contentlist {
	float: left;
	width: 98%;
	margin: .5em 0 1em 2%;
	list-style-position: inside;
}
.content ul.contentlist li {
	margin: 0 0 1em 0;
	padding-left: 1em;
	text-indent: -1em;
	list-style-type: none;
	font-size: 1.125em;
	color: #353535;
	line-height: 145%;
	width: 100%;
	font-weight: 400;
	font-family: 'PT Serif', serif;
}
.content ul.contentlist li:before { 
    content: "\25A0";
	font-family:"Arial Black";
    color: #9F1400;
	padding-right: .5em;
}
.content ul.contentlist li a {
	color: #6A0F00;
}
.content ul.contentlist li a:hover {
	text-decoration: underline;
	color: #9F1400;
}

.content ol.contentlist {
	float: left;
	width: 98%;
	margin: .5em 0 1em 2%;
	list-style-position: inside;
}
.content ol.contentlist li {
	margin: 0 0 1em 0;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 1.125em;
	color: #353535;
	line-height: 145%;
	width: 100%;
	font-weight: 400;
	font-family: 'PT Serif', serif;
}
.content ol.contentlist li a {
	color: #6A0F00;
}
.content ol.contentlist li a:hover {
	text-decoration: underline;
	color: #9F1400;
}
/***************************************/
/* Read More List                      */
/***************************************/
.content ul.readmore {
	float: left;
	width: 98%;
	margin: .5em 0 1em 2%;
	list-style-position: inside;
}
.content ul.readmore li {
	font-size: 1.125em;
	color: #353535;
	margin: 0 0 .5em 1em;
	font-weight: 400;
	list-style-type: none;
}
/* Triangle bullet */
.content ul.readmore li:before { 
	content: "";
	border-color: transparent #111;
	border-style: solid;
	border-width: 0.35em 0 0.35em 0.45em;
	display: block;
	height: 0;
	width: 0;
	left: -1em;
	top: 0.9em;
	position: relative;
}
.content ul.readmore h3 {
	font-size: 1.25em;
	color: #9F1400;
	font-family: 'Roboto Slab', serif;
	font-weight: 500;
	margin: 0 0 .5em 0;
	border: none;
}
.content p a,
.content ul.readmore li a {
	color: #6A0F00;
}
.content p a:hover,
.content ul.readmore li a:hover {
	text-decoration: underline;
	color: #9F1400;
}
.content p a.stronglink {
	font-weight: 700;
}
/***************************************/
/* Half Width Blocks                   */
/***************************************/
.contentrow {
	float: left;
	width: 100%;
	margin: 0 0 2rem 0;
}
.content .contentrow .halfwidth,
.content .contentrow .halfwidthright {
	position: relative;
	width: 47%;
}
.content .halfwidth {
	margin: 0 1% 0 0;
}
.content .halfwidthright {
	margin: 0 0 0 1%;
}
.contentsection .wrap50 {
	float: left;
	width: 50%;
}
.contentsection .marginleft {
	margin: 0 0 0 2%;
	width: 48%;
}
.content .contentrow .halfwidth .marginbot,
.content .contentrow .halfwidthright .marginbot {
	margin-bottom: 1em;
}
.flexwrapper .wrap50,
.flexwrapper .wrap50full {
	float: none;
	position: relative;
	width: 49%;
	margin: 0 .5%;
}
.flexwrapper .wrap50full {
	width: 99%;
}
.content .flexrow .halfwidth {
	float: left;
	position: relative;
	width: 47%;
	margin: 0 .5%;
}
/***************************************/
/* Wide Blocks                         */
/***************************************/
.contentwide {
	float: left;
	width: 100%;
	padding: .5em 0;
	margin: 0 0 2rem 0;
}
.contentwide .wrapperwide {
	width: 100%;
	margin: 0 auto;
	max-width: 1500px;
}
.contentwide .flexwrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.contentwide .content {
	width: 96%;
	margin: 0 2%;
}
.contentwide .content h2 {
	font-family: 'Roboto', sans-serif;
	border-bottom: none;
	color: #363636;
}
.contentwide .contentblock {
	float: left;
	width: 21%;
	margin: 1em 1%;
	padding: .5em 1%;
}
.flexwrapper .contentblock {
	float: none;
	position: relative;
	width: 22%;
	padding: 1em 1%;
	margin: 1em 0;
}
.contentwide .contentblock .content {
	float: left;
	width: 100%;
	margin: 0 0 1em 0;
}
.contentwide .contentblock .content h3 {
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
	font-size: 1.125em;
	border-bottom: solid 2px #363636;
	margin-bottom: 1em;
	color: #363636;
}
.contentwide .contentblock .content p {
	font-size: 1em;
	font-weight: 400;
	line-height: 145%;
	margin: 0;
}
.contentwide .contentblock .readmore {
	position: absolute;
	bottom: 0;
	padding-bottom: .5em;
}
.contentwide .contentblock .readmore p {
	font-weight: 400;
	font-size: 1em;
}
.contentwide .contentblock .readmore p a:hover {
	text-decoration: underline;
}
/***************************************/
/* Table                               */
/***************************************/
.contenttable {
	float: left;
	margin: 1em 0;
	border-spacing: 2px;
	border-collapse: separate;
}
.contenttablefull {
	width: 100%;
}
.contenttable .row1,
.collection table .row1 {
	background: #ebe9e0;
}
.contenttable .row2,
.collection table .row2 {
	background: #f5f4f0;
}
.contenttable th,
.contenttable td {
	padding: .5em;
	border-spacing: 0;
	color: #5c563d;
}
.contenttablerowborder th,
.contenttablerowborder td {
	border-bottom: solid 1px #CCCCCC;
}
.contenttablemed th,
.contenttablemed td {
	font-size: .875em;
}
.contenttablesml th,
.contenttablesml td {
	font-size: .75em;
}
/*********************************************************************************/
/* Content Collections                                                           */
/*********************************************************************************/
.homepromo, .contentpromo {
	float: left;
	width: 98%;
	margin: 1em 0;
	padding: .5em 1%;
	background: #9F1400;
}
.homepromo h2, .contentpromo h2 {
	color: #FFFFFF;
	border: 0;
	font-size: 1.5rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}
.homepromo p, .contentpromo p {
	color: #FFFFFF;
	font-size: 1.125rem;
	font-family: 'Roboto', sans-serif;
}
.homepromo p a, .contentpromo p a,
.homepromo p a:hover, .contentpromo p a:hover {
	color: #FFFFFF;
}
.homepromo.textsmall {
	font-size: 90%;
}
.homepromo.contentbeige2 h2,
.homepromo.contentbeige2 a {
	color: #6A0F00;
}
.homepromo.contentbeige2 p,
.homepromo.contentbeige2 a:hover {
	color: #353535;
}
/*********************************************************************************/
/* Content Collections                                                           */
/*********************************************************************************/
.collection {
	float: left;
	width: 98%;
	padding: .5em 1%;
	margin: 1em 0 2em 0;
	background: #F6F4EE;
}
.collection .text {
	float: left;
	width: 72%;
	margin: 0 2% 0 0;
}
.product .text {
	float: left;
	width: 70%;
	margin: 0 2%;
}
.collection .textfull {
	float: left;
	width: 100%;
	margin: 0;
}
.collection .textbreak {
	margin: .5em 0;
}
.collection .text h2 {
	font-size: 1.25em;
	border-bottom: solid 2px #353535;
}
.collection img {
	float: left;
	width: 25%;
	height: auto;
	border: solid 1px #353535;
}
.collection table {
	float: left;
	width: 100%;
	margin: 1em 0;
}
.collection table th,
.collection table td {
	text-align: left;
	font-size: .875em;
	padding: .25em 1%;
}
.collection table .small {
	font-size: .75em;
}
/*********************************************************************************/
/* Map and Times                                                                 */
/*********************************************************************************/
/*.mapwrapper {
	float: left;
	width: 100%;
	height: auto;
	min-height: 500px;
	background: #FFFFFF;
	padding: 2em auto;
}
.mapwrapper h1 {
	color: #6A5833;
	font-size: 1.75em;
	margin: 1em 0 0 1%;
}
.mapwrapper p  {
	color: #6A5833;
	font-size: 1.25em;
	margin: .25em 0 0 1%;
}
.mapwrapper p a {
	color: #6A5833;
}
.mapwrapper p a:hover {
	text-decoration: underline;
}*/
.googleMapwrapper {
	margin: 2em 0;
	float: left;
	width: 100%;
	height: 50%;	
	min-height: 310px;
}
#googleMap {
	float: left;
	width: 98%;
	margin: 0 1%;
	height: 50%;	
	min-height: 310px;
	border: solid .0625em #999;
}
.googleMapwrapper p {
	font-family: 'Roboto', sans-serif;
	font-size: .75em;
	margin: .5em 1% 0 1%;
}
.mapurlouterwrapper {
	float: left;
	width: 100%;
	background: #F0EDE8;
	padding: 3em 0;
}
/* Responsive Iframe Hack */ 
.mapurlwrapper {
	width: 100%;
	margin: 1rem 0 2rem 0;
	float: left;
}
.mapurlwrapper .mapurl {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.mapurlwrapper .mapurl {
	padding-bottom: 40%;
}
.mapurlwrapper .mapurl iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* End Of Responsive Iframe Hack */ 
/*********************************************************************************/
/* Content Wheel Zoom.                                                           */
/*********************************************************************************/
.parishmapwrap {
	float: left;
	width: 99%;
	border: solid 1px #000000;
	margin: 1.5em 0;
}
.parishmapwrap img {
	width: 100%;
	height: auto;
}
/*********************************************************************************/
/* Content News and Events                                                       */
/*********************************************************************************/
.content .articlewrapper {
	float: left;
	width: 100%;
	margin: 0 0 1em 0;
}
.content .articlewrapper .articlethumb {
	float: left;
	width: 20%;
	margin-right: 2%;
	border: solid 1px #CCCCCC;
}
.content .articlewrapper .articlethumb img {
	max-width: 100%;
	height: auto;
}
.content .articlewrapper .articleindextext {
	float: left;
	width: 75%;
}
.content .articlewrapper .articleindextext h3 {
	font-size: 1.25em;
	margin: 0;
}
.content .articlewrapper .articleindextext p {
	font-size: 1em;
	margin: 0;
}
.content .articlewrapper .articleindextext p.strong {
	font-weight: 700;
}
.content .articlewrapper .articleindextext p.date {
	font-size: 1em;
	margin: 0 0 1em 0;
}
.content .articlewrapper .articleindextext p.small {
	font-size: .875em;
}
.content .articlewrapper .articleindextext p.margin {
	margin: .5em 0;
}
.content .pager {
	float: left;
	list-style-type: none;
	margin: 2em 0;
}
.content .pager li {
	float: left;
	margin: 1em 1em 1em 0;
	font-weight: bold;
}
.content .pager li a {
	background: #ECECEC;
	color: #000000;
	padding: .5em 1em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.content .pager li a.selected,
.content .pager li a:hover {
	background: #CC0000;
	color: #FFFFFF;
}
/*********************************************************************************/
/* Content Form                                                                  */
/*********************************************************************************/
.contentform .formlayout {
	float: left;
	width: 100%;
}
.contentform .formlayout li {
	width: 100%;
	float: left;
	margin: .75em 0;
	list-style-type: none;
	font-size: .875rem;
	font-weight: 400;
	color: #9F1400;
}
.contentform .formlayout li.halfwidth {
	width: 50%;
	width: 100%;
}
.contentform .formlayout label {
	float: left;
	width: 100%;
	font-weight: 500;
	margin-bottom: .75rem;
}
.contentform .formlayout p {
	font-size: 1rem;
}
.contentform .formobject,
.contentform .formfileobject,
.contentform textarea {
	width: 98%;
	border: 1px solid #999999;
	font-size: 1.125em;
	padding: .5em 1%;
	background: #F9F9F9;
    font-family: 'Roboto', sans-serif;
}
.formlayout li.halfwidth .formobject {
	width: 48%;
 }
.contentform select.formobject {
	padding: .5rem 1%;
	width: 100%;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
}
.contentform .formautowidth {
	width: auto;
}
.contentform .formradio {
	width: auto;
	margin: 0 1rem 0 0;
}
.contentform .formtext {
	color: #353535;
	font-size: 1rem;
}
.contentform .listobject {
	float: left;
	width: 100%;
	margin: 0 0 1rem 0;
}
.contentform fieldset {
	border: none;
	margin: 1rem 0;
}
.contentform .formfileobject {
	color: #666666;
	border: 0;
}
.contentform textarea {
	resize: none; /* disables resizability */
}
.contentform .formbutton {
	display: inline-block;
	background: #9F1400;
	text-decoration: none;
	color: #FFFFFF;	
	padding: .5em 2em;
	margin: 1em 0;
	border: 0;
	font-size: 1.125em;
	-moz-transition: background-color ease-out .5s;
	-o-transition: background-color ease-out .5s;
	-webkit-transition: background-color ease-out .5s;
	transition: background-color ease-out .5s;
	-webkit-appearance: none;
	-webkit-border-radius:0; 
	border-radius:0;
}
.contentform .formbutton:hover {
	background: #CC1B00;
}
.contentform .formbutton.buttongreen {
	background: #2DB300;
}
.contentform .formbutton.buttongreen:hover {
	background: #33CC00;
}
.contentform .successmsg p {
	font-family: 'Roboto', sans-serif;
	color: #A69E8F;
	font-weight: bold;
}
.contentform .errormsg {
	border: solid 1px #9F1400;
	padding: 1rem 1%;
	margin: 0 0 1rem 0;
}
.contentform .errormsg p {
	font-family: 'Roboto', sans-serif;
	color: #9F1400;
	font-size: .875rem;
}
/*********************************************************************************/
/* Content Submenu                                                               */
/*********************************************************************************/
#submenuwrap {
	float: left;
	width: 27%;
	margin: 1em 5% 2em 0;
	text-align: center;
}
.contentcentre {
	float: left;
	width: 68%;
	margin: 0 0 2em 0;
}
#submenuwrap h2 {
	font-size: 1.25em;
	display: inline-block;
	z-index: 90;
	color: #FFFFFF;
	border-bottom: 0;
	background: #9F1400;
	padding: .75em 2em;
	margin: 0 0 -2em 0;
	text-align: center;
	width: auto;
}
#submenuwrap h2 a {
	color: #FFFFFF;
}
#submenuwrap #submenu {
	background: #EEEADE;
	width: 90%;
	padding: 1em 5%;
}
#submenuwrap #submenu ul {
	margin-top: 1em;
	list-style: none;
}
#submenuwrap #submenu ul li {
	margin: .5em 0;
	padding: 1em 0;
	border-bottom: solid 1px #DCD4BC;
	font-weight: 400;
}
#submenuwrap #submenu ul li a:hover,
#submenuwrap #submenu ul li a.selected {
	color: #9F1400;
}
/*********************************************************************************/
/* Colour Variants                                                               */
/*********************************************************************************/
.contentbeige {
	background: #EEEADE;
}
.contentbeige2 {
	background: #DCD4BC;
}
.contentbeige3 {
	background: #969074;
}
.contentred {
	background: #9F1400;
}
.contentumber {
	background: #C4590A;
}
.contentoffwhite {
	background: #F6F4EE;
}
.contentredbrown {
	background: #6A180B;
}
.revcol h2, 
.revcol h3, 
.revcol h2 a, 
.revcol h3 a, 
.revcol p, 
.revcol p a, 
.revcol ul.readmore li a, 
.revcol p a:hover, 
.revcol ul.readmore li a:hover {
	color: #FFFFFF;
}
.revcol h2 {
	border-bottom: solid 3px #FFFFFF;
}
.content .revcol ul.readmore li:before { 
	border-color: transparent #FFF;
}
.content .revcol .contentform .formbutton {
	background: #EEEADE;
	color: #363636;
}
.content .revcol .contentform .formbutton:hover {
	background: #F6F4EE;
}
/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/
#footer {
	float: left;
    width: 100%;
	padding-top: 1em;
	margin-top: 2em;
	background: #363636;
}
#footermenu {
	float: left;
	margin: 0 1% 2em 1%;
	width: 98%;
}
#footermenu ul {
	text-align: center;
	padding:0;
	z-index: 999;
}
#footermenu ul li {
	display: inline-block;
	list-style:none;
	font-size: .875em;
}
#footermenu ul li a {
	text-decoration: none;
	color: #ECECEC;
	display: block;
	padding: .5em 1.5em;
	font-weight: 400;
}
#footermenu ul li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer #address,
#footer #social,
#footer #logos,
#footer #footerlogo {
	float: left;
	width: 48%;
	margin: 0 1%;
}
#footer #footerlogo {
	background: url('../img/assets/kfhs-logo-footer-230x100.png') top left no-repeat;
	min-width: 230px;
	height: 100px;
	margin: 0 1% 1em 1%;
}
/*#footer #address {
	background: url('_gfxlib/footerlogo171.png') top left no-repeat;
}
#footer #address p {
	margin: 70px 0 2em 0;
	font-size: .875em;
	color: #FEFEFE;
}*/ 	
#footer #social img,
#footer #logos img {
	text-align: right;
	margin: .5em;
	float: right;
}
#footer #logos img {
	opacity: 0.9;
}
#footer #logowrapper #logos img {
	margin: 0 .25em;
	display: inline-block;
	width: auto;
	height: 100%;
	max-height: 50px;
}
#footer #creditswrapper #copyright,
#footer #creditswrapper a {
	color: #ECECEC;
}
#footer #footnotewrapper #vat {
	color: #9B9B9B;
}
#footer #creditswrapper,
#footer #footnotewrapper {
	float: left;
	width: 98%;
	margin: .75em 1%;
}
#footer #creditswrapper #copyright,
#footer #creditswrapper #webcredit,
#footer #footnotewrapper #vat {
	font-size: .75em;
	float: left;	
}
#footer #footnotewrapper #vat {
	width: 100%;	
}
#footer #creditswrapper #copyright {
	width: 65%;	
}
#footer #creditswrapper #webcredit {
	width: 35%;	
	text-align: right;
}
#footer #creditswrapper #copyright a:hover {
	text-decoration: underline;
}
#footer #creditswrapper #webcredit #beachshore:hover {
	color: #56D5FB;
}
#footer #creditswrapper #webcredit #beachshore #beachshorebold {
	font-weight: 700;
}