/* =========== BEGIN GENERIC DEFAULT DEFINITIONS ========== */
/* This defines the default attributes used for the defaults for commonly used page content section-contained elements.*/
/* This is the 6-color palette for the page. It is applied generally to the elements that are listed below:


Color palette:

SEDONA WARMTH
efe1d5 - Off white - Page content backgrounds
dac1ac - Tan - Page gradient background
b37f56 - Leather - Accent lines
673526 - Dark Copper - Headings
402f2a - Charcoal - Text
c0736d - Dark Pink - Footer and click section hover


Font palette:

Libre Baskerville - Headings
Montserrat - Paraghraphs and lists

*/
article {
	background-color: inherit;/*Use container's setttings*/
	height: auto;/*Allow the height to expand with the content.*/
	margin: inherit;/*Use the container's margin.*/
	padding: inherit;/*Use the container's padding.*/
}
section {
	background-color: inherit;/*Use container's setttings*/
	height: auto;/*Allow the height to expand with the content.*/
	margin: inherit;/*Use the container's margin.*/
	padding: inherit;/*Use the container's padding.*/
}
section a {
	padding-left: 0.00em;/*Padding left,right spaces link letters*/
	padding-right: 0.00em;
}
/* This selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
section a img {
	border: none;
}
section a:link {
	font-style:italic;
	text-decoration: none;
	color: #0000ff;/*Blue*/
}
section a:visited {
	text-decoration: none;
	color: #5d728d;/*Blue grape*/
}
section a:active, a:focus { 
	text-decoration: none;
}
section a:hover {
	text-decoration: underline;
	color: #b37f56;/*Leather*/
}
section h1 {
	padding: 0em 0.5em 0.5em 0.5em;/*Padding right,bottom,left*/
	font-family: 'Libre Baskerville', serif;
	font-size: 3.37em;/*Set same as font-size-xxlarge*/
	font-style: normal;
  	font-weight: 800;
	line-height: 1.3em;/*Multiple of font size*/
	text-align: center;
	color: #402f2a;/*Charcoal*/
}
section h2 {
	padding: 0em 0.5em 0.5em 0.5em;/*Padding right,bottom,left*/
	font-family: 'Libre Baskerville', serif;
	font-size: 2.59em;/*Set same as font-size-xlarge*/
	font-style: normal;
  	font-weight: 800;
	line-height: 1.3em;/*Multiple of font size*/
	text-align: center;
	color: #673526;/*Dark copper*/
}
section h3 {
	padding: 0em 0.5em 0.5em 0.5em;/*Padding right,bottom,left*/
	font-family: 'Libre Baskerville', serif;
	font-size: 1.99em; /*Set same as font-size-large*/
	font-style: normal;
  	font-weight: 600;
	line-height: 1.3em;/*Multiple of font size*/
	text-align: center;
	color: #673526;/*Dark copper*/
}
section h4 {
	padding: 0em 0.5em 0.5em 0.5em;/*Padding,left,bottom,right*/
	font-family: 'Libre Baskerville', serif;
	font-size: 1.54em; /*Set same as font-size-med*/
	font-style: normal;
  	font-weight: 600;
	line-height: 1.3em;/*Multiple of font size*/
	text-align: center;
	color: #673526;/*Dark copper*/}
section h5 {
	padding: 0em 0.5em 0.5em 0.5em;/*Padding right,bottom,left*/
	font-family: 'Libre Baskerville', serif;
	font-size: 1.18em; /*Set same as font-size-normal*/
	font-style: normal;
  	font-weight: 600;
	line-height: 1.3em;/*Multiple of font size*/
	text-align: left
	color: #364042;/*Charcoal*/
}
section h6 {
	padding: 0em 0.5em 0.5em 0.5em;/*Padding right,bottom,left*/
	font-family: 'Libre Baskerville', serif;
	font-size: 0.91em;/*Set same as font-size-small*/
	font-style: normal;
  	font-weight: 600;
	line-height: 1.3em;/*Multiple of font size*/
	text-align: left;
	color: #402f2a;/*Charcoal*/
}
section p {
	padding: 0em 0.5em 0.5em 15px;/*Padding right,bottom,left*/
	font-family: 'Montserrat', sans-serif;
	font-size: 1.18em;/*Set same as font-size-normal*/
	font-style: normal;
  	font-weight: 400;
	line-height: 1.4em;/*Multiple of font size*/
	text-align: left;
	color: #402f2a;/*Charcoal*/
}
 /* Define the spacing between other content and bullet padding from the left edge. */
section ul{
	padding: 0em 0em 0em 4.0em;/*Padding left*/
}
section ul li{
	margin: 0px 0px 0px 0px;/*Margin none*/
	padding: 0em 0em 0.2em 0.2em;/*Padding bottom,left*/
	font-family: 'Montserrat', sans-serif;
	font-size: 1.18em;/*Set same as font-size-normal*/
	font-style: normal;
  	font-weight: 400;
	line-height: 1.1em;/*Multiple of font size*/
	text-align: left;
	color: #402f2a;/*Charcoal*/
}
figure {
	margin: 0px 0px 0px 0px;/*Margin none*/
	padding: 0px 0px 0px 0px;/*Padding none*/ 
}
/* ========== END GENERIC DEFAULT DEFINITIONS ============ */

/* ========== BEGIN HEADER DEFINITIONS ============ */
header {
	margin: 0px 0px 0px 0px;/*Margin none*/
	padding: 3px 0px 0px 0px; /*A little padding at the top*/
	background: #586092;  /*There's a little gap between the logo and the top of the page where this color comes through when rendered in the browser, this setting makes it match the logo background. */
}
/* It seems that to get control of a header element in a modern browser, without using a class definition, is to define the entire hierarchy and drill right down to the desired element. Note that these "placeholders" are a necessary part of the definition, even if they may not be used. */
header nav {
	margin: 0em 0px 0em 0px;/*Margin none*/
	padding: 0em 0px 0em 0px;/*Padding none*/
	width: 100%;
}
header nav section {
	margin: 0em 0px 0em 0px;/*Margin none*/
	padding: 0em 0px 0em 0px;/*Padding none*/
	width: 100%;
}
#header-panel {
	margin: 0px 0% 0px 0%;/*Margin none*/
	padding: 0px 0% 5px 0%;/*Padding bottom*/
	background-image: url(../images/header-bknd-image.png);
	background-position: 40% 20%;/*Image's focus spot*/
	background-size: cover;/*Covers background, central theme*/
}
#header-panel img {
	padding: 4px 0% 4px 0.2%;/*Padding top,bottom,left*/
	width: 35%;
}
#header-menu-bar {
	margin: 0px 0% 0px 0%;/*Margin none*/
	padding: 0px 0% 0px 0%;/*Padding none*/
	background-color: transparent;/*Color none*/
}
#header-menu-bar ul {
	margin: 0px 0px 0px 0px;/*Margin none*/
	padding: 0em 0px 0em 0px;/*Padding none*/
	width: 85%;/*Part way along top*/
	list-style: none; /*Get rid of bullets and line numbers*/
	clear: both; /*Remove float settings set by any previous sections*/
	float: right;/*Move list section over to the right*/
	background: #58609250;/*Teal,translucent*/
}
#header-menu-bar ul li {
	margin: 0px 0px 0px 0px;/*Margin none*/
	padding: 0.15em 0.3em 0.15em 0.3em;/*Padding all sides*/
	display: inline;/*Menu builds horizonally.*/
	border-style: solid;/*Border left, grape blue*/
	border-color: #5d728d;
	border-width: 0px 0px 0px 1px;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.18em;/*Set same as font-size-normal*/
	font-style: normal;/*No italics*/
	font-weight: 400;
	text-decoration: none;/*No link styling*/
	cursor: default;/*Link style hover cursor*/
	float: right;
	color: #ffffff;/*Text color white*/
	background: #67352650;/*Dark copper,translucent*/
}
#header-menu-bar li a {
	margin: 0px 0px 0px 0px;/*Margin none*/
	padding: 0em 0px 0em 0px;/*Padding none*/
	color: #ffffff;/*White*/
}
#header-menu-bar ul li a:link {
	margin: 0px 0px 0px 0px;/*Margin none*/
	padding: 0em 0em 0em 0em; /*No padding*/
	color: #ffffff;/*White is repeated to show up in Dreamweaver*/
}
#header-menu-bar ul li a:hover {
	color: #b37f56;/*Leather*/
	text-decoration: underline;
}
/* =============== END HEADER DEFINITIONS =================== */

/* =============== BEGIN FOOTER DEFINITIONS ================= */
/* ~~ The footer format that is default for all HTML5 pages~~ */
footer {
	margin: 0px 0px 0px 0px;/*Margin none*/
	padding: 0em 0px 0em 0px;/*No padding*/
	width: 100%;
	background-color: #d5e3e6;/*Light aqua*/
}
/* -- Establish a placeholder for the NAV section -- */
footer nav {
	margin: 0px 0% 0px 0%;/*Margin none*/
	padding: 0px 0% 0px 0%;/*Padding none*/
	width: 100%;
}
/* -- Establish a placeholder for sections in general -- */
footer section {  /*Section in footer placeholder*/
	margin: 0px 0px 0px 0px;/*Margin none*/
	padding: 0em 0px 0em 0px;/*Padding none*/
}
/* -- Footer class definitions -- */
#footer-single-panel {
	margin: 0px 0% 0px 0%;/*Margin none*/
	padding: 2px 0px 2px 0px;/*Padding top,bottom*/
	background: #c0736d;/*Dark pink*/
}
#footer-single-panel h1 {
	margin: 0px 0px 0px 0px;/*Margin none*/
	padding: 0.3em 0em 0.3em 0em;/*Padding top,bottom*/
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 0.91em;/*Same as font-size-small*/
	line-height: 1.2em;/*Multiple of font size*/
	font-weight: 400;
	font-style: normal;
}
#footer-single-panel a { 
	margin: 0px 0px 0px 0px;/*Margin none*/
	padding: 0em 0em 0.2em 0em;/*Padding bottom*/
	font-family: 'Montserrat', sans-serif;
}
#footer-single-panel a:link {
	font-style:italic;
	text-decoration: underline;
	color: #0060c0;/*Bold blue*/
}
#footer-single-panel a:visited { /*Recent Link styling*/
	color: #00006a;/*Navy blue*/
	text-decoration: none;
}
#footer-single-panel a:hover {
	text-decoration: underline;
	color: #dac1ac;/*Tan*/
}
#footer-single-panel h2 {
	margin: 0px 0px 0px 0px;/*Margin none*/
	padding: 0em 0.5em 0.5em 0em;/*Padding right,bottom*/
	text-align: right;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.54em;/*Same as font-size-super-small*/
	line-height: 1.0em;/*Multiple of font size*/
	font-weight: 400;
	font-style: italic;
	color: #00006a;/*Navy blue*/
}
#footer-credits-panel {
	margin: 0px 0% 0px 0%;/*Margin none*/
	padding: 1px 0px 1px 0px;/*Padding top,bottom*/
	background: #c0736d;/*Dark pink*/
}
/*For website developer credit section the end of the footer. */
#footer-credits-panel h2 {
	margin: 0px 0px 0px 0px;/*Margin none*/
	padding: 0.5em 0.1% 0.2em 0%;/*Padding, top,bottom,right*/
	text-align: right;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.54em;/*Same as font-size-super-small*/
	line-height: 1.00em;/*Set spacing between paragraph's lines*/
	font-weight: 400;
	font-style: italic;
	color: #00006a;/*Navy blue*/
}
#footer-credits-panel a { /*Link anchor positioning*/
	margin: 0px 0px 0px 0px;/*Margin none*/
	padding: 0em 0em 0em 0em;/*Padding none*/
}
#footer-credits-panel a:link { /* New Link styling*/
	font-style:italic;
	text-decoration: none;
	color: #0060c0;/*Bold blue*/
}
#footer-credits-panel a:visited { /*Recent Link styling*/
	text-decoration: none;
	color: #c0c0c0;/*Light grey*/
}
#footer-credits-panel a:hover { /*Link styling when hovering*/
	text-decoration: none;
	color: #dac1ac;/*Tan*/
}
/* ============== END FOOTER DEFINITIONS ==================== */