/*
	file name:	destination_menu.css
	author:		Eric McClafferty
	date:		2/18/2026
*/
*	{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;}
#wrapper	{max-width: 1024px; margin: 0 auto; background-color: #f0f0f0;}
h1, address	{ color: #484848;}
nav		{height: 30px; width: 100%; background-color: #e0e0e0; padding-bottom: 6px;}
#gohome		{float: left; padding-left: 2%;}
#gohome:hover	{background-color: #f6f6f6;}
#site_name	{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	{clear: both; text-align: center; font-size: 2em; padding: 0.4em 0 .5em .3em;}
img	{width: 100%; outline: 1px solid #bbb;}
#sign img	{outline: none;}
#special img	{outline: none;}
#size img	{outline: none;}
.sc_conceal	{display: none;}
.sc_reveal	{display: block;}
figcaption	{font-size: 0.9em; text-align: center;}
#pane_01, #pane_02, #pane_03, #pane_04, #pane_05, #pane_06, #sign, #size	{width: 100%;}
#last	{Width: 75%; margin: 0 auto;}
#pane_01 > figure:nth-of-type(odd)  {float: left; width:44.5%; padding:  5% 2% 1.2% .8%;}
#pane_01 > figure:nth-of-type(even) {float: right; width: 49.2%; padding: 5% 1% 1.2% 0;}
#pane_02 > figure:nth-of-type(odd)  {float: left; width: 67.5%; padding: 2% 0 1.5% .5%;}
#pane_02 > figure:nth-of-type(even) {float: right; width: 26.5%; padding: 1.9% 1% 1.5% 0;}
#pane_03 > figure:nth-of-type(odd)  {float: left; width: 48.2%; padding: 2.3% 0 3% .3%;}
#pane_03 > figure:nth-of-type(even) {float: right; width: 46%; padding: 2% 1.5% 3% 0;}
#pane_04 > figure:nth-of-type(odd)  {float: left; width:31.5%; padding:  0 0 1.2% .8%;}
#pane_04 > figure:nth-of-type(even) {float: right; width: 61.7%; padding: 0 2% 1.2% .0;}
#pane_05 > figure:nth-of-type(odd)  {float: left; width: 44.8%; padding: 2% 0 1.2% .5%;}
#pane_05 > figure:nth-of-type(even) {float: right; width: 48.8%; padding: 1.9% 2% 1.2% 0;}
#pane_06 > figure:nth-of-type(odd)  {float: left; width: 53.3%; padding: 2.3% 0 3% .3%;}
#pane_06 > figure:nth-of-type(even) {float: right; width: 40%; padding: 2.3% 1.5% 2.5% 0;}
#last	{padding: .5% 0 .5% 0;}
#pane_05, #pane_06	{clear: left;}
footer	{clear: both;}
address {clear: both; text-align: center; font-size: 0.8em; padding: 0.7em 0 1em 0;}
@media screen and (min-width: 481px) and (max-width: 667px)
  {
    #sign, #pane_01, #pane_02, #pane_03, #size, #pane_04, #pane_05, #pane_06, #last  footer, header, nav {width: 480px; margin: 0 auto;}
  }
@media screen and (min-width: 668px)
  {
    #wrapper	{outline: 1px solid #bbb ;}
    #site_name	{display: inline;}
    .break	{display: none;}
    header	{width: 98%; padding: 0 1%; float: left;}
    .sc_conceal	{display: inline-block;}
    .sc_reveal	{display: none;}
    #sign, #pane_01, #pane_02, #pane_03, #size, #pane_04, #pane_05, #pane_06, #last	{display: inline-block;} 
    #sign	{width: 46.9%; margin: 0 0 0 .7% ;}
    #pane_01	{width: 48.9%; margin: 0 0 0 1%;}
    #pane_02	{width: 53%; margin: 1% 0 1% 1%;}
    #pane_03	{width: 44%; margin: 0 .5% 1% 0;}
    #size	{width: 45.8%; margin: 3% .5% .0 .5%;}
    #pane_04	{width: 50%; margin: 3% .5% .0 .5%;}
    #pane_05	{width: 61.5%; margin: 0 0 0 1%;}
    #pane_06	{width: 35.5%; margin: 0 0 0 0;}
    #last	{width: 50%; margin: .7% 0 1% 24%;}
  }