/* up to 601 - 768px. */

*                         {margin: 0; padding: 0; box-sizing: border-box;}
body                      {margin: 0; padding: 0;}

h9	                      {font-family: 'Times New Roman'; color: #2222aa;}

.logo	                    {display: inline-block;
                          position: relative;
                          top: -0.5dvw;
                          left: 0.5dvw;
                          font-family: 'Times New Roman';
                          background: none;
                          color: #2244bb;
                          line-height: 1;
                          text-decoration: none;}

.logo a:link	            {color: #2244bb; text-decoration: none; background: none;}
.logo a:visited	          {color: #2244bb; text-decoration: none; background: none;}
.logo a:hover	            {color: #224466; text-decoration: underline; background: none;}
.logo a:active	          {color: #2244bb; text-decoration: none; background: none;}

.logo2      	            {display: inline-block;
                          width: 60%;
                          font-family: 'Times New Roman';
                          line-height: 1;
                          color: #2244bb;
                          text-decoration: none;}

.sub_logo	                {display: inline-block;
                          position: relative;
                          left: 0.5dvw;
                          font-family: 'Times New Roman';
                          line-height: 1;
                          color: #222266;
                          text-align: left;}

.menu_t                   {position: relative;
                          display: block;
                          border-style: solid;
                          border-width: 0vw 0.1vw 0.1vw 0.1dvw;
                          border-color: #666666;
                          padding: 0.2vw 0vw 0vw 0dvw;
                          background-color: #bbddff;
                          font-family: 'Times New Roman';
                          color: #222266;
                          line-height: 1;
                          vertical-align: middle;}

.menu_t a                 {color: #222266;}

.menu_t   a:hover         {color: #6677cc;}

/* The container <div> - needed to position the dropdown content */
.menu_drop                {position: relative;
                          display: inline-block;
                          padding: 0.1vw 0vw 0.1vw 0dvw;
                          background-color: #bbddff;
                          font-family: 'Times New Roman';
                          color: #222266;
                          line-height: 1.2;
                          vertical-align: middle;}

/* Style The Dropdown Button */
.menu_drop_but            {position: relative;
                          display: block;
                          padding: 0.1vw 0vw 0.1vw 0dvw;
                          background-color: #bbddff;
                          font-family: 'Times New Roman';
                          color: #222266;
                          line-height: 1.2;
                          vertical-align: middle;
                          text-decoration: underline;}

/* Dropdown Content */
.menu_drop:hover

.menu_drop_cont           {display: inline-block;
                          border-style: solid;
                          border-width: 0vw 0.1vw 0.1vw 0.1dvw;
                          border-color: #aaaaaa;
                          padding: 0.4vw 0vw 0vw 0dvw;
                          background-color: #AFCFEF;}

.box                      {position: relative;
                          display: inline-block;
                          width:100%;
                          border-style: solid;
                          border-width: 0vw 0vw 0.1vw 0dvw;
                          border-color: #666666;
                          padding: 0.3vw 0.2vw 0.3vw 0.5dvw;
                          vertical-align: middle;
                          font-family: 'Times New Roman';
                          color: #222266;
                          line-height: 1;
                          text-decoration: underline;}

.box a                    {color: #222266;}

.box                      a:hover {color: #6677cc;}

/* Pop-out Content */
.menu_pop:hover

.menu_poop_cont           {display: inline-block;
                          border-style: solid;
                          border-width: 0vw 0.1vw 0.1vw 0.1dvw;
                          border-color: #aaaaaa;
                          padding: 0.4vw 0vw 0vw 0dvw;
                          background-color: #AFCFEF;}

.popbox                   {position: relative;
                          display: inline-block;
                          width:100%;
                          border-style: solid;
                          border-width: 0vw 0vw 0.1vw 0dvw;
                          border-color: #666666;
                          padding: 0.3vw 0.2vw 0.3vw 0.5dvw;
                          vertical-align: middle;
                          font-family: 'Times New Roman';
                          color: #222266;
                          line-height: 1;
                          text-decoration: underline;}

.popbox_2                 {position: relative;
                          display: inline-block;
                          width:100%;
                          border-style: solid;
                          border-width: 0vw 0vw 0.1vw 0dvw;
                          border-color: #666666;
                          padding: 0.3vw 0.2vw 0.3vw 0.5dvw;
                          vertical-align: middle;
                          font-family: 'Times New Roman';
                          color: #222266;
                          background-color: #AECEEE;
                          line-height: 1.1;
                          text-decoration: underline;}

.popbox a                 {color: #222266;}

.popbox a: hover          {color: #6677cc;}


/* Links inside the dropdown */
.menu_drop_cont           {display: none;
                          position: absolute;
                          z-index: 1;}

.page	                    {background-color: #ffffff;
                          border-style: solid;
                          border-width: 0vw 0vw 0.1vw 0dvw;
                          border-color: #aaaaaa;
                          padding: 0.8vw 2vw 1.5vw 2.5dvw;
                          font-family: 'Calibri';
                          color: #222222;
                          line-height: 1.2;}

.page_hdr h1 	            {display: inline;
                          font-family: 'Times New Roman';
                          color: #3333aa;
                          text-decoration: underline;
                          text-decoration-thickness: 0.05dvw;
                          font-weight: normal;}

.page_hdr2, h2       	    {display: inline;
                          position: relative;
                          font-family: 'Times New Roman';
                          color: #3333aa;
                          font-weight: normal;}

.page_sub, h4             {display: inline;
                          position: relative;
                          font-family: 'Times New Roman';
                          color: #3333aa;
                          text-decoration: underline;
                          text-decoration-thickness: 0.05dvw;
                          font-weight: normal;}

.cook_lnk, h5             {display: inline-block;
                          position: relative;
                          font-family: 'Times New Roman';
                          color: #3333aa;
                          font-weight: 800;}

.page_but                 {display: inline-block;
                          position: relative;
                          font-family: 'Times New Roman';
                          color: #3333aa;
                          text-decoration: none;
                          font-weight: normal;}


.page_headline {display: inline-block; 
                      font-family: "times new roman";
                      color: #ff0000;}

.page_subheadline {display: inline-block;
                      font-family: "times new roman";
                      color: #ff0000;
                      text-decoration: underline;}

.page_subheadline a:link {color: red;}
.page_subheadline a:visited {color: red;}
.page_subheadline a:hover {color: red;}
.page_subheadline a:active {color: red;}

.hdr_title	  {display: inline;
                      font-family: 'Times New Roman';
                      color: #4455aa;
                      text-decoration: underline;}

.hdr_title a:hover {display: inline;
                      color: #6677cc;
                      text-decoration: underline;}

.warning {display: inline;
                      text-align: left;
                      font-family: 'Times New Roman';
                      color: #ff2222;
                      text-decoration: underline;}

footer                   {display: block;
                          border-style: solid;
                          border-width: 0vw 0vw 0.1vw 0dvw;
                          border-color: #aaaaaa;
                          padding: 1.5dvw;
                          background-color: #ffffff;
                          font-family: 'Calibri';
                          color: #222222;
                          line-height: 1.2;}

.foot                    {display: block;
                          border-style: solid;
                          border-width: 0vw 0vw 0.1vw 0dvw;
                          border-color: #aaaaaa;
                          padding: 1.5dvw;
                          background-color: #ffffff;
                          font-family: 'Calibri';
                          color: #222222;}

/* bottom (contact/help) menu */
.menu_b         {display: block;
                          text-align: center;
                          padding: 1.5dvw;}
                    
#infbx {position: relative; display:inline;}
#infbx a {position: relative;	font-family: Calibri; letter-spacing: 0.01dvw; line-height: 1.2;}
#infbx a span {display: none; color: #FFFFFF;}
#infbx a:hover span {display: flex; flex-flow: column nowrap; position: static; max-width: 97%; left: 5%; right: 5%; top: 4px; padding: 1dvw; color: #004; background: #eee; z-index:1;}

.head                        {position: absolute;
                                  top: 0px;
                                  left: 5px;
                                  font-family: 'Times New Roman';
                                  color: #0033cc;}

.menu_s           {position: fixed;
                            top: 0;
                            left: 0;
                            height: 100%;
                            width: 0;
                            background-color: #AFCFEF;
                            overflow-x: hidden;
                            padding-top: 100px;
                            font-family: 'Times New Roman';
                            color: #202099;
                            transition: 0.3s;
                            z-index: 1;}

.menu_s a:link {display: block;
                            padding: 4px 8px 4px 10px;
                            text-decoration: none;
                            color: #202099;
                            transition: 0.2s;}

.menu_s a:visited {color: #9977ee;}

.menu_s a:hover {color: #6677ee;}

.menu_s_open  {display: inline-block;
                             position: relative;
                             top: 0px;
                             left: 2px;
                             width: 50px;
                             font-family: 'Times New Roman';
                             color: #4455aa;
                             text-decoration: none;}

.menu_s_open a:link {color: #202099;
                             text-decoration: underline;}

.menu_s_open a:hover {color: #6677ee;}

.menu_s_open a:active {color: #224499;}

#menu_s_close  {display: inline-block;
                             position: relative;
                             top: -10px;
                             left: 2px;
                             font-family: 'Times New Roman';
                             color: #202099;
                             text-decoration: underline;}

#menu_s_close a:link {color: #202099;
                             text-decoration: underline;
                             z-index: 1;}

#menu_s_close a:visited {color: #9977ee;}

#menu_s_close a:hover {color: #6677ee;}
	
#menu_s_close a:active {color: #224499;}

.screensize     {display: inline-block;
                          position: absolute;
                          padding: 0.2vw 0.2vw 1vw 0.4dvw;
                          border-style: solid;
                          border-width: 0.1vw 0.1vw 0.1vw 0.1dvw;
                          border-color: #666688;}