html {background:#eee;}
body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 16px;line-height: 26px;color: #333;margin:0;}

a,a:visited {text-decoration:none;color: #0000d1;}
a:hover {color:#fe5d01;}

h1 {font-size: 35px;line-height: 140%;font-weight: bold;margin: 10px 0 20px 0;}
h2 {font-size: 26px;line-height: 26px;margin:20px 0;border-top: 1px solid #ccc;padding-top: 20px;clear: both;}
h3 {font-size: 18px;line-height: 20px;}

img {max-width:100%;}

#wrapper {width: 1095px;margin: auto;margin-top:15px;}
#header {border-bottom:1px solid #ccc;background:#fff;border-top: 3px solid #fe5d01;}
#headerinner {width:1095px;margin:auto;}
.headerlogo {width:400px;margin: 25px 0 15px 15px;max-width: 90%;}
#rightsb {float: left;width: 250px;margin-left: 15px;}
#rightsb div.moduletable {background:#fff;border-top: 5px solid #fe5d01;padding:15px;margin-bottom: 15px;}
#rightsb h3{margin: 0px;border-bottom: 1px solid #eee;padding-bottom: 10px;}
#rightsb ul {padding-left: 0;margin:0;list-style: none;}
#rightsb ul li{border-bottom: 1px solid #eee;padding-bottom: 5px;padding-top: 5px;}
#logo {}
#mainmenu {float:right;margin: 50px 0;}
#mainmenu p, #submenu  p {margin:0;}
#submenu {background: #484848;color: #fff;height: 35px;margin-top:-5px;}
#main {margin-top:15px;}
#content {width:800px;float:left;background:#fff;padding: 15px;border-top: 5px solid #fe5d01;}
#footer {background: #222d38;color: #fff;padding: 5px 10px;font-size: 14px;margin-top: 15px;margin-bottom: 15px;}
#footer p {margin:0;}
#footer a, #footer a:visited {color:#fff;}
#footer a:hover {color:#FFFF83;}

#mainmenu ul {margin: 0;padding:4px 0 0 0;}
#mainmenu li {list-style: none;float: left;padding: 0 0 1px 0;position: relative;}
#mainmenu li a {display: block;padding: 0 15px;line-height: 30px;color: #000;font-weight: bold;font-size: 20px;}
#mainmenu li.active.parent {}
#mainmenu li.current a {}

#submenu ul {margin: 0;padding:0;}
#submenu li {list-style: none;float: left;padding: 3px 0 0 0;position: relative;}
#submenu li a {display: block;padding: 0 10px;line-height: 30px;color: #fff;font-weight: normal;font-size: 14px;}
#submenu li.current a {color:#FFFF83;}

.imagemain {
    float: right;
    margin: 0 0 15px 15px;
    width: 350px;
}

.imagearticle {
    float: right;
    margin: 0 0 15px 15px;
    width: 300px;
}

.imagecredit {font-style: italic;text-align: center;font-size: 14px;line-height: 130%;}

img {
    max-width: 100%;
}

.articleindex ul li {
    float: left;
    list-style: none;
    padding: 0 15px 0 0;
    margin: 0;
}

.articleindex ul {
    padding: 0;
}

.articleindex {
    background: #eee;
    padding: 5px 10px;
  clear: both;
}

.articleindex ul {
    margin: 0;
}

.threecolumns ul li {
    float: left;
    width: 33%;
}

.twocolumns ul li {
    float: left;
    width: 50%;
}

.listcontainer {
    margin: 0 -8px;
}

.listitem {
    margin: 0 8px 20px 8px;
    float: left;
    text-align: center;
    width: 256px;
}

.listimage img {
    border: 1px solid #222d38;
}

.breedimage {
    float: left;
    width: 200px;
    margin-right: 15px;
    margin: 15px 15px 15px 0px;
}

.breedtext {
    margin: 15px 0;
}

.breedtitle {
    font-size: 20px;
    font-weight: bold;
}

.breeditem {
    border-top: 1px solid #ccc;
    padding=top: 1;
}

.breedimage img {
    display: block;
}

table {
    width: 100%;
    border-collapse: collapse;
}

th {
    background: #d54d00;
    padding: 5px 10px;
    border-bottom: 1px solid #ddd;
    text-align: center;
    color: #fff;
    font-weight: normal;
}

td {
    padding: 10px 10px;
    border-bottom: 1px solid #ddd;
    text-align: center;
    background: #f9f9f9;
}

td.firstcol {text-align: left;}

div.scroll {
    overflow-y: auto;
    margin: 25px 0px;
  min-width:800px;
}

.listimage {
    height: 258px;
}

.listtitle {
    padding-top: 10px;
    padding-bottom: 10px;
}

.authorbox {margin: 20px 0;background: #f4f4f4;padding: 15px;}
.authorboximg {float: right;width: 200px;margin-left: 15px;margin-top: 15px;margin-right: 5px;border-radius: 50%;-moz-border-radius: 50%;overflow: hidden;}
p.authoreducation {margin-top: 0;padding-top: 0;margin-bottom: 5px;font-style: italic;}
.authorbox h3 {margin-bottom: 7px;font-size: 24px;margin-top: 10px;}
.authorboximg img {display: block;}
.authorbox p {margin-bottom: 0;}

.authorsnippetimage {float: left;width: 25px;border-radius: 50%;-moz-border-radius: 50%;overflow: hidden;margin-right: 7px;}
.authorsnippetname {margin-right: 5px;font-style: italic;}
.authorsnippet {background: #f4f4f4;padding: 5px;margin-bottom: 20px;margin-top: -10px;}
.authorsnippetimage img {display: block;}
.clr {height: 0;clear: both;}

.referencebox {background: #f7f7f7;padding: 10px;margin: 35px 0 0 0;font-size: 12px;line-height: 140%;}
.referencebox h2 {border-top: none;margin-top: 0;padding-top: 5px;font-size: 18px;border-bottom: 1px solid #dcdcdc;padding-bottom: 5px;margin-bottom: 10px;}
.referencebox ul {padding-left: 20px;}
.atoz li {float: left;padding: 0;margin: 0;width: 3.846%;}
.atoz ul {padding: 0;margin: 0;list-style: none;text-align: center;}
.bannergroup {
    clear: both;
}
.morebutton {
    text-align: center;
    text-transform: uppercase;
    font-size: 19px;
}
.biglist li {
    float: left;
    width: 50%;
    list-style: none;
    padding: 0;
    margin: 0;
}

.biglist ul {
    margin: 0;
    padding: 0;
}
.breedbox {
    background: #f7f7f7;
    padding: 15px;
    margin: 20px 0;
}

.breedboximage {
    float: right;
    margin: 5px 0 10px 20px;
    max-width: 350px;
    text-align: center;
}

.breedbox h3 {
    font-size: 26px;
    margin: 15px 0 25px 0;
}
.disclaimerbox {
    background: #fff4f4;
    padding: 10px;
    margin: 25px 0;
    border-left: 2px solid #d40000;
}
.imagefull {
    text-align: center;
}

@media (max-width: 600px) {

  
#headerinner {width: unset;}
#wrapper {width: unset;margin-top: 0;}
#content {width: unset;float: none;}
#rightsb {width: unset;float: none;margin: 0;}
#main {margin-top: 0;}
#footer {margin: 0;}
#rightsb div.moduletable {margin-bottom: 0;}
#header {border: none;}
#mainmenu {float: none;margin: 0;padding: 15px 5px;}
.listitem {width: 48%;margin: 1%;position: relative;overflow: hidden;}
.listcontainer {margin: 0 -1%;}
.listtitle {background: #eee;opacity: 0.9;position: absolute;bottom: 0;width: 100%;}
.listimage img {border: none;display: block;}
.listimage {height: unset;max-height: 200px;}
.atoz li {width: 7.69%;}
.biglist li {float: none;width: unset;}
.breedboximage {
    float: none;
    margin: 10px auto;
    max-width: 100%;
}
.breedbox h3 {
    text-align: center;
}
  

}



@media (max-width: 450px) {

.atoz li {width: 11.11%;}

}