/*   file:   IHB-main.CSS   */


/*   LINKS   */

a:link {
text-decoration:none;
color: rgb(56,56,56);
}

a:visited {
text-decoration:none;
color: rgb(56,56,56);
}

a:hover {
text-decoration:none;
color:rgb(0, 153, 255);
}

a:active {
text-decoration:none;
color: rgb(56,56,56);
}


/*   Titles   */

h1 {
font-family:Verdana,sans-serif;
text-decoration-style: solid;
font-size: 25px;
font-weight:300;
text-align: center;
margin-top:34px;
}

h2 {
font-family:Verdana,Arial,sans-serif;
text-align: center;
width: auto;
margin-top: 49px;
font-size: 21px;
font-weight:300;
margin-bottom:21px;
}

h3 {
text-align: left;
margin-left:10%;
font-family:Verdana,Arial,sans-serif;
font-size: 18px;
}

/*         Table Banner        */

body.ihb {
margin-top:7px;
vertical-align:top;
background-image:url('IHBpics/IHBbkgnd600.png');
background-position: top,left;
background-size: auto;
background-repeat: repeat-y;
background-attachment:fixed;
}

table.cont {
border-collapse: collapse;
max-width:957px;
margin:auto;
vertical-align:top;
font-family:Verdana,Arial,sans-serif;
font-size:18px;
color:rgb(115,115,115);
background-color:rgba(240, 240, 240, 0.3);
}

td.banner {
width: auto;
border: none;
background-image:url('IHBpics/banner.png');
background-size: 100%;
background-position: top,left;
background-repeat: no-repeat;
background-color:rgb(240, 240, 240);
min-height: 175px;
}

div.buttons {
margin-top: 7px;
height: 43px;
width: 100%;
}

button.logo {
display: inline-block;
margin-left: 10%;
border: none;
float: left;
width: 173px;
height: 56px;
background-image: url('IHBpics/IHB Logo 2019 text 173.png');
background-color: transparent;
background-repeat: no-repeat;
}

span.logo {
display: block;
height: 90px;
background-image: url('IHBpics/IHB Logo 2019 text 173.png');
background-position: center;
background-color: transparent;
background-repeat: no-repeat;
}

p.logo {
margin-top: 14px;
width: 80%;
height: 56px;
margin-bottom: 21px;
background-image: url('IHBpics/IHB Logo 2019 text 173.png');
background-position: top;
background-color: transparent;
background-repeat: no-repeat;
}

.dropdown {
display: inline-block;
float: right;
width: 78px;
margin-right: 10%;
background-color: rgb(240,240,240);
}

button.select {
display: inline-block;
float: right;
margin-right: 10%;
border: none;
width: 78px;
height: 52px;
cursor: pointer;
background-image:url('IHBpics/btn topics.png');
background-color: transparent;
background-repeat: no-repeat;
}

.dropdown-content {
display: none;
margin-top: 0px;
position: flex;
float: right;
text-align: left;
color: rgb(142,142,142);
width: 250px;
box-shadow: 3px 21px 21px 4px rgba(77,77,77,0.7);
background-color: rgb(240,240,240);
z-index: 3;
}

.dropdown-content a {
display: inherit;
text-decoration: none;
font-size: 16px;
line-height: 34px;
margin-left: 14px;
text-align: left;
color: rgb(70,70,70);
}

.dropdown-content a:hover {
background-color: rgb(217,217,217);
}

.dropdown:hover .dropdown-content {
display: block;
position: relative;
z-index: 3;
}

.dropdown:hover .dropbtn {
background-color: rgb(180,180,180);
z-index: 3;
}

td.banner2 {
width: 100%;
background-color:  rgb(240,240,240);
border: collapse;
}

td.sp-bar {
vertical-align:top;
width: 100%;
height:10px;
font-size: 7px;
background-image:url('IHBpics/space2.png');
background-repeat: repeat-x;
background-position:top;
opacity:0.8;
}

/*         Main Layout        */

td.sp1 { /* primary spacing cell (trsp.) */
height:25px;
width: 100%;
font-size: 7px;
color:transparent;
background-color:transparent;
}

td.reg {  /* bg semi-transparent */
vertical-align:top;
max-width: 100%;
border: none;
border-radius: 11px;
background-color:rgb(240,240,240);
}

p.reg {
margin-top:14px;
margin-left:10%;
margin-right:10%;
line-height: 23px;
text-align: justify;
}

p.regB {
margin-top:14px;
margin-left:10%;
margin-right:10%;
line-height: 23px;
font-weight: bold;
}

p.regB2 {
margin-top: 34px;
margin-left:10%;
margin-right:10%;
line-height: 23px;
font-weight: bold;
}

p.regC {
margin-left:10%;
margin-right:10%;
text-align:center;
line-height: 23px;
}

p.regR {
margin-left:10%;
margin-right:10%;
text-align:right;
line-height: 23px;
}

/*   BODY -- Main Frame   */

/*         page Default Home.html        */

td.select {  
vertical-align:top;
max-width: 100%;
border: none;
border-radius: 11px;
background-color:rgb(240,240,240);
background-image:url('IHBpics/ihbgroup2.png');
background-repeat: no-repeat;
background-position: 85% 34%;
}

button.collapsible {
background-color: transparent;
cursor: pointer;
margin-left: 10%;
width: 322px;
height: 34px;
border: none;
text-align: left;
outline: none;
font-family: inherit;
font-size: 16px;
}

.active, .collapsible:hover {
width: 322px;
  background-color: rgb(201,201,201);
}

.content {
  padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: white;
}

p.closeline {
	margin-top:28px;
	height: 25px;
	margin-left:10%;
	margin-right:10%;
	margin-bottom: 34px;
    font-size: 14px;
    text-align: right;
	background-color: rgb(201,201,201);
}

ul.what {
    margin-left:10%;
    margin-right:10%;
    line-height: 23px;
    list-style-type: circle;
    list-style-position: outside;
}

li.what {
    margin-bottom: 18px;
}

/*         page Human-Biology.html        */

li.what2 {
    margin-bottom: 7px;
}

td.exploreHB {  
vertical-align:top;
max-width: 100%;
border: none;
border-radius: 11px;
background-color:rgb(240,240,240);
background-image:url('IHBpics/Biologia Humana.png');
background-repeat: no-repeat;
background-position: 85% 77px;
}

p.hubi {
display: inline-block;
width: 217px;
height: 250px;
margin-left: 20%;
background-image: url('IHBpics/ihbgroup2.png');
background-position: 15%, 0%;
background-repeat: no-repeat;
vertical-align: top;
}

p.HBclass {
display: inline-block;
width: 190px;
height: 250px;
margin-left: 10%;
background-image: url('IHBpics/HS classification.png');
background-position: 15% 14px;
background-repeat: no-repeat;
vertical-align: top;
}

p.biologia {
height: 190px;
margin-bottom: 28px;
background-image: url('IHBpics/Biologia Humana.png');
background-position: center;
background-repeat: no-repeat;
vertical-align: top;
}
/*         page functional-biology.html        */

h1.funct {
font-family:Verdana,sans-serif;
text-decoration-style: solid;
font-size: 21px;
font-weight:300;
text-align: left;
margin-top:34px;
margin-left: 30%;
}

p.index {
margin-top; 0px;
margin-left: 30%;
line-height: 16px;
}

p.top2 {
text-align: right;
margin-right: 10%;
margin-left: 10%;
margin-top: 35px;
margin-bottom: 28px;
margin-right: 10%;
}

button.funct {
display: inline-block;
border: none;
margin-left: 10%;
float: left;
width: 80%;
height: 482px;
margin-top: 3%;
margin-bottom: 3%;
background-image: url('IHBpics/Functional%20Biology%202.png');
background-color: transparent;
background-repeat: no-repeat;
background-size: 90%;
background-position: center;
}


/*         page IHB-education.html        */

p.edu {
margin-left:15%;
margin-top: 28px;
float: left;
width: 140px;
height: 120px;
color: transparent;
background-image:url('IHBpics/education.png');
background-position: top, left;
background-repeat:no-repeat;
background-color:transparent;
}

/*         page who-is-who.html        */

p.pictext2 { /* pic legend text */
display: inline-block;
min-width: 250px;
margin-top: 0px;
margin-left: 10%;
margin-right: 10%;
margin-bottom: 21px%;
}

p.sep {
margin-left: 10%;
margin-right: 10%;
margin-bottom: 14px;
height: 5px;
background-color: rgb(205,205,205);
}

p.mgr {
margin-left:12%;
margin-top: 3px;
float: left;
width: 156px;
height: 174px;
border-radius: 11px 11px 11px 11px;
color: rgb(56,56,56);
background-image:url('Who/martin 174.png');
background-position: top, left;
background-repeat:no-repeat;
background-color:transparent;
}

p.acu {
margin-left:12%;
margin-top: 3px;
display: inline-block;
float: left;
width: 156px;
height: 174px;
border-radius: 11px 11px 11px 11px;
color: rgb(56,56,56);
background-image:url('Who/andrew 174.png');
background-position: top, left;
background-repeat:no-repeat;
background-color:transparent;
}

p.yru {
margin-left:12%;
margin-top: 3px;
display: inline-block;
float: left;
width: 156px;
height: 174px;
border-radius: 11px 11px 11px 11px;
color: rgb(56,56,56);
background-image:url('Who/yanik 174.png');
background-position: top, left;
background-repeat:no-repeat;
background-color:transparent;
}

/*         page Mconfirm.html        */

button.thepen {
display: inline-block;
border: none;
float: left;
margin-top: 56px;
margin-left:10%;
width: 223px;
height: 124px;
background-image: url('IHBpics/thepen.png');
background-color: transparent;
background-repeat: no-repeat;
}td.reg {  /* bg semi-transparent */
vertical-align:top;
max-width: 100%;
border: none;
text-align: justify;
background-color:rgb(240,240,240);
}

button.thankyou {
display: inline-block;
float: left;
border: none;
text-align: center;
margin-top: 56px;
margin-left:10%;
margin-right:10%;
height: 124px;
width: auto;
margin-bottom: 11px;
background-color:transparent;
}


/*      - - -  Standard Paragraphs - - -   */



p.reg18 {
font-size: 18px;
text-align: center;
font-weight: 300;
}


/*   Buttons   */

button.contact {
float: right;
margin-right: 10%
vertical-align: middle;
border-radius: 7px;
border:none;
font-size: 16px;
height: 34px;
width: 119px;
color:rgb(56,56,56);
background-color: rgb(215,215,215);
}

button.general {
display: inline-block;
vertical-align: top;
border-radius: 7px;
border:none;
color:rgb(56,56,56);
font-size: 15px;
height: 34px;
width: 119px;
background-color: rgb(205,205,205);
}

button.send { 
margin-top: 21px;
margin-left: 50%;
width: 92px;
height: 34px; 
font-size:15px;
vertical-align: middle;
border-radius: 5px;
border-style: none;
background-color: rgb(201,201,201);
}

button.reset {
margin-top: 21px;
margin-left: 50%;
width: 92px;
height: 34px;
font-size:15px;
vertical-align: middle;
border-radius: 5px;
border-style: solid;
border-color: RGB(188,188,188);
background-color: transparent;
}

/*   Banner sgment -- Top   */


p.banner {
width: auto;
margin-top: 16.5%;
text-align: center;
color: rgb(151,151,151);
}

td.buttons {
margin-left: 5%;
margin-right: 5%;
}

p.noads {
vertical-align: middle;
display: inline-block;
margin-left: 11px;
width: 180px;
text-align: left;
font-size: 12px; 
color: rgb(151,151,151);
}

v

/*      Page Default        */

p.IHBlogo128 {
height: 91px;
background-image: url('IHBpics/IHBlogo2%2077.png');
background-position: center;
background-repeat: no-repeat;
}

/*      Page Human Biology     */

ul.goal {
margin-top: 34px;
margin-left: 11%;
margin-right: 10%;
margin-bottom: 43px;
list-style: circle;
}

li.space {
list-style: none;
height: 14px;
}

li.space2 {
list-style: none;
height: 21px;
}

/*      Page Hot Topics        */

td.flame {
width: 100%;
height: 190px;
background-image: url('IHBpics/flame small.png');
background-position: 10%, 0%;
background-repeat: no-repeat;
vertical-align: top;
}
p.hotTopic {
margin-top: 28px;
margin-left: 18%;
margin-right:10%;
}

/*      Page IHB Library        */

td.library {
width: 100%;
height: 190px;
background-image: url('IHBpics/IHB-libray.png');
background-position: 10%, 0%;
background-repeat: no-repeat;
vertical-align: top;
}

table.library {
margin-left: 10%;
margin-right: 10%;
vertical-align: top;
border: none;
}

td.catNumber {
font-size: 11px;
color:  #a6a6a6;
width: 95px;
vertical-align: top;
}

td.title {
vertical-align: top;
margin-bottom: 34px;
}

p.title {
margin-top: 0px;
margin-bottom: 14px;
}

table.libraryLight {
margin-left: 10%;
margin-right: 10%;
vertical-align: top;
border: none;
color: #b3b3b3;
}

td.titleLight {
vertical-align: top;
margin-bottom: 34px;
color: #b3b3b3;
}

div.descrpt {
font-size: 12px;
color: rgb(121,121,121);
}

p.topic {
margin-top: 28px;
margin-left: 18%;
font-size: 15px;
}

/*      Page Hot Topics        */

   
/*      Page Contact        */

form.IHBmsg {
width: auto;
margin-left: 15%; 
margin-right: 10%; 
max-width: 427px;
text-align: left;
}

label.IHBmsg {
display: inline-block;
margin-top: 21px;
width: 331px;
font-size:15px;
color: rgb(111,111,111);
margin-bottom: 7px;
}

/* not displayed */
label.IHBmsg2 { 
display: none;
width: 331px;
font-size:15px;
}

input.IHBmsg {
display: inline-block;
height: 28px; 
width: 331px;
font-family: Verdana,Arial,sans-serif;
font-size:15px;
color: rgb(111,111,111);
padding-left: 10px;
vertical-align: middle;
border-radius: 5px;
border-color: rgb(151,151,151);
border-style: solid;
}

/* not displayed */
input.IHBmsg2 {
display: none;
height: 28px; 
width: 331px;
font-family: Verdana,Arial,sans-serif;
font-size:15px;
vertical-align: middle;
}

select.IHBmsg {
display: inline-block;
float: left;
height: 35px; 
min-width: 348px;
font-family: Verdana;
font-size:15px;
color: rgb(111,111,111);
padding-left: 10px;
vertical-align: middle;
background-color: transparent;
border-radius: 5px;
border-style: solid;
}

textarea.IHBmsg {
display: inline-block;
float: left;
height: 280px; 
width: 331px;
font-family: verdana;
color: rgb(111,111,111);
font-size:15px;
padding-left: 10px;
padding-top: 7px;
padding-right: 7px;
vertical-align: middle;
border-radius: 5px;
border-style: solid;
border-color: rgb(151,151,151);
}

/*      - - -  Page who-is-who.html - - -   */

td.who {  /* bg semi-transparent */
vertical-align:top;
max-width: 100%;
height: 240px
border: none;
background-color:rgb(250, 250, 250);
}

p.rst {
margin-left:12%;
margin-top: 3px;
display: inline-block;
float: left;
width: 195px;
height: 217px;
border-radius: 11px 11px 11px 11px;
color: rgb(56,56,56);
background-image:url('Who/ryan195.png');
background-position: 0px 21px;
background-repeat:no-repeat;
background-color:transparent;
}

p.val {
margin-left:12%;
margin-top: 3px;
display: inline-block;
float: left;
width: 195px;
height: 217px;
border-radius: 11px 11px 11px 11px;
color: rgb(56,56,56);
background-image:url('Who/val195.png');
background-position: 0px 21px;
background-repeat:no-repeat;
background-color:transparent;
}

p.sep {
margin-left: 10%;
margin-top: 14px;
margin-right: 10%;
margin-bottom: 14px;
height: 5px;
background-color: rgb(205,205,205);
}

p.pictext { /* pic legend text */
margin-top: 0px;
margin-left: 10%;
margin-right: 10%;
}

/*   Page Thank You (e-mail messages) */

td.thepen {
width: 100%;
background-image:url('IHBpics/thepen.png');
background-repeat:no-repeat;
background-position:  77px 0px;
background-color:transparent;
}

p.thepen { /* pic legend text */
display: inline-block;
margin-left: 77px;
margin-top: 131px;
width: 223px;
font-size: 13px;
color: rgb(150,150,150);
}

p.pentext { /* pic legend text */
display: inline-block;
margin-top: 28px;
margin-right: 15%;
max-width: 121px;
vertical-align: top;
text-align: center;
min-width: 280px;
}

p.spacer {
margin-left:10%;
margin-right:10%;
margin-top: 0px;
margin-bottom: 0px;
font-size: 10px;
color: rgb(245,245,245);
background-color: transparent;
}

/*   Page Error 404   */

td.sherlock {
display: inline-block;
width: 100%;
background-image:url('IHBpics/sherlock.png');
background-repeat:no-repeat;
background-position:  77px 0px;
background-color:transparent;
}
    
p.sherlock { /* pic legend text */
display: inline-block;
margin-top: 250px;
margin-left: 77px;
width: 232px;
vertical-align: bottom;
font-size: 13px;
color: rgb(180,180,180);
}

p.sherlocktext { /* pic legend text */
display: inline-block;
margin-top: 77px;
margin-left: 77px;
max-width: 121px;
vertical-align: top;
text-align: left;
min-width: 280px;
}

/*              >>> Specials (unused)               */

p.LdV {
margin-left:10%;
margin-top: 3px;
display: inline-block;
float: left;
width: 210px;
height: 280px;
font-size: 13px;
color: rgb(56,56,56);
background-image:url('IHBpics/vitruvian_s2.png');
background-position: 0px 21px;
background-repeat:no-repeat;
background-color:transparent;
vertical-align: bottom;
}

td.sp1 {
height:21px;
background-color:transparent;
}

p.b-buttons {
margin-top: 9px;
text-align: center;
}

p.nav {
vertical-align: top;
display: inline-block;
text-align: right;
margin-right: 0%;
width: 56px;
height: 52px;
margin-top: 9px;
background-image:url('IHBpics/dropdown-button.png');
background-color: inherit;
background-position: top;
background-repeat: no-repeat;
}

button.nav {
display: inline-block;
vertical-align: middle;
margin-top: 12px;
margin-right: 0%;
width: 56px;
height: 52px;
border: none;
background-image:url('IHBpics/dropdown-button.png');
background-color: transparent;
background-repeat: no-repeat;
}

button.navTop {
display: inline-block;
vertical-align: top;
margin-top: 12px;
border-radius: 7px;
border-width:1px;
color:rgb(56,56,56);
font-size: 15px;
height: 34px;
width: 119px;
margin-left:7px;
margin-bottom:3px;
background-color: rgb(235,235,235);
}

p.sherlok2 {
margin-left:12%;
margin-top: 3px;
display: inline-block;
float: left;
width: 275px;
height: 291px;
color: rgb(56,56,56);
background-image:url('IHBpics/404img.png');
background-position: 0px 21px;
background-repeat:no-repeat;
background-color:transparent;
}

p.pdf {
margin-left:10%;
margin-top: 3px;
display: inline-block;
float: left;
width: 70px;
height: 70px;
background-image:url('IHBpics/pdf-icon.png');
background-position: 0px 21px;
background-repeat:no-repeat;
background-color:transparent;
vertical-align: bottom;
}

p.ASP {
margin-left:10%;
margin-top: 3px;
display: inline-block;
float: left;
width: 178px;
height: 210px;
background-image:url('IHBpics/asp-p2-small.png');
background-position: 0px 21px;
background-repeat:no-repeat;
background-color:transparent;
vertical-align: bottom;
}

p.pub1 {
margin-left:10%;
margin-top: 3px;
display: inline-block;
float: left;
width: 178px;
height: 260px;
background-image:url('IHBpics/IHB Pub1.png');
background-position: 0px 21px;
background-repeat:no-repeat;
background-color:transparent;
vertical-align: bottom;
}