@charset "utf-8";
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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}

ol, ul {
	list-style: disc;
	list-style-image: none;
	/* list-style-position: inherit; */
	list-style-position: outside;
	left: 25px;
	clip: rect(auto, auto, auto, 25px);
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*--GLOBAL--------------------------------------------------------------------------------------------------------------------*/

html, body {
	height:100%;
	font: normal 14px  Arial, Helvetica, sans-serifVerdana, Geneva, sans-serif;
	margin: 0;
	padding: 0;
	line-height: normal;	/*Was 1.8em;*/
	background-image: url(images/body-bg.jpg);
}

img {border: none;}
img.left {margin: 0 10px 10px 0; clear: left;}

* {outline: none;}

p, h6 {margin: 0 0 12px; padding: 0 0 12px;}

li {
	/* margin:auto; */
	margin: 0 15px 0 0;   /* Top Right Bottom Left - clockwise from Top */
	position:relative;
	left: 25px;
}
h1 {
	margin: 32px 0 15px 0;
	color: #18578e;
	font-size: 20px;
	height: 36px;
	/* font-family:  Gill Sans, "Lucida Sans Unicode", "Lucida Grande", sans-serif; */
	/* background-image:url(images/Leaf.jpg);
	background-repeat:no-repeat;
	padding-left: 15px;
	text-transform: uppercase; */
}

h2{
	margin: 22px 0px 15px 0px;
	font-size: 18px;
	color: #18578e;
	/* font-weight: 100; */
	/* text-transform: uppercase; */
}

h3{
	margin: 22px 0px 15px 0px;
	font-size: 16px;
	color: #18578e;
	/* text-transform: uppercase;
	color: #b6b5b5; */
}

h4 {
	margin: 22px 0px 15px 10px;
	font-size: 14px;
	color: #19531A;
	/* text-transform: uppercase;
	color: #b6b5b5; */
}

i, em { 
    font-style: italic;
}

b, strong { 
    font-weight: bold;
}

td {
	text-align: center;
}

/* Classes ------------------------------------------------- */
.left {float: left;}
.right {float: right;}
.clear {clear: both;}

.WhiteHeading {
	margin: 35px 0 0 137px;
	color: #ffffff;
	font-size: 20px;
	font-family:  Gill Sans, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 20px;
	text-shadow: 0px 1px 0px #373737;
	font-weight: 100;
	/* text-transform: uppercase; */
}

.BannerHeading {
	color: #ffffff;
	font-size: 50px;
	font-family:  Gill Sans, "Lucida Sans Unicode", "Bell MT", sans-serif;
	line-height: 70px;
	font-weight: 200;
}

.subline {
	color: #c9c8c8;
	font-size: 13px;
	font-family:  Gill Sans, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform: none;
}

.highlight{
	font-size: 14px;
}

.highlight_green{
	font-size: 14px;
	color: #9ad735
}

.error {color: #FF0000;}

.menu {
	line-height: 125%;	/*Keep lines tight if they wrap*/
	margin-top: 0px;
	/* margin-top: 10px; We don't want a top margin, now that we hard code a table in HorizontalMenu.htm*/
    /* display: table-cell;
    vertical-align: middle; */
	/* Child DIV - This was attempt to vertically align menu. But menu width defaulted to < 50% in Iframe */
}

.menu ul {
	margin-left:0;
	padding-left:0;
	float:left;
}
.menu li {
	float:left;
	color:white;
	list-style-type:none;
	
}
.menu li.last {
	border-right:none;
}
.menu li a {
	color:#373737;
	padding:0px 9px;
	text-decoration:none;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
}
.menu li a:hover {
	color: #000;
	background-color: #99CCFF;
}

.nice_photo img{
	background-color: #efebeb;
	border: 1px solid #c7c5c5;
	padding: 5px;
	margin: 0 0 10px 20px;
}

.menu_holder {
	/* width:100%; */
	max-width:100%;
	margin:auto;
	position:relative;
}

.HorizontalMenu_Iframe {
	/* background-image:url(images/nav-bg.jpg); */
	background-color:LightGrey;
	border:none;
	width:100%;
	height:70px;/* height:60px; height:48px; */
	position:relative;
	/* overflow:hidden;
	scrolling:no; */
}

/* .HorizontalMenu_Iframe body {
    background-image: url("images/nav-bg.jpg");
} */

.HorizontalMenu {
	max-width:1280px;
	margin:auto;
	position:relative;
	height:70px;/* height:60px; */
	background-color:LightGrey;
	/* display: table; Parent DIV - This was attempt to vertically align menu. But width defaulted to < 50% in Iframe */
}

.FullWidthText {
	margin-right:20px;	/* Prevent being hidden by browser slider bar */
}

.ColumnHeadings {
	background-color: LightBlue;
	text-align: center;
}

/* Class version of #header_center */
.Header_Iframe {
	width:100%;
	height:222px;
	overflow:hidden;
}

.Header {
	background:url(images/short-header-bg.jpg) repeat-x;/* Changed */
	height:222px;
}

/* Home page banner is taller than other pages */
.HeaderHome {
	background-color: #18578e;
	height:250px;
	/* background:url(images/short-header-bg.jpg) repeat-x;
	background-color:DarkBlue;
	height:222px; */
}

.PageBannerHome {
	background:url('images/HomePageBanner.jpg');
	/* width:1020px; */
	height:250px;
	max-width:1280px;
	margin:auto;
	position:relative;
	border:none;
}

/* All other pages have a shorter banner than the Home page */
.PageBanner {
	background:url('images/PageBanner.jpg');
	/* width:1020px; */
	height:175px;
	max-width:1280px;
	margin:auto;
	position:relative;
	border:none;
}

/* From BootstrapCdn.com */
.form-group {
  margin-bottom: 15px;
}

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}


/* Classes - Responsive Design -------------------------------- */
/* 18 Mar 18 GE:  Added support for mobile phones and tablets */

.Left20 {
    width: 20%;
    float: left;
    padding: 10px;
}

.Left25 {
    width: 25%;
    float: left;
    padding: 10px;
}

.Left30 {
    width: 30%;
    float: left;
    padding: 10px;
}

.Left55 {
    width: 55%;
    float: left;
    padding: 10px;
}

.Left60 {
    width: 60%;
    float: left;
    padding: 10px;
}

.Left65 {
    width: 65%;
    float: left;
    padding: 10px;
}

.Left70 {
    width: 70%;
    float: left;
    padding: 10px;
}

.Left75 {
    width: 75%;
    float: left;
    padding: 10px;
}

/* Increase Header and Menu height for narrow screens, because menu wraps to second line: */
/* @media only screen and (max-width: 600px) {
	.HorizontalMenu_Iframe {height:96px;}
} */

/* For mobile phones: Graeme's Motorola phone is 360 x 640 pixels. See http://WhatIsMyScreenResolution.net */
@media only screen and (max-width: 599px) {
	.PageBannerHome {background:url(images/PageBanner599.jpg);max-width:599px;}
	.PageBanner {background:url(images/PageBanner599.jpg);max-width:599px;}
/* 	[class*="left"] {padding: 3px;} Didn't work for some reason */
	.Left20 {padding: 3px;}
	.Left30 {padding: 3px;}
	.Left55 {padding: 3px;}
	.Left60 {padding: 3px;}
	.Left65 {padding: 3px;}
	.Left70 {padding: 3px;}
	.Left75 {padding: 3px;}
	p, h6 {margin: 0 0 5px; padding: 0px;}
}

[class*="w-"] {
    width: 100%;
    float: left;
    padding: 10px;
}

/* For tablets: */
@media only screen and (min-width: 600px) {
	.PageBannerHome {background:url(images/PageBannerHome900.jpg);max-width:900px;}
	.PageBanner {background:url(images/PageBanner900.jpg);max-width:900px;}
    .w-s20 {width: 20%;}
    .w-s25 {width: 25%;}
    .w-s30 {width: 30%;}
    .w-s33 {width: 33%;}
    .w-s44 {width: 44%;}
    .w-s45 {width: 45%;}
    .w-s46 {width: 46%;}
    .w-s47 {width: 47%;}
    .w-s50 {width: 50%;}
    .w-s66 {width: 66%;}
    .w-s75 {width: 75%;}
    .w-s100 {width: 100%;margin-right:10px;}
    
	[class*="w-"] {padding: 7px;}
	[class*="left"] {padding: 7px;}
	p, h6 {margin: 0 0 7px; padding: 0px;}
}
 
/* For laptops and desktops: */
@media only screen and (min-width: 768px) {
    .w-20 {width: 20%;}
    .w-25 {width: 25%;}
    .w-28 {width: 28%;}
    .w-30 {width: 30%;}
    .w-33 {width: 33%;}
    .w-45 {width: 45%;}
    .w-47 {width: 47%;}
    .w-50 {width: 50%;}
    .w-66 {width: 66%;}
    .w-75 {width: 75%;}
    .w-100 {width:100%;margin-right:20px;}
	/* p, h6 {margin: 0 0 10px; padding: 0 0 10px;} */
}
@media only screen and (min-width: 900px) {
	.PageBannerHome {background:url(images/HomePageBanner.jpg);max-width:1280px;}
	.PageBanner {background:url(images/PageBanner.jpg);max-width:1280px;}
}

 
.TestYellow {
	background-color:Yellow;
	border:none;
	width:100%;
	height:72px;/* height:48px; */
	position:relative;
}

.TestGreen {
	background-color:Green;
	border:none;
	width:100%;
	height:72px;/* height:48px; */
	position:relative;
}

.TestBlue {
	background-color:Blue;
	border:none;
	width:100%;
	height:72px;/* height:48px; */
	position:relative;
}


/* Divisions ------------------------------------------------- */

#container {
	/* 31 Mar 18 GE: This is container for the whole body - but it is no longer necessary
	max-width:1920px;  31 Mar 18 GE: Limit width for high-res notebook/desktop computers
	margin:auto; */
	width:100%;
	position:relative;
	min-height:100%;
}

#HorizontalMenu {
	background:url(images/nav-bg.jpg) repeat-x;
	height:96px;
}

#header {
	background-color: #18578e;
	height:175px;
	/* background:url(images/short-header-bg.jpg) repeat-x;
	background-color:DarkBlue;
	height:222px; */
}

#header_center {
	background:url(images/PageBanner.jpg);/* Changed */
	/* width:1020px; */
	height:175px;
	max-width:1280px;
	margin:auto;
	position:relative;
	border:none;
}

#content{
	padding-bottom:0px;
	/* Height of the footer */
}

#content_center {
	/* width:960px;
	max-width:1020px; */
	max-width:1280px;
	margin:auto;
	position:relative;
}

#ContentFooter265{
	padding-bottom:265px;
	/* Height of the footer */
}

#HalfPage {
	/* width:470px; */
	max-width:470px;
	float:left;
}

#RightHalfPage {
	/* width:470px; */
	max-width:470px;
	float:right;
}

#ThirdPage {
	/* width:470px; */
	max-width:470px;
	float:left;
}

#lhs {
	/* width:629px; */
	max-width:629px;
	float:left;
}

#lhs p {
	margin-right: 90px;
}

#lhs_wide {
	/* width:960px; */
	max-width:960px;
	float:left
}

#rhs {
	/* width:331px; */
	max-width:331px;
	float:left;
	height: 754px;
}



#copyright {
	float: left;
}

#copyright p {
	float: left;
	margin: 3px 10px 10px 18px;
	padding-top: 7px;
	font-size: 11px;
	line-height: 17px;
	color: #6C7178;
}

#hp_form {
	position: relative;
	width: 538px;
	height: 320px;
	background-color: #efebeb;
	border: 1px solid #c7c5c5;
	margin: 25px 0 20px 8px;
}

#form {
	color: #494949;
	font-size: 14px;
	margin: 20px 0 0 33px;
	line-height: 32px;
}