- needed to position the dropdown content */
.dropdown {
padding-top: 0px;
padding-bottom: 0px;
padding: 0px 6px 0px 6px;
position: relative;
display: inline-block;
}
.dropdown .dropdown-content hover{color:#0C405B; border-bottom:thick; border-bottom-style: solid; border-bottom-color:#0C405B;}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
display: none;
position: absolute;
background-color: #fff;
text-align: left;
width: 150px;
z-index: 50;
}
/* Links inside the dropdown */
.dropdown-content a {
font-feature-settings: "kern" 3;
font-kerning: normal;
font-family: 'Arial ';
font-size: 16px;
color:#177AAF;
text-align: left;
padding: 6px 3px 6px 3px;
text-decoration: none;
list-style: none;
display: block;
z-index: 50;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {color: #000;}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}
.dropdownbtn:hover {color:#0C405B;border-bottom:thick; border-bottom-style: solid; border-bottom-color:#0C405B;}
a[href^="https://www.asfvgenomics.com/"] {
background: url("images/logo/external-link.svg") no-repeat 0 0;
background-position: top right;
background-size: 7%;
content: '';
display: inline-block;
height: auto;
}
.guides {
display: inline-block;
/*Making equal spaced divs*/
justify-content: space-between;
width: 600px;
height:150px;
margin-left: 0px;
margin-right: 0px;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
}
.issue {width: 300px;
display: inline-block; font:bold 18px bolder Arial, Helvetica, sans-serif; margin-bottom: 15px;text-align: left;}
.doc1 {
width: 300px;
height: 350px;
display: inline-block;
justify-content: center;
align-items: center;
margin-right: 20px;
padding-left: 20px;
padding-right: 20px;
border: thin solid #EEEEEE;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.doc1 a {
color: #000 ;
font-family: 'Verdana';
font-weight: 500px;
font-size: 18px;
text-align: center;
display: block;
text-decoration: none;
z-index: 1;
}
.doc1 a:hover {
color:#bcd530;
font-family:'Verdana';
font-weight: 800px;
font-size: 18px;
}
.doc2 {
margin-top: 60px;
width: 300px;
height: 350px;
display: inline-block;
justify-content: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
border: thin solid #EEEEEE;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.doc2 a {
color: #000 ;
font-family: 'Verdana';
font-weight: 500px;
font-size: 18px;
text-align: center;
display: block;
text-decoration: none;
z-index: 1;
}
.doc2 a:hover {
color:#bcd530;
font-family:'Verdana';
font-weight: 800px;
font-size: 18px;
}
.doc3 {
margin-top: 60px;
width: 300px;
height: 350px;
display: inline-block;
justify-content: center;
align-items: center;
margin-left: 10px;
padding-left: 20px;
padding-right: 20px;
border: thin solid #EEEEEE;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.doc3 a {
color: #000 ;
font-family: 'Verdana';
font-weight: 500px;
font-size: 18px;
text-align: center;
display: block;
text-decoration: none;
z-index: 1;
}
.doc3 a:hover {
color:#bcd530;
font-family:'Verdana';
font-weight: 800px;
font-size: 18px;
}
#secondary_header {
width: 100%;
padding: 0px;
background-color:#006666;
list-style: none;
text-align: center;
}
#secondary_header ul {
}
#secondary_header ul li {
display: inline;
}
#secondary_header ul li a {
display: inline-block;
font-size: 14px;
padding: 20px;
text-decoration: none;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
color: #FFFFFF;
cursor: pointer;
}
.gap2018 {
text-align: center;
margin-left: 0px; margin-right:0px;
margin-top: 15px;
margin-bottom: 0px;
height:15px;
width:100%;
background-color:hsla(199,69%,65%,1.00);
justify-content: space-between;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
font-weight: 800px;
padding-top: 0px;
padding-bottom: 30px;
color: rgba(0, 0, 0, 0.55);
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
z-index: 10;
}
.gap2018 li {
display: inline-block;
}
.gap2018 a {
margin-top: 10px;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
font-size: 14px;
font-stretch: ultra-condensed;
font-weight: 900px;
color:#2E2E2E;
text-decoration: none;
z-index: 10;
}
.gap2018 a:hover {text-decoration: none; color: #fff;
}
#18gapreport {float: left; margin-left: 15px;}
.dropbtn {
background-color: inherit;
color:#2E2E2E;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
font-size: 14px;
font-stretch: ultra-condensed;
font-weight: 900px;
margin-top: 12px;
padding-top: 50px;
padding-bottom: 0px;
padding: 0px 45px 0px 0px;
border: none;
}
.dropbtn:hover {color: #fff;}
.dropbtn2 {
background-color: inherit;
color:#2E2E2E;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
font-size: 14px;
font-stretch: ultra-condensed;
font-weight: 900px;
margin-top: 12px;
padding-top: 50px;
padding-bottom: 0px;
padding: 0px 45px 0px 0px;
border: none;
}
.dropbtn2:hover {
background-color: #68BCE3;
text-decoration: underline;
}
/* The container
- needed to position the dropdown content */
.dropdown2 {
position: relative;
display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
/* Links inside the dropdown */
.dropdown {
position: relative;
display: inline-block;
}
.dropdown li:hover {background: hsla(0,0%,100%,1.00)
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
display: none;
position:fixed;
background-color:hsla(199,69%,65%,1.00);
text-align: left;
max-width:auto;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
z-index: 10;
}
/* Links inside the dropdown */
.dropdown-content a {
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
font-size: 14px;
color: #2E2E2E;
text-align: left;
padding: 0px 6px 0px 6px;
text-decoration: none;
display: block;
}
.dropdown:hover .dropdown-content {display: block;}
.dropdown-content a:hover {
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
font-size: 14px;
text-align: left;
padding: 0px 6px 0px 6px;
text-decoration: underline;
display: block;
z-index: 10;
}
.dropdown-content li {
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
font-size: 14px;
text-align: left;
padding: 0px 6px 0px 6px;
text-decoration: none;
display: block;
z-index: 10;
}
.dropdown-content li a:hover {
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
font-size: 14px;
color: #2E2E2E;
cursor: pointer;
text-align: left;
padding: 0px 6px 0px 6px;
text-decoration: none;
display: block;
z-index: 10;
}
.gapbanner23 {
text-align:center;
display: block;
margin-top: 0px;
margin-left: auto;
margin-right:auto;
padding-bottom: 0px;
height: 450px;
width: 93%;
}
.guides {
display: flex;
/*Making equal spaced divs*/
justify-content: space-between;
width:1025px;
height:250px;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 40px;
padding-left: 30px;
padding-right: 30px;
align-items: center;
}
.newsbox {box-sizing: content-box;
background: #fff;
width: 220px;
height: 220px;
display: inline-flex;
justify-content: center;
align-items: center;
margin-right: 10px;
padding: 3px;
box-sizing: border-box;
border: 1px solid #6ABEE4;
border-radius: 20px;
}
.newsbox a{
color: #333;
line-height: 1.5em;
font-family: 'Arial';
font-size: .80em;
font-weight: 550;
text-decoration: none;
}
.newsbox:hover {
box-sizing: content-box;
background: #fff;
width: 220px;
height: 220px;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 3px;
box-sizing: border-box;
border: 2px solid #6ABEE4;
border-radius: 20px;
}
.newsbox a:hover{
color: #187DB4;;
font-family: 'Arial';
font-size: .80em;
font-weight: 550;
text-decoration: none;
}
.extnewsbox {
background: #fff;
width: 220px;
height: 220px;
display: inline-block;
justify-content: center;
align-items: center;
margin-right: 10px;
padding: 3px;
box-sizing: border-box;
border: 1px solid #6ABEE4;
border-radius: 20px;
}
.extnewsbox a{
margin-top: 3px;
color: #333;
line-height: 1.5em;
font-family: 'Arial';
font-size: .80em;
font-weight: 550;
text-decoration: none;
}
.extnewsbox:hover {
background: #fff;
width: 220px;
height: 220px;
display: inline-block;
justify-content: center;
align-items: center;
padding: 3px;
box-sizing: border-box;
border: 2px solid #6ABEE4;
border-radius: 20px;
}
.extnewsbox a:hover{
color: #187DB4;;
font-family: 'Arial';
font-size: .80em;
font-weight: 550;
text-decoration: none;
}
.gap23 a {text-decoration: none;}
#gapreport {text-align:center; color:white; background-color:#083C4F; padding: 14px 25px; font-family: "open-sans"; display: inline-block; text-decoration: none; }
#gapreport a:link {color: white;text-decoration: none;font-family: "open-sans"; style font-size: 18px;}
#gapanalysis {display: block; float:left; margin-top: 75px; margin-left: 50px; text-decoration: none; border: none; }
#events ul
{
list-style-type:disc;
padding-left: .1em;
margin-left: 40px;
}
#events li
{
padding-left: .0em;
padding-right: .0em;
margin-bottom: 1.0em;
}
#footer { clear:both; width:100%; height:50px; border-top:2px solid #CCC;}
#imageLg {position:relative; top:-280px; right:-10px; background-color:#FFF; padding:25px 10px 30px 10px;}
#imagethirdannual {float:middle; padding:40px;}
#imagefourthannual {float:middle;}
.spacing {height:100px;}
.column {
float: left;
width: 50%;
padding: 5px;
}
/* Clear floats after image containers */
.row::after {
content: "";
clear: both;
display: table; margin-left:260px; margin-right: 100px; min-height: 100%;
}
.container {
width: 1200px;
}
/* The navbar */
.topnav {
width: 100%;
position:inherit;
overflow: hidden;
text-align: center;
background-color:#77C9EF;
}
.topnav ul
{
margin: 0;
padding: 0;
}
.topnav ul li
{
list-style-type: none;
display: inline-block;
}
.topnav ul li:not(:first-child):before {
content: " | ";
}
/* Navbar links */
.topnav a {
background: #77C9EF;
padding: 14px 14px ;
color:black; font-weight: 700;
text-decoration: none;
font-family: "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
font-size: 15px;
}
.topnav a:hover {
background: #FFFFFF;
}
#report {float: right; margin-left: 80px; text-decoration: none;
border-style:none; index-z: 50;}
#reportA {float: right; margin-left: 80px; text-decoration: none;
border-style:none; index-z: 50;}
.phbook {
width: 400px;
padding-left: 50%;
}
.phbook a { text-decoration: none;color: #333; }
.phbook:hover{padding-left: 50%; width: 400px; font-size: 14px; font-weight: 550; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; color: #333;}
.phlbl {
display:inline-block; width: 400px; font-size: 14px; font-weight: 550; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; color: #333;
}
.phlbl:hover {
display:inline-block; width: 400px; font-size: 14px; font-weight: 550; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; color: #333;
}