/*	file name:	cbi_base.css
	author:	Eric McClafferty
	date:	12/5/2021
	Revised:	1/31/2022, 2/2/2022    */

*	{margin: 0; padding: 0;}
article, aside, figure, figcaption, footer, header, nav, section	  {display: block;}
#wrapper  {max-width: 960px; margin: 0 auto; background-color: #f0f0f0;}
img	{outline: 1px #bbb solid;}
nav	{height: 35px; width: 100%; background-color: #e0e0e0; padding-bottom: 6px;}
#gohome  {float: left; padding-left: 2%;}
#gohome:hover  {background-color: #f6f6f6;}
#site_name  {float: left; color: #484848; font-size: 1.25em; font-variant: small-caps;
	font-weight: bold; letter-spacing: 2px; display: none; margin: 5px 0 0 21%;}
#cbi_home  {float: right; padding-right: 2%;}
#cbi_home:hover  {background-color: #f6f6f6;}
h1, h2  { color: #484848;}
h1	{font-size: 1.35em; text-align: center; padding-top: 15px;}
h2	{font-size: 1.25em; text-align: center; padding-top: 12px;}
article  {padding-top: 2%;}
article img	{width: 95.8333%; margin: 2.0833%;}
figcaption	{text-align: center; font-size: 1em; line-height: 1.4em;}
address	{clear: both; font-size: 1em; text-align: center; padding: 15px 0; line-height: 1.4em;}
#mnavwrap  {float: left; width: 100%; background-color: #e0e0e0; margin-bottom: 20px;}
#mnavwrap ul  {float: left; width: 100%;}
#mnavwrap ul li	{list-style-type: none; width: 48%; padding: 1px 1% 0 1%; height: 35px;
	float: left; text-align: center; outline: 1px solid #bbb;}
#mnavwrap ul li a  {text-decoration: none; color: #484848; font-size: 1.125em;
	line-height: 1.6em; padding: 4px 20px;}
#mnavwrap li a:hover    {color:#222; background-color: #fff;}
#mnavwrap li.ur_here a {color: #666; background-color: #f6f6f6;}
#mnavwrap li.ur_here a:hover  {color: #666; background-color: #f6f6f6;}
@media screen and (min-width: 481px) and (max-width: 667px)
  {
    header, article, aside, footer  {width: 480px; margin: 0 auto;}
  }
@media screen and (min-width: 668px)
  {
    #wrapper  {outline: 1px #bbb solid;}
    header	{width: 98%; padding: 0 1%; float: left;}
    #site_name	{display: block;}
    article	{float: left; padding-top: 0.7%; margin: 0;}
    article > figure:nth-of-type(odd)  {float: left; width: 49%; padding: 0.5%;}
    article > figure:nth-of-type(even) {float: right; width: 49%; padding: 0.5%;}
    footer	{clear: left;}
    .break	{display: none;}
  }