@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"); 

/* CSS for the Mobile Header */

.topnav {

  background-color: #0066FF;
  color: white;
  
  
}

.topnav a {
  float: left;
  display: block;
  padding: 10px 16px;
  text-decoration: none;
  font-size:x-large;
}

.topnav a:hover {
  background-color: blue;
  color: black;

}

.topnav a:link {
  color: white;
  text-decoration:none;
}

.topnav a:active {
  background-color: #ddd;
  color: black;
  text-decoration:none;
}

.topnav a:visited {
  background-color: blue;
  color: white;
  text-decoration:none;
}

.topnav .icon {
  display: none;
  position: absolute;
    right: 0;
    top: 0;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: none;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

/* CSS for the main site */

body {background-color:#FFFFFF; margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom:0;}

TABLE {COLOR:#000000; font-family: calibri, arial, sans-serif; font-size:large;border-collapse: separate;  border: 5px; border-color:black; padding: 0; border-spacing: 0; margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom:0; }
table.top {font-family: calibri, arial, sans-serif; font-size:large; border-collapse: collapse; border: 0; padding: 0; border-spacing: 0; margin-top: -2px; 
    }
table.science {font-family: calibri, arial, sans-serif; font-size:large;border-collapse: collapse; border-width:3px; border-color:black; padding: 0; border-spacing: 0; margin-top: 0; table-layout:auto;
    }
table.facts {font-family: calibri, arial, sans-serif; font-size:large;border-collapse: collapse; border-width:3px; border-color:black; padding: 0; border-spacing: 0; margin-top: 0; 
    }

table.wide-table {width:100%; background-color:#EBEBEB; }
td.left-column {width:200; vertical-align: top; background-color: #444461; }
td.right-column {width:1720; vertical-align:top; padding-left:10px; padding-right:10px;}
td.science {background-color:#cfd1ec; border-style:solid; border-color:black; border-width:2px; padding:15px; font-weight:bold;}
td.care {background-color:#BDD0BA; border-style:solid; border-color:black; border-width:2px; padding:15px; font-weight:bold;}
th.facts {background-color:#C0C0C0; border-style:solid; border-color:black; border-width:2px; padding:15px; font-weight:bold;}
td.science-white {background-color:#FFFFFF; border-style:solid; border-color:black; border-width:2px; padding:15px;}
p.margin {text-align: justify; margin: 0px 20px 10px 20px;}
p.small {font-size:x-small;}
blockquote {text-align: justify;}
h1{font-size:1.3em;font-weight:bold;}
h2{font-size:1.3em;font-weight:bold;margin-left:20px;}
h3{font-size:1.3em;font-weight:bold;}
h4{font-size:.9em;}
h5{font-size:1.1em;}
li{margin-right:20px;}
ul { overflow: hidden; }

.strokeme
{
    color: white;
    font-size:48;
    text-align:center;
    margin-top: 20px;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;  
}

a:link{text-decoration:underline;color:blue;font-weight:normal}
/**/a:active{text-decoration:underline;color:red;font-weight:normal}
/**/a:visited{text-decoration:underline;color:blue;font-weight:normal}
/**/a:hover{text-decoration:underline;color:red;font-weight:normal}

img {border:2px solid black;}
img.inlineimg {border:0px;}
img.header {border:0px;}
img.floatright{float:right;clear:right;margin:5px 20px 5px 20px; border-color:black;border-width:2px;}
img.floatleft{float:left;clear:left;margin:5px 20px 5px 20px; border-color:black;border-width:2px;}
img.resize{width:80%;}
img.mobile{height: auto;width:90%;}

.menu{font-family:arial, verdana, helvetica, sans;font-size:16pt;height:38px;cursor:hand;font-weight:700;text-align:center;line-height:32px;border:#000 0 solid;padding:3px 10px;}
a.menu:link{background-image:url(button.gif);background-color:#2D2D4A;color:#CFCFE0;text-decoration:none;}
a.menu:visited{background-image:url(button.gif);background-color:#2D2D4A;color:#CFCFE0;}
a.menu:active,a.menu:hover{background-image:url(buttonon-popup.gif);background-color:silver;color:#000;}

article {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
           -webkit-column-gap: 3em;
  -moz-column-gap: 3em;
  column-gap: 3em;
    column-rule: 4px double #ebebeb;
}

.floating-box {
    display: inline-block;
    width: 300px;
    margin: 10px;
    border: 3px solid #444461;  
}

.floating-box-2 {
    display: inline-block;
    width: 200px;
    height: 160px;
    margin: 10px;
    border: 3px solid #444461;  
}
.floating-large {
    display: inline-block;
    width: 375px;
    margin: 10px;
    border: 3px solid #444461;
}

figure.left {float:left;margin:5px 20px -5px 20px;text-align:center}
figure.right {float:right;margin:5px 20px -5px 20px;text-align:center}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
   	{
.hidemobile     { display: none; }

table.wide-table {width:100%; font-size:x-large; background-color:#EBEBEB;border-collapse: collapse; border: 0;}
td.left-column {width:1%; background-color:#EBEBEB;}
td.right-column {width:99%; vertical-align: top;}
img.resize{width:80%;}
img.resize2{width:80%;}
.floating-box {
    display: inline-block;
    width: 80%;
    margin: 15px;
    border: 3px solid #444461;  
}
	}
	
@media screen and (max-width: 1280px) {
  article {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
}
             @media only screen 
             and (min-device-width: 320px) 
             and (max-device-width: 568px)
             and (-webkit-min-device-pixel-ratio: 2)
             and (orientation:landscape)
           	{
              .hidemobile     { display: none; }
              table.wide-table {width:100%; font-size:x-large; background-color:#EBEBEB;border-collapse: collapse; border: 0;}
              td.left-column {width:1% background-color:#EBEBEB;}
              td.right-column {width:99%; vertical-align: top;}
              img.resize{width:70%;}
              img.resize2{width:80%;}
              .floating-box {
                 display: inline-block;
                 width: 42%;
                 vertical-align: middle;
                 border: 3px solid #444461;  
                 }
            	}
	
      @media only screen 
        and (min-device-width: 320px) 
        and (max-device-width: 568px)
        and (-webkit-min-device-pixel-ratio: 2)
        and (orientation:portrait)
     	{
       .hidemobile     { display: none; }
       table.wide-table {width:100%; font-size:x-large; background-color:#EBEBEB;border-collapse: collapse; border: 0;}
       td.left-column {width:1% background-color:#EBEBEB;}
       td.right-column {width:99%; vertical-align: top;}
       img.resize{width:80%;}
       img.resize2{width:80%;}
       .floating-box {
         display: inline-block;
         width: 80%;
         margin: 15px;
         border: 3px solid #444461;  
         }
      p.margin {text-align: left; margin: 0px 20px 10px 20px;}
	  }

@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2)
  {
.hidemobile     { display: none; }

table.wide-table {width:100%; font-size:x-large; background-color:#EBEBEB;border-collapse: collapse; border: 0;}
td.left-column {width:1% background-color:#EBEBEB;}
td.right-column {width:99%; vertical-align: top;}
img.resize{width:80%;}
img.resize2{width:80%;}
.floating-box {
    display: inline-block;
    width: 80%;
    margin: 15px;
    border: 3px solid #444461;  
}
	}
	
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3)
  {
.hidemobile     { display: none; }

table.wide-table {width:100%; font-size:x-large; background-color:#EBEBEB;border-collapse: collapse; border: 0;}
td.left-column {width:1% background-color:#EBEBEB;}
td.right-column {width:99%; vertical-align: top;}
img.resize{width:80%;}
img.resize2{width:80%;}
.floating-box {
    display: inline-block;
    width: 80%;
    margin: 15px;
    border: 3px solid #444461;  
}
	}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1)
  and (orientation:portrait) 
	{
.hidemobile     { display: none; }
.hideipad     { display: none; }

table.wide-table {width:100%; font-size:x-large; border-collapse: collapse; border: 0;}
table.top {font-size:x-large;}
td.left-column {width:1%}
td.right-column {width:99%; vertical-align: top;}
table.facts {width:100%; font-family: arial, calibri, sans-serif; font-size:large;border-collapse: collapse; border-width:3px; border-color:black; padding: 0; border-spacing: 0; margin-top: 0; 
    }
img.resize{width:80%;}
img.resize2{width:80%;}

article {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
}
	}
	
	@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1)
  and (orientation:landscape) 
	{
.hidemobile     { display: none; }
.hideipad     { display: none; }

table.wide-table {width:100%; font-size:x-large; border-collapse: collapse; border: 0;}
table.top {font-size:x-large;}
td.left-column {width:1%;}
td.right-column {width:99%; vertical-align: top;}
table.facts {width:100%; font-family: arial, calibri, sans-serif; font-size:large;border-collapse: collapse; border-width:3px; border-color:black; padding: 0; border-spacing: 0; margin-top: 0; 
    }

img.resize{width:80%;}
img.resize2{width:80%;}

article {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
}
	}


@media sreen
  (min-device-width: 800px) 
  and (max-device-width: 1280px)
  {
.hidemobile     { display: none; }

table.wide-table {width:100%; background-color:#EBEBEB;border-collapse: collapse; border: 0;}
td.left-column {width:1% background-color:#EBEBEB;}
td.right-column {width:99%; vertical-align: top;}
img.resize{width:80%;} 
img.resize2{width:80%;} 

article {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
}  
	}