/*----------------------------------------------------------------------------------------*/
/*---------------------------------     COMPANY BANNER     -------------------------------*/
/*----------------------------------------------------------------------------------------*/
.nw_logobanner  { font-family:Perpetua, sans-serif;font-size:18pt;text-align:center;color:#442211;
                  margin-top:0px;float:left; }
.nw_motto       { font-family:Perpetua, sans-serif;font-size:14pt;text-align:center;color:#442211;
                  width:100%;height:40px;font-style:italic;background:none;position:absolute;z-index:2;top:50px; }
.nw_logoarea    { width:280px;height:80px;padding-bottom:5px;margin-top:5px;
                  float:left;border:1px black solid;position:relative; 
                }
.nw_Llogoicon   { float:left;width:70px;height:48px;margin-top:15px;
                  background-image:url('Lleaf.png');background-repeat:no-repeat;background-position:0px 0px; }

.nw_Rlogoicon   { float:left;width:70px;height:48px;margin-top:15px;
                  background-image:url('Rleaf.png');background-repeat:no-repeat;background-position:0px 0px; }

#nw_ctr_logoarea { display:none; }

#nw_ctr_logobanner { font-family:Perpetua, sans-serif;font-size:16pt;text-align:center;color:#442211; }
#nw_ctr_motto      { font-family:Perpetua, sans-serif;font-size:12pt;text-align:center;color:#442211;margin-top:-5px; }
#nw_ctr_Licon   { background-image:url('smLleaf.png');background-repeat:no-repeat;background-position:0px 0px;
                  width:35px;height:24px;border:0px black solid;
                }
#nw_ctr_Ricon   { background-image:url('smRleaf.png');background-repeat:no-repeat;background-position:0px 0px;
                  width:35px;height:24px;border:0px black solid; }

#nw_lft_logoarea { display:none; }
#nw_lft_logobanner { font-family:Perpetua, sans-serif;font-size:11px;text-align:center;color:#442211; }
#nw_lft_motto      { font-family:Perpetua, sans-serif;font-size:10pt;text-align:center;color:#442211;margin-top:-5px; }
#nw_lft_Licon   { background-image:url('xsmLOakleaf.jpg');background-repeat:no-repeat;background-position:0px 0px;
                  width:31px;height:18px;border:0px black solid;display:none; }
#nw_lft_Ricon   { background-image:url('xsmROakleaf.jpg');background-repeat:no-repeat;background-position:0px 0px;
                  width:31px;height:18px;border:0px black solid;display:none; 
                }
.trademark      { font-family:arial, sans serif;font-size:6pt;font-weight:bold;
                }
/*----------------------------------------------------------------------------------------*/
/*---------------------------------  LANDSCAPE MENU BARS   -------------------------------*/
/*----------------------------------------------------------------------------------------*/
.menulink   	{ text-decoration:none;color:#885522; }
.menuheader     { float:left;margin-left:15px;width:85px;max-width:85px;font-size:18px;color:white;background:none;
                  font-weight:normal;font-family:Cambria;text-align:center;
                }
.menuoption     { float:left;margin-left: 5px;width:auto;max-width:150px;color:#885522;background-color:none;
                  font-family:arial, sans-serif;font-size:12px;font-weight:bold;text-align:center; 
                }
.menuoptionptr  { float:left;margin-left:5px;width:auto;max-width:150px;color:#885522;
		  background-color:none;text-align:center;font-family:arial, sans-serif;font-size:12px;font-weight:bold;
                }

.menuoptionptr:hover {color:#885522;background-color:white;border:1px #cfcfcf solid;border-bottom:0px #cfcfcf solid; }
#menubanner     { width:auto;height:24px;background:none;display:none;margin-top:15px; }
#smallmenubanner{ width:40px;height:auto;background:none;display:inline-block; 
                  padding-top:0px;margin-top:5px;
                }

.dropmenu       { width:auto;background:white;font-family:arial, sans-serif;font-size:16px;color:#885522;
                  padding:10px;box-shadow:0px 4px 4px #cccccc;margin-left:5px;margin-top:30px;display:none;
                }
.dropmenulink   { color:#885522;font-family:arial, sans-serif;font-size:15px;text-decoration:none; }
.dropmenu ul     { margin:0; }
.dropmenu li     { margin-bottom:0px;margin-left:15px; }
.dropmenu li a    { padding:0;padding-top:4px; }
.dropmenu li a:hover    { background-color:white; }
.dropmenu a:hover    { color:#442211; }

.dropmenuoption {background:none;margin:3px;margin-bottom:0px;padding-bottom:2px;padding-left:5px;
                 color:darkblue;font-family:Cambria;font-size:20px;
                }

.bannerlink { text-decoration:none;color:#885522; }

/*----------------------------------------------------------------------------------------*/
/*--------------------  PORTRAIT MENU BAR AND MENUBAR CLASSES     ------------------------*/
/*----------------------------------------------------------------------------------------*/
#menutab	{ position:absolute;left:0px;top:77px;width:250px;height:auto; z-index:2;
                  background:#fff;box-shadow:4px 0px 4px #333;
                  -webkit-transition: 0.5s ease-in-out;
                  -moz-transition: 0.5s ease-in-out;
                  -o-transition: 0.5s ease-in-out;
                  transition: 0.5s ease-in-out;
                }

.showtab {
  -webkit-transform: translate(0px,0);
  -moz-transform: translate(0px,0);
  -o-transform: translate(0px,0);
  transform: translate(0px,0);
 }
 
.hidetab {
  -webkit-transform: translate(-400px,0);
  -moz-transform: translate(-400px,0);
  -o-transform: translate(-400px,0);
  transform: translate(-400px,0);
 } 

ul { list-style-type: none;margin: 10;padding: 0;overflow: hidden;background-color: #ffffff; }

li { margin-left:20px;  }

li a {display: block;color: #663300;padding: 3px;text-decoration: none; }

li a:hover { background-color: #cccccc; }




/*----------------------------------------------------------------------------------------*/
/*--------------------------------  FREE SHIPPING BANNER    ------------------------------*/
/*----------------------------------------------------------------------------------------*/

.shipbanner { width:100%;padding:12px;text-align:center;background:#996633;color:white;
              font-family:arial, sans-serif;font-size:18px;font-style:italic;font-weight:bold;
            }

.taxbanner { width:100%;padding:12px;text-align:center;background:#774411;color:white;
              font-family:arial, sans-serif;font-size:18px;font-style:italic;font-weight:bold;
            }

/*----------------------------------------------------------------------------------------*/
/*--------------------------------  THREE-ISSUE SPOTLIGHT   ------------------------------*/
/*----------------------------------------------------------------------------------------*/

.thespot { width:100%;height:150px;min-width:250px;border: 1px #442211 solid;
           font-family:calibri, sans-serif;padding:15px;
         }
.spot1title   { font-size:22pt;color:white;font-weight:bold; }
.spot1line01  { font-size:16pt;color:white; }
.spot1line02  { font-size:12pt;color:white; }


















/*----------------------------------------------------------------------------------------*/
/*--------------------  GENERAL RESPONSIVE WEB DESIGN SETTINGS    ------------------------*/
/*----------------------------------------------------------------------------------------*/
* { box-sizing:border-box; }
[class*="col-"] { float:left;padding:15px; }

.row::after {
	content:"";
	clear:both;
	display:table;//margin-bottom:20px;
}

//.w-10 { width:83.33%; }
//[class*="w-"] { clear:both;padding:15px; }

[class*="col-"] {
    float: left;
    padding: 15px;
}

img {
    max-width: 100%;
    height: auto; 
}

[class*="cols-"] { width:0%;height:0%; }

[class*="colac-"] { padding:0px; }

[class*="colbnr-"] { padding:0px;padding-left:15px;padding-right:15px; }






/*----------------------------------------------------------------------------------------*/
/*--------------------  RESPONSIVE WEB DESIGN STYLING BEGINS HERE ------------------------*/
/*----------------------------------------------------------------------------------------*/
/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}





























/*----------------------------------------------------------------------------------------*/
/*-------------------- SCREENS WITH A MINIMUM WIDTH OF 350 PIXELS ------------------------*/
/*----------------------------------------------------------------------------------------*/
@media only screen and (max-width:350px) {
/*for tablets*/

.nw_logobanner  { font-size:16pt; }
.nw_motto       { font-size:12pt; margin-top:-5px; }
.nw_logoarea    { width:280px;height:auto;padding-bottom:5px;display:none;
                }
#nw_ctr_logoarea { display:none; }
#nw_ctr_Licon   { background-image:url('xsLleaf.png');width:18px;height:12px;border:0px black solid; }
#nw_ctr_Ricon   { background-image:url('xsRleaf.png');width:18px;height:12px;border:0px black solid; }
#nw_ctr_logobanner { font-size:16pt; }
#nw_ctr_motto      { font-size:12pt;margin-top:-5px; }

#nw_lft_logoarea { display:inline-block; }
#nw_lft_logobanner { font-size:11pt; }
#nw_lft_motto      { font-size:8pt;margin-top:0px; }
#nw_lft_Licon   { display:none; }
#nw_lft_Ricon   { display:none; }

#menubanner     { display:none; }
#smallmenubanner{ display:inline-block; }

.shipbanner { font-size:11px; }
}









/*----------------------------------------------------------------------------------------*/
/*-------------------- SCREENS WITH A MAXIMUM WIDTH OF 429 PIXELS ------------------------*/
/*----------------------------------------------------------------------------------------*/
@media only screen and (max-width:429px) {
/*for tablets*/

.nw_logobanner  { font-size:16pt; }
.nw_motto       { font-size:12pt; margin-top:-5px; }
.nw_logoarea    { width:280px;height:auto;padding-bottom:5px;display:none;
                }
#nw_ctr_logoarea { display:none; }
#nw_ctr_Licon   { background-image:url('xsLleaf.png');width:18px;height:12px;border:0px black solid; }
#nw_ctr_Ricon   { background-image:url('xsRleaf.png');width:18px;height:12px;border:0px black solid; }
#nw_ctr_logobanner { font-size:16pt; }
#nw_ctr_motto      { font-size:12pt;margin-top:-5px; }

#nw_lft_logoarea { display:inline-block; }
#nw_lft_logobanner { font-size:14pt; }
#nw_lft_motto      { font-size:8pt;margin-top:0px; }

#menubanner     { display:none; }
#smallmenubanner{ display:inline-block; }

.shipbanner { font-size:12px; }
.spot1title   { font-size:18pt;color:white; }
.spot1line01  { font-size:11pt;color:white; }
.spot1line02  { font-size:10pt;color:white; }
}











/*----------------------------------------------------------------------------------------*/
/*-------------------- SCREENS WITH A MINIMUM WIDTH OF 430 PIXELS ------------------------*/
/*----------------------------------------------------------------------------------------*/
@media only screen and (min-width:430px) {
/*for tablets*/

.nw_logobanner  { font-size:16pt; }
.nw_motto       { font-size:12pt; margin-top:-5px; }
.nw_logoarea    { width:280px;height:auto;padding-bottom:5px;display:none;
                }
#nw_ctr_logoarea { display:none; }
#nw_ctr_Licon   { background-image:url('xsmLOakleaf.jpg');width:31px;height:18px;border:0px black solid; }
#nw_ctr_Ricon   { background-image:url('xsmROakleaf.jpg');width:31px;height:18px;border:0px black solid; }
#nw_ctr_logobanner { font-size:18pt; }
#nw_ctr_motto      { font-size:14pt;margin-top:-5px; }

#nw_lft_logoarea { display:inline-block; }
#nw_lft_logobanner { font-size:18pt; }
#nw_lft_motto      { font-size:14pt;margin-top:0px; }
#nw_lft_Licon   { display:inline-block; }
#nw_lft_Ricon   { display:inline-block; }

#menubanner     { display:none; }
#smallmenubanner{ display:none; }

.shipbanner { font-size:14px; }
.spot1title   { font-size:22pt;color:white; }
.spot1line01  { font-size:16pt;color:white; }
.spot1line02  { font-size:12pt;color:white; }
}









/*----------------------------------------------------------------------------------------*/
/*-------------------- SCREENS WITH A MINIMUM WIDTH OF 486 PIXELS ------------------------*/
/*----------------------------------------------------------------------------------------*/
@media only screen and (min-width:486px) {
/*for tablets*/

.nw_logobanner  { font-size:20pt; }
.nw_motto       { font-size:18pt; margin-top:-5px; }
.nw_logoarea    { width:340px;height:auto;padding-bottom:5px;display:none; }

#nw_ctr_logoarea { display:inline-block; }
#nw_ctr_Licon   { background-image:url('smLOakleaf.jpg');width:35px;height:24px;border:0px black solid; }
#nw_ctr_Ricon   { background-image:url('smROakleaf.jpg');width:35px;height:24px;border:0px black solid; }
#nw_ctr_logobanner { font-size:18pt; }
#nw_ctr_motto      { font-size:14pt;margin-top:-5px; }

#nw_lft_logoarea { display:none; }

#menubanner     { display:none; }
#smallmenubanner{ display:inline-block; }

.shipbanner { font-size:15px; }
.spot1title   { font-size:22pt;color:white; }
.spot1line01  { font-size:16pt;color:white; }
.spot1line02  { font-size:12pt;color:white; }
}










/*----------------------------------------------------------------------------------------*/
/*-------------------- SCREENS WITH A MINIMUM WIDTH OF 600 PIXELS ------------------------*/
/*----------------------------------------------------------------------------------------*/
@media only screen and (min-width:600px) {
/*for tablets*/
.col-mm-1 { width:8.33%; }	.col-mm-2 { width:16.66%; }	.col-mm-3 { width:25%; }
.col-mm-4 { width:33.33%; }	.col-mm-5 { width:41.66%; }	.col-mm-6 { width:50%; }
.col-mm-7 { width:58.33%; }	.col-mm-8 { width:66.66%; }	.col-mm-9 { width:75%; }
.col-mm-10 { width:83.33%; }	.col-mm-11 { width:91.66%; }	.col-mm-12 { width:100%; }

.nw_logobanner  { font-size:24pt; }
.nw_motto       { font-size:16pt; margin-top:-5px; }
.nw_logoarea    { width:380px;height:auto;padding-bottom:5px;display:none; }

#nw_ctr_logoarea { display:inline-block; }
#nw_ctr_Licon   { background-image:url('smLOakleaf.jpg');width:35px;height:24px;border:0px black solid; }
#nw_ctr_Ricon   { background-image:url('smROakleaf.jpg');width:35px;height:24px;border:0px black solid; }
#nw_ctr_logobanner { font-size:18pt; }
#nw_ctr_motto      { font-size:14pt;margin-top:-5px; }

#nw_lft_logoarea { display:none; }

#menubanner     { display:none; }
#smallmenubanner     { display:block;  }

.shipbanner { font-size:18px; }
.spot1title   { font-size:22pt;color:white; }
.spot1line01  { font-size:16pt;color:white; }
.spot1line02  { font-size:12pt;color:white; }
}






/*----------------------------------------------------------------------------------------*/
/*-------------------- SCREENS WITH A MINIMUM WIDTH OF 640 PIXELS ------------------------*/
/*----------------------------------------------------------------------------------------*/
@media only screen and (min-width:640px) {
/*for tablets*/
.col-mm-1 { width:8.33%; }	.col-mm-2 { width:16.66%; }	.col-mm-3 { width:25%; }
.col-mm-4 { width:33.33%; }	.col-mm-5 { width:41.66%; }	.col-mm-6 { width:50%; }
.col-mm-7 { width:58.33%; }	.col-mm-8 { width:66.66%; }	.col-mm-9 { width:75%; }
.col-mm-10 { width:83.33%; }	.col-mm-11 { width:91.66%; }	.col-mm-12 { width:100%; }

.nw_logobanner  { font-size:24pt; }
.nw_motto       { font-size:16pt; margin-top:-5px; }
.nw_logoarea    { width:380px;height:auto;padding-bottom:5px;display:none;
                }

#nw_ctr_logoarea { display:inline-block; }
#nw_ctr_Licon   { background-image:url('smLOakleaf.jpg');width:35px;height:24px;border:0px black solid; }
#nw_ctr_Ricon   { background-image:url('smROakleaf.jpg');width:35px;height:24px;border:0px black solid; }
#nw_ctr_logobanner { font-size:18pt; }
#nw_ctr_motto      { font-size:14pt;margin-top:-5px; }

#nw_lft_logoarea { display:none; }
#menubanner     { display:none; }
#smallmenubanner{ display:block; }

.shipbanner { font-size:18px; }
.spot1title   { font-size:22pt;color:white; }
.spot1line01  { font-size:16pt;color:white; }
.spot1line02  { font-size:12pt;color:white; }
}






/*----------------------------------------------------------------------------------------*/
/*-------------------- SCREENS WITH A MINIMUM WIDTH OF 700 PIXELS ------------------------*/
/*----------------------------------------------------------------------------------------*/
@media only screen and (min-width:700px) {
/*for tablets*/
.col-mm-1 { width:8.33%; }	.col-mm-2 { width:16.66%; }	.col-mm-3 { width:25%; }
.col-mm-4 { width:33.33%; }	.col-mm-5 { width:41.66%; }	.col-mm-6 { width:50%; }
.col-mm-7 { width:58.33%; }	.col-mm-8 { width:66.66%; }	.col-mm-9 { width:75%; }
.col-mm-10 { width:83.33%; }	.col-mm-11 { width:91.66%; }	.col-mm-12 { width:100%; }

.nw_logobanner  { font-size:24pt;float:left; }
.nw_motto       { font-size:16pt; margin-top:-15px; }
.nw_logoarea    { background-color:none;
                  width:480px;height:80px;padding-bottom:5px;border:0px black solid; display:none; 
                }
.nw_Llogoicon   { background-image:url('mdLOakleaf.jpg');width:52px;height:36px; }
.nw_Rlogoicon   { background-image:url('mdLOakleaf.jpg');width:52px;height:36px; }

#nw_ctr_logoarea{ display:inline-block; }
#nw_ctr_Licon   { background-image:url('smLOakleaf.jpg');width:35px;height:24px;border:0px black solid; }
#nw_ctr_Ricon   { background-image:url('smROakleaf.jpg');width:35px;height:24px;border:0px black solid; }
#nw_ctr_logobanner { font-size:18pt; }
#nw_ctr_motto      { font-size:14pt;margin-top:-5px; }

#nw_lft_logoarea { display:none; }

#menubanner     { display:none; }
#smallmenubanner{ display:block;}

.shipbanner { font-size:18px; }
.spot1title   { font-size:22pt;color:white; }
.spot1line01  { font-size:16pt;color:white; }
.spot1line02  { font-size:12pt;color:white; }
}


/*----------------------------------------------------------------------------------------*/
/*-------------------- SCREENS WITH A MINIMUM WIDTH OF 768 PIXELS ------------------------*/
/*----------------------------------------------------------------------------------------*/
@media only screen and (min-width:768px) {
/*for tablets*/
.col-m-1 { width:8.33%; }	.col-m-2 { width:16.66%; }	.col-m-3 { width:25%; }
.col-m-4 { width:33.33%; }	.col-m-5 { width:41.66%; }	.col-m-6 { width:50%; }
.col-m-7 { width:58.33%; }	.col-m-8 { width:66.66%; }	.col-m-9 { width:75%; }
.col-m-10 { width:83.33%; }	.col-m-11 { width:91.66%; }	.col-m-12 { width:100%; }

.spot1title   { font-size:18pt; }
.spot1line01  { font-size:12pt; }
.spot1line02  { font-size:10pt; }

}

























/*----------------------------------------------------------------------------------------*/
/*-------------------- SCREENS WITH A MINIMUM WIDTH OF 908 PIXELS ------------------------*/
/*----------------------------------------------------------------------------------------*/
@media only screen and (min-width:908px) {
/*for tablets*/
.col-m-1 { width:8.33%; }	.col-m-2 { width:16.66%; }	.col-m-3 { width:25%; }
.col-m-4 { width:33.33%; }	.col-m-5 { width:41.66%; }	.col-m-6 { width:50%; }
.col-m-7 { width:58.33%; }	.col-m-8 { width:66.66%; }	.col-m-9 { width:75%; }
.col-m-10 { width:83.33%; }	.col-m-11 { width:91.66%; }	.col-m-12 { width:100%; }

.menuoption     { margin-left:7px; font-size:12px; }
.menuoptionptr  { margin-left:7px; font-size:12px; }
.dropmenu       { margin-left:7px; font-size:15px; }

.nw_logobanner  { font-size:20pt;float:left; }
.nw_motto       { font-size:16pt; margin-top:-20px;background-color:none; }
.nw_logoarea    { background-color:none;
                  width:407px;height:80px;padding-bottom:5px;border:0px black solid;display:inline-block;
                }
#nw_ctr_logoarea { display:none; }
#nw_lft_logoarea { display:none; }
.nw_Llogoicon   { background-image:url('smLOakleaf.jpg');width:35px;height:24px; }
.nw_Rlogoicon   { background-image:url('smROakleaf.jpg');width:35px;height:24px;border:0px black solid; }

#menubanner     { display:inline-block; }
#smallmenubanner{ display:none }

.shipbanner { font-size:18px; }
.spot1title   { font-size:22pt; }
.spot1line01  { font-size:14pt; }
.spot1line02  { font-size:10pt; }
}




/*----------------------------------------------------------------------------------------*/
/*-------------------- SCREENS WITH A MINIMUM WIDTH OF 1024 PIXELS -----------------------*/
/*----------------------------------------------------------------------------------------*/
@media only screen and (min-width:1024px) {
/*for desktop*/
.col-xl-1 { width:8.33%; }    .col-xl-2 { width:16.66%; }    .col-xl-3 { width:25%; }	  .col-xl-4 { width:33.33%; }
.col-xl-5 { width:41.66%; }   .col-xl-6 { width:50%; }       .col-xl-7 { width:58.33%; }  .col-xl-8 { width:66.66%; }
.col-xl-9 { width:75%; }      .col-xl-10 { width:83.33%; }   .col-xl-11 { width:91.66%; } .col-xl-12 { width:100%; }

.menuoption     { margin-left:15px; font-size:13px; }
.menuoptionptr  { margin-left:15px; font-size:13px; }
.dropmenu       { margin-left:15px; font-size:15px; }

.nw_logobanner  { font-size:22pt;float:left;background-color:none; }
.nw_motto       { font-size:16pt; margin-top:-18px; background-color:none; }
.nw_logoarea    { background-color:none;
                  width:437px;height:80px;padding-bottom:5px;border:0px black solid;display:inline-block; }
#nw_ctr_logoarea { display:none; }
#nw_lft_logoarea { display:none; }
.nw_Llogoicon   { background-image:url('smLOakleaf.jpg');width:35px;height:24px; }
.nw_Rlogoicon   { background-image:url('smROakleaf.jpg');width:35px;height:24px;border:0px black solid; }
                
#menubanner     { width:auto;height:24px; }

#smallmenubanner     { display:none; }
#menubanner     { display:inline-block; }

.shipbanner { font-size:18px; }
.spot1title   { font-size:22pt; }
.spot1line01  { font-size:16pt; }
.spot1line02  { font-size:12pt; }
}




/*----------------------------------------------------------------------------------------*/
/*-------------------- SCREENS WITH A MINIMUM WIDTH OF 1110 PIXELS -----------------------*/
/*----------------------------------------------------------------------------------------*/
@media only screen and (min-width:1110px) {
/*for desktop*/

.menuoption     { margin-left:15px;font-size:14px; }
.menuoptionptr  { margin-left:15px;font-size:14px; }
.dropmenu       { margin-left:15px;font-size:15px; }

.nw_logobanner  { font-size:24pt;float:left;margin-top:0px; }
.nw_motto       { font-size:16pt; margin-top:-15px;background:none; }
.nw_logoarea    { background-color:none;width:502px;max-width:640px;height:80px;
                  padding-bottom:5px;border:0px black solid;display:inline-block; 
                }
#nw_ctr_logoarea { display:none; }
.nw_Llogoicon   { background-image:url('mdLOakleaf.jpg');width:52px;height:36px; }
.nw_Rlogoicon   { background-image:url('mdROakleaf.jpg');width:52px;height:36px; }

.shipbanner { font-size:18px; }
.spot1title   { font-size:22pt; }
.spot1line01  { font-size:16pt; }
.spot1line02  { font-size:12pt; }
}












/*----------------------------------------------------------------------------------------*/
/*-------------------- SCREENS WITH A MINIMUM WIDTH OF 1200 PIXELS -----------------------*/
/*----------------------------------------------------------------------------------------*/
@media only screen and (min-width:1200px) {
/*for desktop*/

.menuoption     { margin-left:25px;font-size:15px; }
.menuoptionptr  { margin-left:25px;font-size:15px; }
.dropmenu       { margin-left:25px;font-size:15px; }

.nw_logobanner  { font-size:24pt;float:left;margin-top:0px; }
.nw_motto       { font-size:16pt; margin-top:-15px;background:none; }
.nw_logoarea    { background-color:none;width:502px;max-width:640px;height:80px;
                  padding-bottom:5px;border:0px black solid;display:inline-block; 
                }
#nw_ctr_logoarea { display:none; }
.nw_Llogoicon   { background-image:url('mdLOakleaf.jpg');width:52px;height:36px; }
.nw_Rlogoicon   { background-image:url('mdROakleaf.jpg');width:52px;height:36px; }

.shipbanner { font-size:18px; }
.spot1title   { font-size:22pt; }
.spot1line01  { font-size:16pt; }
.spot1line02  { font-size:12pt; }
}












/*----------------------------------------------------------------------------------------*/
/*-------------------- SCREENS WITH A MINIMUM WIDTH OF 1300 PIXELS -----------------------*/
/*----------------------------------------------------------------------------------------*/
@media only screen and (min-width:1300px) {
/*for desktop*/

.menuoption     { margin-left:25px;font-size:15px; }
.menuoptionptr  { margin-left:25px;font-size:15px; }
.dropmenu       { margin-left:25px;font-size:15px; }

.nw_logobanner  { font-size:28pt;float:left; margin-top:0px;}
.nw_motto       { font-size:18pt; margin-top:-10px;background:none; }
.nw_logoarea    { background-color:none;width:602px;max-width:640px;height:80px;
                  padding-bottom:5px;border:0px black solid;display:inline-block; 
                }
#nw_ctr_logoarea { display:none; }
.nw_Llogoicon   { background-image:url('LOakleaf.jpg');width:70px;height:48px; }
.nw_Rlogoicon   { background-image:url('ROakleaf.jpg');width:70px;height:48px; }

.shipbanner { font-size:18px; }
.spot1title   { font-size:22pt; }
.spot1line01  { font-size:16pt; }
.spot1line02  { font-size:12pt; }
}












/*----------------------------------------------------------------------------------------*/
/*-------------------- SCREENS WITH A MINIMUM WIDTH OF 1420 PIXELS -----------------------*/
/*----------------------------------------------------------------------------------------*/
@media only screen and (min-width:1420px) {
/*for desktop*/
.col-mxl-1 { width:8.33%; }    .col-mxl-2 { width:16.66%; }   .col-mxl-3 { width:25%; }     .col-mxl-4 { width:33.33%; }
.col-mxl-5 { width:41.66%; }   .col-mxl-6 { width:50%; }      .col-mxl-7 { width:58.33%; }  .col-mxl-8 { width:66.66%; }
.col-mxl-9 { width:75%; }      .col-mxl-10 { width:83.33%; }  .col-mxl-11 { width:91.66%; } .col-mxl-12 { width:100%; }

.menuoption     { margin-left:45px;font-size:15px; }
.menuoptionptr  { margin-left:45px;font-size:15px; }
.dropmenu       { margin-left:45px;font-size:15px; }

.nw_logobanner  { font-size:30pt; float:left;margin-top:0px;}
.nw_motto       { font-size:20pt; margin-top:-10px;background:none; }
.nw_logoarea    { background-color:none;width:636px;max-width:640px;
		  height:80px;padding-bottom:5px;border:0px black solid;display:inline-block; }
#nw_ctr_logoarea { display:none; }

.nw_Llogoicon   { background-image:url('LOakleaf.jpg');width:70px;height:48px; }
.nw_Rlogoicon   { background-image:url('ROakleaf.jpg');width:70px;height:48px;}
#sideimg        { background-image:url('fallleaves.gif');background-size:cover;background-position:center center;
                  background-repeat:no-repeat;width:100%;height:280px; max-width:320px;max-height:280px; }
#menubanner     { width:auto;height:24px; }


#smallmenubanner     { display:none; }
#menubanner     { display:inline-block;}

.shipbanner { font-size:18px; }
.spot1title   { font-size:22pt; }
.spot1line01  { font-size:16pt; }
.spot1line02  { font-size:12pt; }
}


/*----------------------------------------------------------------------------------------*/

[class*="cols-"] { width:0%;height:0%; }