/* Copyright (c) 2022-2023 The Kelly Foundation, All rights reserved 
----------------------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Reset for HTML 5 Elements
----------------------------------------------------------------------------------------------------*/

/* tells browsers that don't read html 5 tags to render like divs */
header, footer, aside, nav, article, section {
	display: block;
	margin: 0;
	padding: 0;
}

/* clears containers with floated elements, no need for extra markup! */
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Type
----------------------------------------------------------------------------------------------------*/

html {
	font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
	color: #005253;
	font: 1.9em/1em Helvetica, Arial, sans-serif;
}

h1 {

}

h2 {
	color: #005253;
}

h3 {
	color: #005253;
	font-size: 2em;
	font-weight: bold;
}

h4 {
	font-size: 1.35em;
    color: #B2B285;
}

h5 {
	font-size: 1.1em;
	font-weight: bold;
}

h6 {
	font-size: 1em;
	font-weight: bold;
}
/*
p {
	color: #6F856C;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	text-align: left;
}
*/
ul {
	list-style: disc;
	font-size: 1.0em;
	font-weight: normal;
	line-height: 1.3em;
}

ol, ol.lowerRoman, ol.upperAlpha {
	list-style: decimal;
	color: #FFFFFF;
	font-size: 1.0em;
	font-weight: normal;
	line-height: 1.3em;
}

ol.lowerRoman {
	list-style: lower-roman;
}

ol.upperAlpha {
	list-style: upper-alpha;
}

strong, b, .b {
/*	color: #FF0000 !important; mw */
	font-weight: bold;
}

a {
	color: #005253;
	text-decoration: none;
}

/*a:link {
	color: #B2B285;
	outline: none;
	text-decoration: none;
}

a:visited {
	color: #990000;
	outline: none;
	text-decoration: none;
}*/

a:hover {
/*	color: #E3CF9C; */
/*	color: #FFFFFF; */
	color: #0007FF; /* Changed by me 01/11/22 */
	text-decoration: underline;
}

a:active {
/*	color: #B2B285; */
	color: #FFFFFF;
	outline: none;
	text-decoration: none;
}

a:focus {
	outline: 1px dotted;
}

.more {
	text-decoration: underline !important;
}

/* Spacing
----------------------------------------------------------------------------------------------------*/



h1, h2, h3, h4, h5, h6 {
	padding-bottom: 8px !important;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

p {
	margin-right: 10px;
	padding: 5px 0;
}

blockquote {
	margin-right: 10px;
	padding: 5px 0 20px 0;
}

ul, ol {
	margin-left: 25px;
	padding-left: 0;
}

li {
	margin-bottom: 0px;
	margin-left: 15px;
}

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {
	margin-bottom: 10px;
}

/* Layout
----------------------------------------------------------------------------------------------------*/

html {
	background: url(../images/body_bkgd.png) repeat-x;
/*    background-color: #32423E; */
    background-color: #FFFFFF;
	padding: 0px 0px 40px 0px;
	text-align: center;
}

body {
	color: #333;
	font: 75%/1.5em Helvetica, Arial, sans-serif;

    font-size: 13px;
    line-height: 1.3;
    
	background:  none;
	margin-bottom: 20px;
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	
	position: relative;
	border: none;
}

#logoTxt {
	background: url(../images/logo_img2.png) top right no-repeat;
	height: 68px;
    width: 44%;
}
#logoTxt {
	background: url(../images/logo_img.png) top right no-repeat;
	background-size: contain;
	position: absolute;
	top: 25px;
	left: 1.041666666667%; /* 10/960 */
/*	top: 40px;
	left: 1.041666666667%; /* 10/960 */
	/* width: 34.791666666667%; /* 334/960 */
/*    width: 444px; */
    width: 60%;
	height: 68px;
	border: none;
    padding-bottom: 50px;
}

#logoTxt h1, #logoTxt h2 {
	color: #fff;
	font-size: 3em;
	line-height: 1.5em;
	text-align: center;
}

#logoTxt h2 {
	color: #fff;
}

#logoTxt h1 span, #logoTxt h2 span {
	display: block;
	position: absolute;
	top: 2px;
	right: 0;
	width: 12.916666666667%; /* 124/960 */
	z-index: 9;
	border: none;}

#logoTxt h2 span {
	top: 0 !important;
	z-index: 10 !important;
}

header {
	/*height: 170px;*/
	width: 100%;
	border: none;
}

header h1 {
	color: #333;
	font-size: 1.6em;
	text-align: left;
	border: none;
    margin-top:0; padding-top:0; /* sets header at top, else it is lower for some reason */
}

header h1 span {
	color: #005253;
	display: block;
	float: right;
/*	padding-right: 0.520833333333%; /* 5/960 */
	padding-right: 20px; /* mw */
    padding-top:90px;               /* vertical position of telephone no in header on index page */
	border: none;
	white-space: nowrap;
}

#headTxt {
	color: #000 !important;
	font-size: 4em;
	line-height: 0.3em;
	text-transform: capitalize;
	width: auto !important;
}

#HeaderRightBottom
{
/*	margin-top: 60px; /* Original 1 line entry */
	background-size: contain;
	position: absolute;
/*	top: 60px; */
	top: 40px;
    width: 99%;
	border: none;
/*background-color: #0CDDFF; /* mw temp */
}
#HeaderInstagram
{
	float: right;
	padding-right: 12px;
}
#HeaderTwitter
{
	float: right;
	padding-right: 12px;
}
#HeaderFacebook
{
	float: right;
	margin: 0px 10px 0px 10px;
}

nav ul {
	clear: left;
	list-style: none;
	width: 100%; /* 960/960 */
	height: 25px;   /* affects distance to slideshow on home page */
	margin-left: 0;
	padding-top: 160px;
	text-align: left;
	border: none;
    
	font-size: 1.0em;
	font-weight: normal;
	line-height: 1.3em;
}

nav ul li {
	display: inline;
	margin: 0 0.208333333333% 0 0; /* 2/960 */
	border: none;
}

nav ul li a {
/*	color: #E3CF9C; */
    color: #FFFFFF;
	font-size: 1em;
	font-weight: normal;
	letter-spacing: 0.1em;
	padding: 10px 3.125% 26px 3.125%; /* 30/960 */
	text-transform: uppercase;
	border: none;
    background: url(../images/button_reg.jpg) repeat-x;
   }

nav ul li a:hover {
	
/*	color: #EBDDBA; */
    color: #FFFFFF;
	text-decoration: none;
    background: url(../images/button_hov.jpg) repeat-x;
    
}

nav ul li a.selected {
/*		color: #32423E; 
    color: #FFFFFF; */
    color: #005020;
        background: url(../images/button_sel.jpg) repeat-x;
}

nav ul li a.selected:hover {
	color: #005253;
    
}

#mainRight, #mainRight2 {
/*	margin-top: 40px; /* original */
	width: 100%; /* 960/960 */
	text-align: left;
}

#mainRight > img, #mainRight2 > img, .columns > img {
	width: 100%;
}

.columns {
	margin: 20px 0;
	padding-right: 1.041666666667%; /* 10/960 */
	border: none;
}

.colLeft {
	float: left;
	width: 47.916666666667%; /* 460/960 */
	border: none;
}

.colRight {
	float: right;
	width: 47.916666666667%; /* 460/960 */
	border: none;
}

#signature {
	margin-bottom: 5px;
    margin-right: 1.041666666667%; /* 10/960 */
	text-align: right;
}

footer {
	clear: both;
	background: url(../images/foot_bkgd.png) repeat-x;
	padding-top: 10px;
    height: 78px;
	border: none;
}

footer p {
	float: left;
    margin-left: 1.041666666667%; /* 10/960 */
 	font-size: 0.8em;
/*    color: #E3CF9C; */
    color: #005253;
	border: none;
}

footer ul {
	float: right;
	list-style: none;
/*	width: 34.375%; /* 330/960 */
	width: 38%; /* 330/960 */
	padding-top: 3px;
	text-align: right;
    margin-right: 1.041666666667%; /* 10/960 */
	border: none;
    
	font-size: 1.0em;
	font-weight: normal;
	line-height: 1.3em;
}

footer ul li {
	display: inline;
	margin: 0 1.515151515152%; /* 5/330 */
	border: none;
}

footer ul li a {
	font-size: 0.9em;
}

footer ul li a:hover {
	color: #005253;
}


/*************************************************************************************/
/* Following was added by Martyn 1/8/2016    
/*************************************************************************************/

.QuoteBox
{
	padding: 10px 10px 10px 10px;
	border: 1px solid #DDDDDD;
	border-radius: 10px;
	margin: 20px 0px 30px 0px;
	overflow: hidden;
}
.QuoteBoxMainContent
{
	background-color: #EEEEEE;
}
.QuoteBoxSidebar
{
	background-color: #CCDDFF;
}
.QuoteBoxHeader
{
	height: 30px;
}
h2
{
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 26px;
	font-weight: normal;
	color: #005253;
	margin: 25px 0px 0px 0px;
}
.QuoteBoxHeader h2
{
	color: #005253;
	margin: 0px;
}
.QuoteMarkLeft
{
	font-family: 'Arial';
	font-size: 50px;
	font-weight: bold;
	margin: -5px 10px -40px 0px;
	float: left;
}
.QuoteMarkRight
{
	font-family: 'Arial';
	font-size: 50px;
	font-weight: bold;
/*	margin: -35px 0px 0px 10px; mw original */
	margin: -35px 0px -20px 10px;
	float: right;
}
.QuoteMarkMainContent
{
	color: #777777;
}
.QuoteMarkSidebar
{
	color: #005253;
}
.QuoteBoxText
{
	margin: 0px 0px 0px 0px;
}
.QuoteBoxAttribution
{
	margin-top: 20px;
}

.HomeCTA
{
	position: relative;
	height: 121px;
	background-color: #EDF5CE;  /* pale green */
	padding: 7px 7px 7px 7px;
	border-radius: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}
.HomeCTAHeader
{
	height: 30px;
}
.HomeCTAHeader h2
{
	color: #005253;  /* dark blue */
	margin: 0px;
}
.HomeCTALogo
{
	margin: 8px 10px 0px 0px;
	float: left;
}
.HomeCTAText
{
	margin-top: 7px;
}
.HomeCTAButton a {
    position: absolute;
    right: 15px;
    bottom: 10px;
    width: 80px;
    height: 15px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    color: #F7F7F7;
    background-color: #005253;
    background: url(../images/cta_button.png) top right no-repeat;

    /*
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#005c5d), to(#004b4c));
    background-image: -webkit-linear-gradient(top, #005c5d, #004b4c);
    background-image: -moz-linear-gradient(top, #005c5d, #004b4c);
    background-image: -ms-linear-gradient(top, #005c5d, #004b4c);
    background-image: -o-linear-gradient(top, #005c5d, #004b4c);
    */
    padding: 6px 0px 7px 0px;
    border-radius: 6px;
    display: block;
    }
    
#HomeServiceUserQuotesBox
{
	background-color: #E6E6E6;
	padding: 7px 7px 7px 7px;
	border-radius: 10px;
	margin-bottom: 10px;
}
#HomeServiceUserQuotes h2
{
	font-size: 18px;
	margin: 0px;
}
.HomeServiceUserQuote
{
	margin-bottom: 30px;
    /* mw */
/*    margin-top: 20px; */
}

#HomeContentSectionTop
{
	height: 300px;
	margin-top: 0px;
	margin-bottom: 0px;
}
/* Tag defintions */
h1
{
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 30px;
	font-weight: normal;
	color: #005253;
	margin: 25px 0px 5px 0px;
}
h2
{
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 26px;
	font-weight: normal;
	color: #005253;
	margin: 25px 0px 0px 0px;
}
h3
{
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #005253;
	margin: 0px 0px 5px 0px;
}
h4
{
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #860038;
	margin: 0px 0px 5px 0px;
}
p
{
	padding: 0px 0px 0px 0px;
}
li
{
	padding: 8px 0px 8px 20px;
}



/* General site wide styles */
.FloatLeft
{
	float: left;
}
.FloatRight
{
	float: right;
}
.Clear
{
	clear: both;
}
.Bold
{
	font-weight: bold;
}
/* Grid Classes for 12 Column Layout */
/* Three Column Styles - 220px */
.ThreeColFirst
{
	width: 220px;
	margin-left: 0px;
	margin-right: 10px;
}
.ThreeCol
{
	width: 220px;
	margin-left: 10px;
	margin-right: 10px;
}
.ThreeColLast
{
	width: 220px;
	margin-left: 10px;
	margin-right: 0px;
}

/* Four Column Styles - 300px */
.FourColFirst
{
	width: 300px;
	margin-left: 0px;
	margin-right: 10px;
}
.FourCol
{
	width: 300px;
	margin-left: 10px;
	margin-right: 10px;
}
.FourColLast
{
	width: 300px;
	margin-left: 10px;
	margin-right: 0px;
}


/* Eight Column Styles - 620px */
.EightColFirst
{
/*	width: 620px; old - mw
	margin-left: 0px; */
	width: 610px;
	margin-left: 10px;
	margin-right: 10px;
}
.EightCol
{
	width: 620px;
	margin-left: 10px;
	margin-right: 10px;
}
.EightColLast
{
	width: 620px;
	margin-left: 10px;
	margin-right: 0px;
}


/* Nine Column Styles - 700px */
.NineColFirst
{
	width: 700px;
	margin-left: 0px;
	margin-right: 10px;
}
.NineCol
{
	width: 700px;
	margin-left: 10px;
	margin-right: 10px;
}
.NineColLast
{
	width: 700px;
	margin-left: 10px;
	margin-right: 0px;
}
#HomeContentSectionMiddle
{
	padding-bottom: 20px;
/*	border-bottom: 1px solid #CCCCCC; /* Changed by me 08/11/22 */
	border-bottom: 1px solid #006600;
	overflow: hidden;
}
#HomeContentSectionBottom
{
	margin-top: 30px;
	overflow: hidden;
}
#HomeContentSlideshow
{
	height: 280px;
	background-color: #DDDDDD;
}
#HomeContentNews
{
	height: 280px;
}

.HomeFeature
{
	margin-bottom: 15px;
}
.HomeFeaturePhoto
{
	margin-bottom: 10px;
}
.HomeFeatureIcon
{
	margin: 8px 11px 0px 0px;
	float: left;
}
.HomeFeatureHeading h2
{
	font-size: 20px;
	margin: 20px 0px 0px 0px;
}
.HomeFeatureHeading a
{
	text-decoration: none;
}
.HomeFeatureHeading a:hover
{
	color: #005253;
	text-decoration: underline;
}
.HomeFeatureButton
{
	margin-top: 20px;
}
.HomeFeatureButton a
{
	width: 80px;
	height: 15px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	color: #F7F7F7;
	background-color: #005253;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#005c5d), to(#004b4c));
	background-image: -webkit-linear-gradient(top, #005c5d, #004b4c);
	background-image:    -moz-linear-gradient(top, #005c5d, #004b4c);
	background-image:     -ms-linear-gradient(top, #005c5d, #004b4c);
	background-image:      -o-linear-gradient(top, #005c5d, #004b4c);
	padding: 6px 0px 7px 0px;
	border-radius: 6px;
	display: block;
}

/* About Us Page */
.TeamMember
{
	min-height: 200px;
	border-bottom: 1px solid #C3C3E5;
    margin-bottom: 10px;     /* mw */
}
.TeamMemberCaptionImageRight
{
	margin: -55px 0px 20px 30px;
	float: right;
}
.TeamMemberImage
{
	border: 1px solid #443266;
	margin-bottom: 5px; 
}
.TeamMemberCaption
{
	font-size: 11px;
	text-align: center;
}
.TeamMember h3
{
	width: 450px;
}

/* On all internal pages only */
#PageHeading
{   
	height: 1%;
	margin: 0px auto 20px auto;
	border-bottom: 1px solid #CCCCCC;
	overflow: hidden;
}

#MeetTheStaffHeading
{   
	height: 1%;
	margin: 0px auto 20px auto;
	border-bottom: 1px solid #CCCCCC;
	overflow: hidden;
}
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

#ContentBand
{
	width: 100%;
    /* original * 
	background-color: #F7F7F7;
    */
    
    /* new background image from John */
	width: 100%;
    background-image: url("../images/White-green-background.png");
    background-color: #cccccc;
      /* Full height */
    height: 100%; 
    
    /* Start of changes */
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* end of changes */
}
#Content
{   
	width: 940px;
	padding-top: 10px;
	padding-bottom: 25px;
	overflow: hidden;
    margin-left: 5px;  /* mw */
}
/* Sidebar CTA Button Component */
#SidebarCTAButton
{
	margin: 20px 0px 30px 0px;
}
#SidebarCTAButton img
{
	margin: -15px 15px 0px 10px;
	float: right;
}
#SidebarCTAButton a
{
	width: 265px;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #F7F7F7;
	background-color: #005253;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#005c5d), to(#004b4c));
	background-image: -webkit-linear-gradient(top, #005c5d, #004b4c);
	background-image:    -moz-linear-gradient(top, #005c5d, #004b4c);
	background-image:     -ms-linear-gradient(top, #005c5d, #004b4c);
	background-image:      -o-linear-gradient(top, #005c5d, #004b4c);
	padding: 16px 0px 16px 10px;
	border-radius: 8px;
	display: block;
}

/* Sub Menu Component */
#SubMenuComponent
{
	width: 274px;
	margin-top: 40px;
}
.SubMenuItem
{
	border-top: 1px solid #DDDDDD;
}
.SubMenuItemLast
{
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 40px;
}
#SubMenuContainer a
{
	line-height: 35px;
	background-color: #F7F7F7;
	padding-left: 10px;
	text-decoration: none;
	display: block;
}
#SubMenuContainer a:hover
{
	color: #F7F7F7;
	background-color: #005253;
}

/* Slideshow stuff from https://snook.ca/archives/html_and_css/simplest-css-slideshow */
@keyframes fade {
  0%   { opacity: 0; }
  11.11%  { opacity: 1; }
  33.33%  { opacity: 1; }
  44.44%  { opacity: 0; }
  100% { opacity: 0; }
}

/* .fadein { position:relative; height:332px; width:500px; } */
.fadein { position:relative; /* height:332px; width:500px; */ }
.fadein img { position:absolute; left:0; right:0; opacity:0; animation-name: fade; animation-duration: 27s; animation-iteration-count: infinite; 
        animation-timing-function: linear; }
.fadein img:nth-child(1) { animation-delay: 0s;  }
.fadein img:nth-child(2) { animation-delay: 9s;  }
.fadein img:nth-child(3) { animation-delay: 18s; }
/* End of Slideshow stuff */

/* mw todo */

@media screen and (max-width: 768px)        /* Tablet sized screen */
{
	html {
		background: url(../images/body_bkgd_2.png) repeat-x;
/*        background-color: #005253;  /* temporary for testing */
        padding: 0px 0px 0px 0px;
	}
	.colLeft, .colRight {
		float: none;
		width: 100%;
	}
    header {
        height: 68px;          /* Needed to allow facebook twitter buttons */
    }
    header h1 {
    	font-size: 1.2em;
    }
	header h1 span {    /* tagline text position */
		padding-top: 50px;
	}
    #HeaderRightBottom
    {
    	top: 5px;
    }
    #HeaderRightBottom img
    {
      width:80%; height:80%;
    }
	nav ul {
		position: relative;
		top: 0px;
	    padding-top: 16px;
    	height: 57px;     /* affects distance to slideshow on home page */
	}
	nav ul li {
		display: inline-block;
		text-align: center;
/*	    margin: 4px 4px 10px 5px; /* 2/960 */
        width: 135px;
        height: 26px;
		padding: 4px 10px;
	    margin: -5px 0px 10px 0px; /* 2/960 */
	}
	nav ul li a {
		background: none;
		width: 50%;
	}

	nav ul li a:hover {
        color: #FFFFFF;
      	text-decoration: none;
        background: url(../images/button_hov.jpg) repeat-x;
	}
	nav ul li a.selected {
    /*
		color: #f26932;
        */
		color: #005020;
		background: none;
		width: 50%;
	}
    #mainRight {
        alignment-adjust:auto;
    	margin-top: 0px;
    	width: 100%; /* 960/960 */
    	text-align: left;
    }
    #Content
    {   
    	width: 100%;
    	margin: 0px auto 0px auto;
    	padding-top: 10px;
    	padding-bottom: 25px;
    	overflow: hidden;
    }
    #HomeContentSlideshow
    {
        width: auto;
        height: auto;
    	background-color: #DDDDDD;
    }
    .fadein img { width: 100%; }
    .iframe-rwd iframe  /* Google maps iframE needs to be made mobile-compatible */
    {
        width: 90%;     /* Leave room to scroll background rather than map image on small screens */
    }
    .NineColFirst
    {
    	width: 100%;
    	margin-left: 5px;
    	margin-right: 5px;
    }
    .EightColFirst
    {
    	width: 100%;
    	margin-left: 5px;
    	margin-right: 5px;
    }
    .EightCol
    {
    	width: 100%;
    	margin-left: 5px;
    	margin-right: 5px;
    }
    .EightColLast
    {
    	width: 100%;
    	margin-left: 5px;
    	margin-right: 5px;
    }
    .FloatLeft
    {
    	float: none;
    }
    .FloatRight
    {
    	float: none;
    }
    .ThreeColFirst
    {
    	width: 100%;
    	margin-left: 5px;
    	margin-right: 5px;
    }
    .ThreeCol
    {
    	width: 100%;
    	margin-left: 5px;
    	margin-right: 5px;
    }
    .ThreeColLast 
    {
    	width: 100%;
        margin-left: 5px;
        margin-right: 5px;
    }
    #HomeContentSectionTop
    {
        position:static;
    	height: auto;
    	margin-top: -5px;
/*    	background-color: #E6E6E6;   /* mw temporary */
    }
    #HomeContentSectionMiddle
    {
    	position: relative;
    	border-bottom: 1px solid #CCCCCC;
    }
    #HomeCTAColumn 
    { /* mw not defined normally */
        position:relative;
        width:100%;
        padding-top:40%;
        bottom:-3px;
    }
    .HomeCTA
    {
        position:relative;
        padding-bottom:4.5%;
        width:46%;
    }
    #homeCTAleft{ float:left; margin-right:5px;}
    #homeCTAright{ padding-right:10px; }
    .HomeFeature img
    {
        width:100%;
        height:auto;
    }
    #logoTxt {
    	top: 10px;
    	left: 1.041666666667%; /* 10/960 */
	/* width: 34.791666666667%; /* 334/960 */
/*    width: 444px; */
/*        width: 30%;  mw new logo */
        width: 50%;
     	border: none;
        padding-bottom: 50px;
    	height: 10px;    /* stop it interferring with the nav bar */
    }
    footer ul { visibility: hidden; }   /* become too small */
}
@media screen and (max-width: 488px) /* iPhone size screen with 3 lines of navigation buttons */
{
	html {
		background: url(../images/body_bkgd_3.png) repeat-x;
        padding: 0px 0px 0px 0px;
	}
	nav ul {
	    padding-top: 50px;
	}
	nav ul {
	    padding-top: 16px;
    	height: 94px;     /* affects distance to slideshow on home page */
	}
    header h1 {
	font-size: 1.1em;
    }
    .HomeCTA
    {
        padding-bottom:7%;
        width:44%;
    }
}
