@charset "UTF-8";
/* CSS Document */

@import url('//fonts.googleapis.com/css?family=Catamaran:100,200,300,400,700&subset=latin-ext');

html, body {font-family: 'Catamaran', sans-serif; background-color:#dae4e4; height: 100%;}
* {padding:0; margin: 0}
hr {border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #dae4e4, #999, #dae4e4); margin-top:20px}

h2 {font-size: 30px; line-height: 1.2em; font-weight: 200; padding-top: 25px}
p span {display: block; padding: 10px 10px 10px 10px; background-color:#A0CECF; margin-top: 5px}
p span a {color: #000000; font-weight: 700}
.pdf {dispaly:inline-block; vertical-align:text-top}
.logobox {display: inline-block; border-radius:5px; background-color:#ffffff; border-width: 1px; border-color:#999; padding: 7px 12px 7px 12px; margin-top:10px; margin-right: 10px}
.logobox img {height: 70px; width: auto}

@media only screen and (min-width: 0px) and (max-width : 568px) {

#biocontainer {position: relative; display: block; width: 100%; background-color: #dae4e4; text-align:center;}
#bio {margin-left: auto; margin-right: auto; position: relative; display: block; width:90%; max-width: 1200px; height: auto; background-color:#dae4e4; text-align: center; margin-bottom: 10px; padding-top: 20px; }

#header {text-align: left;position: relative; display: block; width:100%; margin-left: auto; margin-right: auto; background-color:#dae4e4;border-bottom-style:solid; border-bottom-color:#CCCCCC; border-bottom-width:thin; }

#photo {position: relative; width: 150px; height: 200px; display: block; overflow: hidden }
#photo img {width: 150px}

#biomenu {position: relative; display: block; margin-left: auto; margin-right: auto; width: 100%; height: auto; background-color:#dae4e4; text-align: left; margin-bottom: 10px; padding-top: 10px; overflow: hidden}

#biomenuinner {position: relative; float: left; display: block; max-width:300px; font-size: 22px; line-height: 1.2em; margin-top: 4px; margin-left: 20px}

#biomorestuff {position:relative; float: left; clear: left; display:block; width:240px; text-align: left; height: auto; margin-top: 5px; margin-left: 20px}
#biomorestuff img {display: inline-block; vertical-align:middle; margin-right:4px; width:32px; height: 32px}
#biolanguage {display: inline-block; height: 30px; border-radius: 5px; border-style:solid;border-width:1px; border-color:#000000; text-align: center; color: #000000; vertical-align:middle}
#biolanguage p {padding-top: 3px;font-size: 16px; padding-left: 6px; padding-right: 6px; font-weight:200}


#biotitle {position: relative; display: block; text-align: left; width:100%; margin-left: auto; margin-right: auto; margin-top: 25px; font-weight: 100; font-size:45px; line-height: 1.2em}
#blurb {position:relative;text-align: left;display: block; width:100%; margin-left: auto; margin-right: auto; background-color:#dae4e4; padding-bottom: 40px}

#blurb  h3 {font-size: 24px; font-weight: 300; line-height: 1.3em; padding-top: 1em}
#blurb  p {font-size: 18px; line-height: 1.2em; padding-top: 1.2em; font-weight: 200}
#blurb  ul {font-size: 18px; line-height: 1.2em; padding-left: 20px; font-weight: 200}
#blurb  li {font-size: 18px; line-height: 1.2em; padding-top: 1.2em; font-weight: 200 }

}


@media only screen and (min-width: 567px) and (max-width : 768px) {

#biocontainer {position: relative; display: block; width: 100%; background-color: #dae4e4; text-align:center;}
#bio {margin-left: auto; margin-right: auto; position: relative; display: block; width:90%; height: auto; background-color:#dae4e4; text-align: center; margin-bottom: 10px; padding-top: 20px; }

#header {text-align: left;position: relative; display: block; width:100%; margin-left: auto; margin-right: auto; background-color:#dae4e4;border-bottom-style:solid; border-bottom-color:#CCCCCC; border-bottom-width:thin; }

#photo {position: relative; width: 150px; height: 200px; display: block; overflow: hidden }
#photo img {width: 150px}

#biomenu {position: relative; display: block; margin-left: auto; margin-right: auto; width: 100%; height: auto; background-color:#dae4e4; text-align: left; margin-bottom: 10px; padding-top: 10px; overflow: hidden}

#biomenuinner {position: relative; float: left; display: block; max-width:300px; font-size: 22px; line-height: 1.2em; margin-top: 4px; margin-left: 20px}

#biomorestuff {position:relative; float: right; display:block; width:230px; text-align: left; height: auto; margin-top: 0px; margin-right: 0px}
#biomorestuff img {display: inline-block; vertical-align:middle; margin-right:4px; width:32px; height: 32px}
#biolanguage {display: inline-block; height: 30px; border-radius: 5px; border-style:solid;border-width:1px; border-color:#000000; text-align: center; color: #000000; vertical-align:middle}
#biolanguage p {padding-top: 3px;font-size: 16px; padding-left: 6px; padding-right: 6px; font-weight:200}


#biotitle {position: relative; display: block; text-align: left; width:100%; margin-left: auto; margin-right: auto; margin-top: 25px; font-weight: 100; font-size:45px; line-height: 1.2em}
#blurb {position:relative;text-align: left;display: block; width:100%; margin-left: auto; margin-right: auto; background-color:#dae4e4; padding-bottom: 40px}

#blurb  h3 {font-size: 24px; font-weight: 300; line-height: 1.3em; padding-top: 1em}
#blurb  p {font-size: 18px; line-height: 1.2em; padding-top: 1.2em; font-weight: 200}
#blurb  ul {font-size: 18px; line-height: 1.2em; padding-left: 20px; font-weight: 200}
#blurb  li {font-size: 18px; line-height: 1.2em; padding-top: 1.2em; font-weight: 200 }

}

@media only screen and (min-width: 769px) and (max-width : 1024px) {

#biocontainer {position: relative; display: block; width: 100%; background-color: #dae4e4; text-align:center;}


#biomenu {position: relative; display: block; margin-left: auto; margin-right: auto; width: 100%; height: auto; background-color:#dae4e4; text-align: left; margin-bottom: 10px; padding-top: 10px; overflow: hidden}

#biomenuinner {position: relative; float: left; display: block; max-width:300px; font-size: 22px; line-height: 1.2em; margin-top: 4px; margin-left: 20px}

#biomorestuff {position:relative; float: right; display:block; width:225px; text-align: left; height: auto; margin-top: 0px; margin-right: 0px}
#biomorestuff img {display: inline-block; vertical-align:middle; margin-right:4px}
#biolanguage {display: inline-block; height: 34px; border-radius: 8px; border-style:solid;border-width:1px; border-color:#000000; text-align: center; color: #000000; vertical-align:middle}
#biolanguage p {padding-top: 3px;font-size: 18px; padding-left: 8px; padding-right: 8px; font-weight:200}

#bio {margin-left: auto; margin-right: auto; position: relative; display: block; width:90%; max-width: 1200px; height: auto; background-color:#dae4e4; text-align: center; margin-bottom: 10px; padding-top: 20px; }

#header {text-align: left;position: relative; display: block; width:100%; margin-left: auto; margin-right: auto; background-color:#dae4e4;border-bottom-style:solid; border-bottom-color:#CCCCCC; border-bottom-width:thin; }

#biotitle {position: relative; display: block; text-align: left; width:100%; margin-left: auto; margin-right: auto; margin-top: 30px; font-weight: 100; font-size:55px; line-height: 1.2em}

#photo {position: relative; width: 150px; height: 200px; display: block; overflow: hidden }
#photo img {width: 150px}

#blurb {position:relative;text-align: left;display: block; width:100%; margin-left: auto; margin-right: auto; background-color:#dae4e4; padding-bottom: 40px}

#blurb  h3 {font-size: 24px; font-weight: 300; line-height: 1.3em; padding-top: 1em}
#blurb  p {font-size: 18px; line-height: 1.2em; padding-top: 1.2em; font-weight: 200}
#blurb  ul {font-size: 18px; line-height: 1.2em; padding-left: 20px; font-weight: 200}
#blurb  li {font-size: 18px; line-height: 1.2em; padding-top: 1.2em; font-weight: 200 }

}

@media only screen and (min-width: 1025px) and (max-width : 1366px) {

#biocontainer {position: relative; display: block; width: 100%; background-color: #dae4e4; text-align:center;}
#bio {margin-left: auto; margin-right: auto; position: relative; display: block; width:90%; max-width: 1200px; height: auto; background-color:#dae4e4; text-align: center; margin-bottom: 10px; padding-top: 20px; }

#header {text-align: left;position: relative; display: block; width:100%; margin-left: auto; margin-right: auto; background-color:#dae4e4;border-bottom-style:solid; border-bottom-color:#CCCCCC; border-bottom-width:thin; }

#photo {position: relative; width: 200px; height: 267px; display: block; }
#photo img {width: 200px}

#biomenu {position: relative; display: block; margin-left: auto; margin-right: auto; width: 100%; min-height: 55px; background-color:#dae4e4; text-align: left; margin-bottom: 10px; padding-top: 10px;}

#biomenuinner {position: relative; float: left; display: block; max-width:300px; font-size: 22px; line-height: 1.2em; margin-top: 4px; margin-left: 40px}

#biomorestuff {position:relative; float: right; display:block; width:240px; text-align: left; height: auto; margin-top: 0px; margin-right: 0px}
#biomorestuff img {display: inline-block; vertical-align:middle; margin-right:4px}
#biolanguage {display: inline-block; height: 34px; border-radius: 8px; border-style:solid;border-width:1px; border-color:#000000; text-align: center; color: #000000; vertical-align:middle}
#biolanguage p {padding-top: 3px;font-size: 18px; padding-left: 8px; padding-right: 8px; font-weight:200}


#biotitle {position: relative; display: block; text-align: left; width:100%; margin-left: auto; margin-right: auto; margin-top: 30px; font-weight: 100; font-size:60px; line-height: 1.2em}
#blurb {position:relative;text-align: left;display: block; width:100%; margin-left: auto; margin-right: auto; background-color:#dae4e4; padding-bottom: 40px}

#blurb  h3 {font-size: 24px; font-weight: 300; line-height: 1.3em; padding-top: 1em}
#blurb  p {font-size: 18px; line-height: 1.2em; padding-top: 1.2em; font-weight: 200}
#blurb  ul {font-size: 18px; line-height: 1.2em; padding-left: 20px; font-weight: 200}
#blurb  li {font-size: 18px; line-height: 1.2em; padding-top: 1.2em; font-weight: 200 }


}


@media only screen and (min-width: 1367px) and (max-width : 5000px) {

#biocontainer {position: relative; display: block; width: 100%; background-color: #dae4e4; text-align:center;}
#bio {margin-left: auto; margin-right: auto; position: relative; display: block; width:90%; max-width: 1200px; height: auto; background-color:#dae4e4; text-align: center; margin-bottom: 10px; padding-top: 20px; }

#header {text-align: left;position: relative; display: block; width:100%; margin-left: auto; margin-right: auto; background-color:#dae4e4;border-bottom-style:solid; border-bottom-color:#CCCCCC; border-bottom-width:thin; }

#photo {position: relative; width: 200px; height: 267px; display: block; }
#photo img {width: 200px}

#conferencephoto {position: relative; display: block; width:100%;}
#conferencephoto img {max-width: 100%}

#biomenu {position: relative; display: block; margin-left: auto; margin-right: auto; width: 100%; height: auto; background-color:#dae4e4; text-align: left; margin-bottom: 10px; padding-top: 10px; overflow: hidden}

#biomenuinner {position: relative; float: left; display: block; max-width:300px; font-size: 22px; line-height: 1.2em; margin-top: 4px; margin-left: 50px}

#biomorestuff {position:relative; float: right; display:block; width:350px; text-align: left; height: auto; margin-top: 0px; margin-right: 0px}
#biomorestuff img {display: inline-block; vertical-align:middle; margin-right:4px}
#biolanguage {display: inline-block; height: 34px; border-radius: 8px; border-style:solid;border-width:1px; border-color:#000000; text-align: center; color: #000000; vertical-align:middle}
#biolanguage p {padding-top: 3px;font-size: 18px; padding-left: 8px; padding-right: 8px; font-weight:200}

#biotitle {position: relative; display: block; text-align: left; width:100%; margin-left: auto; margin-right: auto; margin-top: 30px; font-weight: 100; font-size:60px; line-height: 1.2em}
#blurb {position:relative;text-align: left;display: block; width:100%; margin-left: auto; margin-right: auto; background-color:#dae4e4; padding-bottom: 40px}

#blurb  h3 {font-size: 24px; font-weight: 300; line-height: 1.3em; padding-top: 1em}
#blurb  p {font-size: 18px; line-height: 1.2em; padding-top: 1.2em; font-weight: 200}
#blurb  ul {font-size: 18px; line-height: 1.2em; padding-left: 20px; font-weight: 200}
#blurb  li {font-size: 18px; line-height: 1.2em; padding-top: 1.2em; font-weight: 200 }


}