/* 
Title:Yankee Ghosts 
Description:Full pages with top navigation bar. Built-in breadcrumb structure. Fluid width integration mobile ready.
URL:yankeeghosts.pages.dev
Created:September 4,2023
Version:1.0
*/
body {background:#222;color:#222;font-size:16px;font-family:Verdana,Helvetica,Sans-Serif;margin:0 auto;padding:0}
a,a:visited {color:#171796;text-decoration:none}
a:hover {color:#0000ff;text-decoration:none}
.alignright {float:right;border:none;padding:6px 0 0 8px}
.alignleft {float:left;border:none;padding:6px 8px 0 0}
.aligncenter {display:block;text-align:center;margin:0 auto;padding:0}
.bigtext {font-size:1.2em;font-weight:bold;text-decoration:underline;color:#ff0000;padding:16px 0 20px 40px}
.smalltext {font-size:0.86em}
img.centerimg {display:block;border:none;margin:0 auto;padding:6px}
/*Page Container*/
@media screen and (max-width:800px) {#pagecontainer {width:100%;margin:10px auto}}
@media screen and (min-width:801px) {#pagecontainer {width:95%;max-width:920px;margin:10px auto}}
#pagecontainer {background:#fff;padding:0}
/*header section*/
#header {background:#fff url('img/head.jpg') top right no-repeat;width:100%;height:140px;margin:0 auto;padding:0}
#header h2,#header h2 a,#header h2 a:visited {font-family:Times new Roman,Helvetica,Sans-Serif;font-size:38px;font-style:italic;color:#222;text-decoration:none;text-align:left;text-shadow:#999 2px 2px 3px;margin:auto;font-weight:bold;padding:2px 0 0 6px}
#header h2 a:hover {color:#0000ff;text-decoration:none}
/*Navigation bar*/
#topnav {background:#222;width:100%;height:34px;text-align:center;margin:0 auto;padding:0}
#topnav ul {margin:0;padding:4px 0 0}
#topnav li {display:inline;list-style-type:none;margin:0;padding:1px}
#topnav ul li a,#topnav ul li a:visited {font-family:inherit;background:transparent;font-size:1.1em;font-weight:normal;color:#fefefe;padding:0 5px;margin:0;text-decoration:none}
#topnav ul li a:hover {background:#eee;color:#222;font-weight:normal;text-decoration:none}
/*Main content section*/
#maincontent {width:96%;margin:0 auto;padding:0 0 10px}
#maincontent p {line-height:1.4em;text-align:justify;margin:0;padding:0 0 15px}
#maincontent h1 {color:#222;font-size:1.35em;font-family:inherit;font-weight:bold;margin:0;padding:20px 0}
#maincontent h2 {color:#222;font-size:1.25em;font-family:inherit;font-weight:normal;margin:10px 0 0;padding:0 0 10px}
#maincontent h3 {color:#222;font-size:1.22em;font-family:inherit;font-weight:normal;margin:10px 0 0;padding:0 0 10px}
#maincontent h4 {color:#222;font-size:1.19em;font-family:inherit;font-weight:normal;margin:10px 0 0;padding:0 0 10px}
#maincontent h5 {color:#222;font-size:1.17em;font-family:inherit;font-weight:normal;margin:10px 0 0;padding:0 0 10px}
#maincontent h1 a,#maincontent h2 a,#maincontent h3 a {color:#222;text-decoration:none}
#maincontent h1 a:hover,#maincontent h2 a:hover,#maincontent h3 a:hover {color:#0000ff;text-decoration:none}
#maincontent ol {margin:0 0 14px 20px;padding:0}
#maincontent ol li {font-size:1em;font-family:inherit;line-height:20px;text-align:justify;margin:0 0 6px 20px;padding:0}
#maincontent ul {margin:0 0 14px 20px;padding:0 0 10px}
#maincontent ul li {list-style-type:disc;font-size:1em;font-family:inherit;line-height:20px;text-align:justify;margin:0 0 6px 20px;padding:0}
#maincontent img {max-width:98%}
/*Homepage nav section*/
@media screen and (max-width:800px) {#nav2 ul li {font-size:1.16em;line-height:2em}}
@media screen and (min-width:801px) {#nav2 ul li {font-size:1em;line-height:1.5em}}
#nav2 {width:95%;margin:0 10px;padding:0 0 10px}
#nav2 h3 {color:#222;font-size:1.23em;font-family:inherit;font-weight:normal;padding:14px 0;margin:0}
#nav2 h3 a {color:#222;text-decoration:none}
#nav2 h3 a:hover {color:#777;text-decoration:none}
#nav2 ul {margin:0;padding:0}
#nav2 ul li,#nav2 ul li a {text-decoration:none;list-style:none;margin:0 0 2px;padding:0}
#nav2 ul li a:hover {color:#777;text-decoration:underline}
/*breadcrumbs*/
#breadcrumb {font-size:0.86em;padding:0}
#breadcrumb ol {margin:0;padding:0.9em 0.5em 0 0}
#breadcrumb ol li {list-style-type:none;display:inline;padding:0 4px 0 0;margin:0}
#breadcrumb ol li:before {content:"›";padding:0 4px 0 1px}
/*footer section*/
#footer {background:#999;width:100%;max-width:920px;height:auto;color:#eee;font-family:inherit;font-size:0.84em;text-align:center;margin:0 auto;padding:4px 0}
#footer a,#footer a:visited {color:#fff;text-decoration:none}
#footer a:hover {background:#fff;color:#222;text-decoration:none}
#footer ul {margin:0 0 4px;padding:0}
#footer ul li {display:inline;list-style-type:none;margin:0 0 2px;padding:0}