/** newstyle03.css - original plus more mods */
/* Last-modified : 2020-10-24T19:18:48-0400 */ 

/* Code based on the HTML5 and CSS templates at dezzain.com */
/* normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/* HTML5 Boilerplate v5.3.0 MIT License */
/* and modified by me */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
 
html {
  font-size: 0.75em;
  font-family: Arial,'Open Sans',sans-serif;
  }


body {
  margin: 0;
  }



/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
footer,
header,
hgroup,
hr,
main,
menu,
nav,
p,
section,
summary {
  display:block;
}

/**
 * Removed CSS for audio, video to save space.
 */



/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display:none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color:transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active,
a:focus,
a:hover {
  outline:0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom:0.1em dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight:bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style:italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
   margin:0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark { background:#ffff00; color:#000; } /* yellow highlighter */

/* red #ff0000   green #00ff00  blue #00ffff */
mark.red { background-color:#f9c7c2; color:#000000; }
mark.blue { background-color:#00ffff; color:#000000; }
mark.yellow { background-color:#fffab2; color:#000000; }
mark.green { background-color:#c7e19e; color:#000000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size:75%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
}

sup {
  top:-0.5em;
}

sub {
  bottom:-0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow:hidden;
}

/* Grouping content
   ========================================================================== */



/**
 * Address differences between Firefox and other browsers.
 */

hr {
  box-sizing: content-box;
  height:0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow:auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family:monospace, monospace;
  }

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color:inherit; /* 1 */
  font:inherit; /* 2 */
  margin:0; /* 3 */
  margin-bottom:0.5em; 
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow:visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform:none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  cursor:pointer;
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor:default;
}


/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height:normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing:border-box; /* 1 */
  padding:0; /* 2 */
}


/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type="search"] {
  box-sizing: content-box;
  }


/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border:0.1em solid #c0c0c0; /* grey */
  margin:0 0.2em;
  padding:0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border:0; /* 1 */
  padding:0; /* 2 */
}


/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow:auto;
}

/* Allow only vertical resizing of textareas. */

textarea { resize:vertical; }



/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight:bold;
}


/* end of Normalize code and Boilerplate = = = = = = = = = = = = = = */


/* my mods  */

/* clearfix */

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}



/* rounded corners on input boxes  */

input, fieldset, legend, textarea {
	border-radius: 0.5em;
	}


body {
	background-color:#ebf4ea; /* pale green f5fbf8 */
	font-family:Arial, sans-serif;
	padding:0; 
	margin:0;
}
	 
*, html { line-height: 1.2em; }
	 
	 
#wrapper {
/* font-size:0.9em; 0.8em or 13px from 100% global font-size */
	max-width:960px; /* standard 1024px wide */
	margin:0 auto;
}
	 
/* css for <header> */

.container { position: relative; color: white; }

header {
	position: relative;
	width:100%; font-weight:normal;
	padding:0;
	margin:0;
	float:left;
	width:100%;
	}

header a { color:black; background-color:#ebf4ea; text-decoration:none; }
header h2 { font-family: Arial, sans-serif; color:black; background-color:#ebf4ea; 
	padding-left:1.5em; }
header h3 { font-family: Arial, sans-serif; color:black; 
	padding-left:1.5em; }
	
img.header { float:left; max-width:100%; height:auto; margin:0 ; 
	background-color:transparent; position:relative; }



/* for "skip to main content" */

.skip {
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 1px;
	width: 1px;
	text-align: left;
	overflow: hidden;
	}

header a.skip:active,
header a.skip:focus,
header a.skip:hover {
	left: 0;
	top: 0;
	width: auto;
	height: auto;
	overflow: visible;
	}




	 
/* css for horizontal <nav> bar */

nav {
display:block;
margin:0 0 0em;
padding:0;
float:left;
width:100%;
background-color:#005b1e;  /* dark green */
}

nav ul ul { display:none; }
nav ul li:hover > ul { display:block; }
nav ul li:focus > ul { display:block; }
nav ul li:active > ul { display:block }

nav ul {
    padding:0 0 0 1em;
    list-style:none;
    position:relative;
    display:inline-table;
    z-index:9999;
    margin:0;
    float:left;
    width:100%;
}

nav ul:after { content:""; clear:both; display:block; }

nav ul li { float:left; }

nav ul li:hover a { color:white; background-color: #555555; 
	}

nav ul li a {
    display:block;
    padding:0.5em;   /** 1em **/
    line-height:1em; /* 1.5 */
    color:#ececec; 	/* light grey #ececec */
    text-decoration:none;
    margin:0em;
    background-color:#005b1e;  /* dark green */
    border-right:0.1em solid #333;
	}  
	
nav ul li a.URhere { color:yellow; }

nav ul li:last-of-type a { border-right: 0.1em solid transparent !important; }

nav ul li a:hover {	
	 font-weight:bold; 
    background:#5f6975;
    color:white;
	}
	
nav ul li a:focus { 
	 font-weight:bold; 
	 color:red; 
	 }

nav ul ul {
    background:#555555;	/* 5f6975; */
    border-radius:0em;
    padding:0;
    position:absolute;
    top:100%;
    width:auto;
    float:none;
	}
	
nav ul ul li {
	float:none;
	border-bottom:0.1em solid #444240; /* grey */
	position:relative;
	}
	 
nav ul ul li a {
	padding:0.5em 1em;
	width:10em;
	color:white;
	}  
	
nav ul ul li a.URhere { color:yellow; } 

nav ul ul li a:hover {
	 font-weight:bold;
    background-color:#636363; 
    }
    
nav ul ul li a:focus { 
	 font-weight:bold; 
	 color:red; 
	 }
	 
<!-- nav ul ul ul {
	position:absolute; left:100%; top:0;
	} -->
	


/* css for class='content' */

div.content { width:70%; float:left; background-color:#ebf4ea; }
	.content article { width:100%; float:left; margin-right:1em; border-bottom:0.1em; 
			border-color:#ddd; }
	.content h1 { font-family:Arial, sans-serif; font-weight:bold; color:black; 
			padding-left:0.5em; margin-right:1em; word-spacing:0.3em; text-align:center; 
			text-shadow: 0.1em 0.1em #c2c2c2; }
	.content h2 { font-family:Arial, sans-serif; font-weight:bold; color:black; 
			padding-left:0.5em; margin-right:1em; word-spacing:0.3em; text-align:center; }  
h3.print-header { display:none; }

a:hover { font-weight:bold; color:red; } 
a:focus { font-weight:bold; color:red; }


article { padding:0 1em 0 1em; margin-right: 1em; }
article h1 { color:black; background-color:#ebf4ea; margin-left:0.5em; margin-right:1em; text-shadow: 0.1em 0.1em #c2c2c2; }
article h2 { color:black; background-color:#ebf4ea; margin-left:0.5em; margin-right:1em; }   
article h3 { color:black; margin-left:0.5em; padding-top:0.3em; padding-bottom:0.3em; 
	margin-right:1.5em; margin-top:2em; background-color:#d5e9d7; text-align:center; clear:both; }  
article h3.warn { color:black; margin: 0.2em 1.5em 0.3em 0.5em; background-color:pink; text-align:center; }  
article h4 { color:black; background-color:#ebf4ea; margin-left:0.5em; margin-right: 1em; }
article p { text-align:left; padding-left:0.5em; padding-top:0.1em; padding-right:0.5em; margin-right:1em; }  
article a { color:#000000; }  

article ul li { color:black; background-color:#ebf4ea; margin-right:2em; }  
article ol li { color:black; background-color:#ebf4ea; margin-right:2em; }  
/* article img { width:auto; max-width:100%; height:auto; } */

/* h3.clear { clear:both; } */

p.clear { clear:both; }
p.clearright { float:left; }

p.tbbeige { background-color:#fffded; margin:auto; border:0.1em solid #000000; border-radius:0.4em; 
	padding:1em; width:80%; }  
p.tbyellow { background-color:#fff99d; margin:auto; border:0.1em solid #000000; border-radius:0.4em; 
	padding:0.7em; width:80%; }  
p.tbwhite { background-color:#ffffff; margin:auto; border:0.1em solid #000000; border-radius:0.5em; 
	padding:0.7em; width:80%; text-align:center; } 
p.tbpink { background-color:#fcdad5; margin:auto; border:0.1em solid #000000; border-radius:0.5em; 
	padding:0.7em; width:80%;}
p.tbgreen { background-color:#ebf4f3; margin-left:0.7em; border:0.1em solid #000000; 
	padding:0.4em; width:80%; border-radius:0.5em; text-align:center; }
p.tblink { background-color:#fff99d; margin:0 2em 1em 0; border:0.1em solid #000000; border-radius:0.3em; 
	padding:0.4em; width:12em; float:right; }	
p.quote { font-style:italic; font-family:serif; color:#555555; background-color:#ebf4ea; margin:auto; padding:1em; width:90%; clear:both; }
p.source { font-style:normal; color:black; background-color:#ebf4ea; float:right; margin:auto; padding-right:5em; }  
p.crumbs, p.menu { padding-left:1.5em; margin:0.1em 0.1em; }
p.notes { font-size:small; }
p.caption { font-style:italic; }


img { margin: 0.4em 1.5em 0.4em 1.0em; }

img.left10 { float:left; max-width:10%; height:auto; }
img.left20 { float:left; max-width:20%; height:auto; }
img.left30 { float:left; max-width:30%; height:auto; margin:0.5em 1.5em; }
img.left40 { float:left; max-width:40%; height:auto; margin:auto; }
img.left60 { float:left; max-width:60%; height:auto; }
img.left80 { float:left; max-width:80%; height:auto; }
img.left90 { float:left; max-width:90%; height:auto; }
img.left100 { float:left; max-width:100%; height:auto; margin:auto; }
img.none20 { float:none; max-width:20%; height:auto; margin:auto; padding-left:1em; }
img.none30 { float:none; max-width:30%; height:auto; margin:auto; }
img.none40 { float:left; max-width:40%; height:auto; margin:auto; }
img.none50 { float:none; max-width:50%; height:auto; margin:auto; }
img.none60 { float:none; max-width:60%; height:auto; margin:auto; padding-left:0.4em; }
img.none75 { float:none; max-width:75%; height:auto; margin:auto; }
img.none80 { float:none; max-width:80%; height:auto; margin:auto; }
img.none90 { float:none; max-width:90%; height:auto; margin:0.4em 1.5em 0.4em 0.4em; }
img.none100 { float:none; max-width:100%; height:auto; margin:0.4em 1.5em 0.4em 0.4em; }
img.right10 { float:right; max-width:10%; height:auto; }
img.right20 { float:right; max-width:20%; height:auto; }
img.right30 { float:right; max-width:30%; height:auto; }
img.right40 { float:right; max-width:40%; height:auto; margin:auto; }
img.right50 { float:right; max-width:50%; height:auto; margin:auto; }
img.right100 { float:right; max-width:100%; height:auto; }


img.icon { padding:0 0 0.4em 0; border:0; float:left; max-width:15%; height:auto; clear:both; }
img.clear { float:left; display:block; clear:both; }
img.h3 { padding:0em 1.5em 0 0; border:0; float:right; max-width:20%; display:inline; }
img.share { margin:0.2em 1.5em 0.2em 1em; float:right; max-width:30%; height:auto; }


table { table-layout:auto; width:90%; font-family:Arial, sans-serif; white-space:nowrap; 
   float:none; background-color:#ffffff; border:0.1em; border-collapse:collapse;
	border-spacing:0; margin:auto; }  
table caption { font-weight:bold; word-spacing:0.4em; padding-bottom:0.3em; }
table td, th {border:0.1em solid black; padding:0.3em; text-align:center; width:auto; }
table th { background-color:#cccccc; } /* not so light grey */
tr.odd { background-color:#ffffff; } /* white */
tr.even { background-color:#ececec; } /* light grey */
td.green { background-color:#c7e19e; } /* pale green */
tr:hover { background-color:#fff99d; } /* yellow */




/* css for contact form */

input[type="submit"] { font-family: Arial, sans-serif; color:black; font-size:large; 
background-color:#e0edc5; border:0.1em; border-color:#cccccc; } /* dark green #005b1e */
input, textarea { padding:0.3em; }
input:focus { background-color:#fff99d; border-color:#cccccc; }
textarea:focus { background-color:#fff99d; border-color:#cccccc; }
label { padding-left:0.5em; }

	
	
/* css for <aside class='sidebar'> */

img.sidebar { float:left;                                 ; 
	max-width:100%; 
	height:auto; 
	padding:0; 
	margin:0; 
	margin-bottom:0; 
	display:block; }

aside.sidebar { width:25%; 
	float:right; 
	padding:0em; 
	background-color:#d5e9d7; } /* #d5e9d7;#bedfc4; */
    
aside.sidebar a { color:#002809; }

aside.sidebar a.URhere { color:black; 
	font-weight:bold;
	text-decoration:none; }
	
aside.sidebar a:hover {
	 background-color: #d5e9d7;
    color:red; 
    }
    
aside.sidebar a:focus {
	 background-color: #d5e9d7;
    color:red; 
    }      

aside.sidebar ul {
    width:100%;
    margin:0em;
    padding:0em;
    padding-left:0.5em;
    float:left;
    list-style:none;
    line-height:2;
    }
   
aside.sidebar ul li {
    width:100%;
    margin:0em 0em 2em;
    padding:0em;
    float:left;
    list-style:none;
    line-height:2.0;
    }

aside.sidebar ul li ul li {
    margin:0 0 0.2em;
    padding:0em;
    line-height:2.0;
	}
	
aside.sidebar ul li ul li ul li {
    margin:0em;
    padding:0 0 0 1em;
    width:90%;
    line-height:2.0;
    }  /* font-size:1em; */
    
    
aside.sidebar h3.widget-title {
    width:100%;
    margin:0em;
    padding:0em;
    margin-bottom:0.5em;
    float:left;
    font-size:125%;
    line-height:2.5;
	}
	
h3.widget-title { color:white; 
	background-color:#004b18; 
	text-indent:0.5em; }  /* #005b1e */
	
aside.sidebar p { padding-left:0.5em; 
	padding-right:1em; }

aside.sidebar img { max-width:100%; height:auto; }



/* css for <footer> */

footer {
    width:100%;
    float:left;
    padding:0%;
    background-color:white;
    margin-top:1em;
    font-size:small;
	}
	
footer hr { width:90%; height:0.08em; color:black; margin-bottom:1em; }
footer a { color:black; }
footer .footer-left { max-width:45%; float:left; text-align:left; padding:0.5em; }
footer .footer-right { max-width:45%; float:right; text-align:right; padding:0.5em; }
footer .footer-center { max-width:75%; float:none; text-align:center; padding:0.5em; }

/*Cookie Notification Begin*/
footer .cookieNotification {
	max-width:74%; float:none; text-align:center; padding:0.5em;
    background-color: #ffff00;
    min-height: 2em;
    line-height: 1em;
    }
/* End Cookie Notification */



/* @media queries */

@media (max-width: 480px) {
	html { font-size: 82.7%; }
	div.content, section, aside.sidebar { width:100%; }
	p.menu { display:block; padding-left:1em; }    /* Needed on small screens */
	h4.flag { background-color:brown; }
  }


@media (min-width:481px) and (max-width: 600px) {
	html { font-size: 88.2%; }
	div.content, section, aside.sidebar { width:100%; }
	p.menu { display:block; padding-left:1em; }    /* Needed on small screens */
	h4.flag { background-color:red; }
  }

/*-- tablet portrait --*/
@media (min-width: 601px) and (max-width: 765px) {
	html { font-size: 93.8% ; }	/** 93.8% **/
	div.content, section, aside.sidebar { width:100%; }  
	p.menu { display:block; padding-left:1em; }    /* Needed on small screens */
	h4.flag { background-color:orange; }
}

/*-- tablet landscape --*/
@media (min-width: 767px) and (max-width: 1200px) {
	html { font-size: 100%; }	
	p.menu {display:none; }    /* Not needed on large screens */  
   h4.flag { background-color:yellow; }
}

/*-- desktop --*/
@media (min-width: 1201px) and (max-width: 1800px) {
	html { font-size: 100%; }	
	p.menu {display:none; }    /* Not needed on large screens */
	h4.flag { background-color:green; } 
}

/*-- big desktop --*/
@media (min-width: 1801px) {
	html { font-size: 106.3%; }	
	p.menu {display:none; }    /* Not needed on large screens */  
	h4.flag { background-color:blue; }
} 
 


/* @media query for printer */

@media print {
	
body { margin: 1mm 10mm 10mm 10mm;	
  color : #000000;
  background : #ffffff;
  font-family : "Arial", sans-serif;
  font-size : 90%; }

div.content { width:100%; }

main,
section,
h3.print-header,
footer { display:block; }

header,
nav,
a.menu,
aside,
p.crumbs { display:none; }

table, 
tr,
img { page-break-inside:avoid; }

h2,
h3 { page-break-after:avoid; }

table { table-layout:auto; width:90%; }

table,
th, 
tr,
td { border:0.1em solid black; text-align:center; border-collapse:collapse; 
	padding:0.4em; border-color:#000000; }
	
table caption { font-weight:bold; word-spacing:0.4em; padding-bottom:0.3em; }

footer { font-size:75%; }

/* Show URL */

a:link:after, 
a:visited:after { content:" [" attr(href) "] "; }

}