/*
	file name:	s_pasqual.css
	author:		Eric McClafferty
	date:		5/12/2022
	Revised:	9/15/2025
*/
*	{margin: 0; padding: 0;}
body *	{font-family: Verdana, Geneva, sans-serif; font-size: 100%;
		font-weight: bold; line-height: 1.4em; vertical-align: baseline;}
article, aside, figure, figcaption, footer, header, nav, section	{display: block;}
#site_name  {display: inline; font-family: "Times New Roman", serif; color:#484848;
		    font-size: 1.3em; font-variant: small-caps; font-weight: bold;
		    letter-spacing: 2px; line-height: 1.7em; margin-left: 20%; display: none;}
h1, h2, h3, address  { color: #484848;}
#wrapper	{max-width: 960px; margin: 0 auto; background-color: #f0f0f0;}
nav	{height: 35px; width: 100%; background-color: #e0e0e0; padding-bottom: 6px;}
#gohome  {float: left; padding-left: 2%;}
#gohome:hover  {background-color: #f6f6f6;}
#sd_home  {float: right; padding-right: 2%;}
#sd_home:hover  {background-color: #f6f6f6;}
.drop, #low_vw  {display: none;}
img	{width: 95.8333%; margin: 1% 2.0833%; outline: 1px #bbb solid;}
h1, h2, h3 {text-align: center;}
h1 { padding-top: 0.5em; font-size: 125%;}
h2 {padding: 7px 0 7px 0; font-size: 95%;}
h3 {font-size: 90%;}
address {text-align: center; font-size: 0.8em; padding-bottom: 0.8em;}
#mnavwrap  {float: left; width: 100%; background-color: #ccc; 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: 0.875em;
				line-height: 1.6em; }
#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, section, figure, figcaption, footer  {width: 480px; margin: 0 auto;}
/*    #site_name {display: inline;}  */
    h1 { padding-top: 0.5em; font-size: 150%;}
    h2 {padding: 7px 0 7px 0; font-size: 105%;}
    h3 {font-size: 110%;}
  }
@media screen and (min-width: 668px)
  {
    #wrapper  {outline: 1px solid #bbb ;}
    #site_name {display: inline;}
    .drop, #low_vw {display: block;}
    .toss {display: none;}
    .break	{display: none;}
     header	{width: 98%; padding: 0 1%; float: left;}
    h1 {font-size: 150%;}
    h2 {padding: 7px 0 7px 0; font-size: 105%;}
    h3 {clear: both; font-size: 110%; text-align: center;}
    section > figure:nth-of-type(odd)  {float: left; width: 49%; padding: 0.5%;}
    section > figure:nth-of-type(even) {float: right; width: 49%; padding: 0.5%;}
    #high_vw > figure:nth-of-type(odd)  {float: left; width: 31%; margin: 0.5%;}
    #high_vw > figure:nth-of-type(even) {float: right; width: 65%; margin: 0.5%;}
    #low_vw > figure:nth-of-type(odd)  {float: left; width: 65%; margin: 0.5%;}
    #low_vw  > figure:nth-of-type(even) {float: right; width: 31%; margin: 0.5%;}
    .nudge	{margin-top: 3.5%; margin-bottom: 3.5%;}
    #bump {margin-top: 2.5%;}
    #clr {clear: both;}
    address {font-size: 0.9em;}
    #mnavwrap ul li a {font-size: 1em;}
  }
