body {
    margin           : 20px 0px 0px 0px;
    background-color : #fff;
    color            : #222;
    font             : 16px Lato, Arial, Helvetica, sans-serif;
    line-height      : 1.5;
}
a {
    color : rgb(238, 127, 0);
}
h2, h3, h4 {
    margin : 0.3em 0 0.5em;
}
#innercontent {
    padding     : 0 16px 16px 16px;
    margin-left : -1px;
    background  : white;
    float       : left;
    width       : 710px;
    border-left : 1px solid #716558;
}
.contentSpacer {
    height : 20px;
}
#innercontent > h1:first-child {
    margin-top : 0;
}
#innercontent:after {
    content : "";
    clear   : both;
}
#leftPane {
    float         : left;
    width         : 232px;
    border-right  : 1px solid #716558;
    margin-bottom : 20px;
}
.sideMenu {
    margin-left : -28px;
    font-size   : 11pt;
}
.sideMenu a {
    color           : #716558;
    text-decoration : none;
}
.sideMenu li a.selected {
    color : #1f5933;
}
.sideMenu li {
    list-style : none;
}
.sideMenu li.selected {
    list-style : url('/app/images/structure/submenu-on.png');
}
#header {
}
#donate {
    background      : #b9572d;
    position        : absolute;
    top             : 20px;
    right           : 20px;
    padding         : 7px 13px;
    font-size       : 18px;
    border-radius   : 20px;
    color           : #fff;
    text-decoration : none;
    font-weight     : 600;
}
#donate:hover {
    color      : #fff;
    background : rgb(238, 127, 0);
}
#logo {
    background      : url('ewcp_logo.png') no-repeat;
    background-size : contain;
    width           : 243px;
    height          : 135px;
    display         : block;
}
#image-top {
    margin-bottom : 15px;
    max-height    : 300px;
    overflow      : hidden;
}
#image-top img {
    width     : 100%;
    min-width : 700px;
    height    : auto;
}
#image-top.no-img {
    height     : 2px;
    background : rgb(238, 127, 0);
    margin-top : -2px;
}
.sidebar {
    border        : 1px solid rgb(238, 127, 0);
    border-radius : 10px;
    background    : #fff;
    overflow: hidden;
}
.housekeepingmenu {
    text-align : right;
    padding    : 8px 12px 8px 12px;
}
.housekeepingmenu .menuitem {
    display : inline;
}
.housekeepingmenu .menuitem a {
    color           : #73675a;
    font-weight     : bold;
    text-decoration : none;
}
.housekeepingmenu .menuitem a:hover {
    text-decoration : underline;
}
.housekeepingmenu .separator {
    display : inline;
    color   : #73675a;
    padding : 0px 5px 0px 8px;
}
#newspanel {
    float      : right;
    width      : 200px;
    padding    : 5px;
    background : white;
}
#newspanel p {
    font-weight : bold;
}
#navigation {
    background-color : #e3e0de;
    text-align       : right;
    font-family      : Allerta;
}
#content {
    padding : 20px;
}
#default_left {
    width : 180px;
    float : left;
}
#default_center {
    width : 600px;
    float : left;
}
#default_right {
    width : 180px;
    float : right;
}
.small {
    font-size : 15px;
}
.outer /* outer page containing table */
{
    width : 820px;
}
.webware {
    font-size  : 0.8em;
    color      : #aaa;
    text-align : right;
}
.webware a {
    color : #888;
}
/* news */
.newsitem .headline a {
    color           : #4080a0;
    font-weight     : bold;
    text-decoration : none;
}
.headline a:hover {
    color : #c0c0c0;
}
.newsitem .subtitle {
    color     : #404040;
    font-size : 9pt;
}
.newsitem .date {
    color      : black;
    text-align : right;
    font-size  : 8pt;
    font-style : italic;
}
.newsitem {
    padding : 0px 0px 18px 0px;
}
#newspanel p {
    color : #404040;
}
/*** Top Menu ***/
#menu_toggle {
    text-transform : uppercase;
    font-size      : 18px;
    font-weight    : 700;
    color          : #666;
    display        : block;
    width          : 28px;
    height         : 15px;
    margin         : 10px 0px 10px;
    text-indent    : 35px;
    line-height    : 6px;
    padding-right  : 30px;
    cursor         : pointer;
}
#menu_toggle:hover {
    color : #ff6500;
}
#menu_toggle span:after,
#menu_toggle span:before {
    content  : "";
    position : absolute;
    left     : 0;
    top      : -9px;
}
#menu_toggle span:after {
    top : 9px;
}
#menu_toggle span {
    position : relative;
    display  : block;
}
#menu_toggle span,
#menu_toggle span:after,
#menu_toggle span:before {
    width               : 30px;
    height              : 5px;
    background-color    : #666;
    backface-visibility : hidden;
    border-radius       : 2px;
}
#menu_toggle:hover span,
#menu_toggle:hover span:after,
#menu_toggle:hover span:before {
    background-color : #ff6500;
}
.mob_menu {
    display : none;
}
#nav {
    bottom      : 0;
    font-weight : bold;
    position    : absolute;
    right       : 0;
}
#nav.mob_menu {
    background    : #fff;
    position      : relative;
    margin-bottom : 5px;
}
#nav.mob_menu ul {
    float      : none;
    text-align : left;
}
#nav.mob_menu ul ul {
    position   : relative;
    display    : block;
    background : #fff;
}
#nav.mob_menu ul ul a {
    color : #666;
}
#nav ul {
    list-style : none;
}
#nav ul li {
    display : inline;
}
#nav ul {
    padding         : 0;
    list-style-type : none;
    float           : left;
    text-align      : center;
    position        : relative;
}
#nav ul li a {
    color           : #666;
    border-radius   : 1px 1px 0 0;
    text-decoration : none;
    text-transform  : uppercase;
    font-size       : 17px;
    padding         : 5px 15px;
    display         : block;
    line-height     : 1;
}
#nav ul li a.selected {
    color      : #fff;
    background : rgb(238, 127, 0);
}
#nav ul li a:hover {
    text-decoration : none;
    color           : rgb(238, 127, 0);
}
#nav ul li a.selected:hover {
    color : #fff;
}
/*submenu*/
#nav ul ul {
    position    : absolute;
    overflow    : hidden;
    display     : none;
    z-index     : 200;
    background  : #888;
    background  : rgba(0, 0, 0, 0.6);
    min-width   : 100%;
    white-space : nowrap;
}
#nav ul li:hover ul {
    display : block;
}
#nav ul:last-of-type ul {
    right : 0;
}
#nav ul ul a {
    text-align     : left;
    text-transform : lowercase;
    font-size      : 17px;
    color          : #fff;
}
#nav ul ul a:before {
    content : "- ";
}
#footer #nav {
    position : absolute;
    bottom   : 20px;
}
#footer #nav ul li a {
    font-size      : 13px;
    text-transform : capitalize;
    font-weight    : 300;
    color          : rgb(162, 71, 21);
    line-height    : 0;
}
#footer #nav ul li a:hover {
    text-decoration : underline;
}
.topmenuitemhover a {
    color           : #c0c0c0;
    font-weight     : bold;
    text-transform  : uppercase;
    font-size       : 12pt;
    text-decoration : none;
}
.topmenuheadon a {
    color : #ff0;
}
td.topmenuitem div {
    color       : white;
    font-weight : bold;
}
.submenu div {
    border-width : 0px 0px 0px 1px;
    border-style : solid;
    border-color : #a12730;
    width        : 125px;
    padding      : 0px 3px 3px 5px;
    text-align   : left;
}
.submenu a,
.submenu a:visited {
    color : #716558;
}
.submenu a.on {
    color : #a12730;
}
.submenu a:hover {
    color : #1f5933;
}
.innerfooter {
    padding : 10px;
}
.social {
    display         : inline-block;
    margin          : 5px;
    width           : 30px;
    height          : 30px;
    background      : url('social.png?3') no-repeat left center;
    border-radius   : 2px;
    background-size : 1000%;
}
.social.facebook {background-position : 21.7% 50%;}
.social.twitter {background-position : 3.5% 50%;}
.social.youtube {background-position : 40.8% 50%;}
.social.linkedin {background-position : 59% 50%;}
.social.instagram { background-position: 59.5% 50%; }

.sidebar .social {
    margin : 3px;
}
.e-bulletin {
    float          : right;
    line-height    : 35px;
    margin         : 0 10px 5px 9px;
    vertical-align : middle;
}
.copyright {
    margin-top : 55px;
}
#footer {
    margin     : 50px auto 0;
    width      : 100%;
    height     : 380px;
    background : url('footer.png') repeat-x bottom center;
    font       : 13px/17px 'Allerta';
    color      : rgb(162, 71, 21);
}
#footer h3 {
    font-size  : 40px;
    text-align : right;
    color      : #888;
    font-style : italic;
}
#footer-inner {
    height : 100%;
}
#footer img {
    vertical-align : middle;
    margin-left    : 10px;
}
#footer a {
    color : #716558;
}
.webware {
    font-size  : 0.8em;
    color      : #aaa;
    text-align : right;
}
.webware a {
    color : #888;
}
.homepage_content {
    width : 720px;
}
.marketing_box h1 {
    font-size : 16pt;
}
h1 {
    text-transform : lowercase;
    color          : #716558;
    font-size      : 25pt;
    font-family    : Allerta;
    letter-spacing : -0.05em;
    line-height    : 1em;
}
h1 .subMenuItem {
    color       : #1f5933;
    font-size   : 20pt;
    font-weight : normal;
}
h2 {
    color       : #716558;
    font-weight : normal;
}
h3 {
    color       : #716558;
    font-weight : normal;
}
h1 span {
    color : #a24715;
}
.intro {
    font-size   : 24px;
    line-height : 26px;
    font-style  : italic;
    color       : #9c9d9f;
}
/*
Page Images
*/
.pageImages {
    width        : 275px;
    float        : right;
    border-left  : 1px solid #716558;
    padding      : 10px;
    margin-right : -21px;
    margin-left  : 10px;
}
.pageImages img {
    max-width : 275px;
}
.pageImages .pageImage {
    margin-top : 70px;
}
.pageImages .pageImage:first-child {
    margin-top : 0;
}
.pageImages p {
}
.pageImage .caption {
    padding : 10px;
}
.pageImage .caption a,
.pageImage .caption {
    color : #716558;
}
.pageImage .subtitle {
    font-style : italic;
}
.subscribeBox {
    color     : #716558;
    padding   : 10px;
    font-size : 10pt;
}
.subscribeBox a {
    color           : #732d26;
    text-decoration : none;
}
.searchBox {
    background    : url('/app/layouts/brochure/ethiopianwolf/search.png') no-repeat left;
    font-size     : 11pt;
    padding       : 10px 0px 10px 33px;
    color         : #716558;
    margin        : 0 5px;
    border-bottom : 1px solid #9c9d9f;
}
.searchBox .search {
    box-sizing : border-box;
    width      : 100%;
}
.getInvolved {
    display         : block;
    text-align      : center;
    text-decoration : none;
    margin          : 0 10px 0;
    padding         : 5px 5px 0;
}

h3.gray,
.getInvolved h3 {
    background : #9c9d9f;
    color      : #fff;
    padding    : 3px;
    font-size  : 14pt;
}

.searchbox h3 {
    margin: 0;
}

.getInvolved h3 {
    margin     : 0 -15px 5px;
}

.supportWork {
    border-bottom : 1px solid #9c9d9f;
    margin        : 0 10px 10px;
    padding       : 0 5px 5px;
    display       : block;
    text-align    : center;
}
.sidebar nav a {
    display         : inline-block;
    width           : 33%;
    text-align      : center;
    color           : #9c9d9f;
    text-decoration : none;
    margin          : 10px 0 5px;
    font-size       : 17px;
    border-left     : 1px solid rgb(238, 127, 0);
}
.sidebar nav a:first-of-type {
    border-left : none;
}
.sidebar nav a:hover {
    color : rgb(238, 127, 0);
}
.searchResults {
    background-color : #e3e0de;
    border           : 1px solid #716558;
    padding          : 5px;
}
.searchResultBox {
    border-top : 1px solid #716558;
    margin-top : 5px;
}
.searchResultBox:first-child {
    border-top : none;
}
.journalArticle {
    margin : 0 0 20px 10px;
}
.journalArticle .title {
    font-weight : bold;
}
.journalArticle .authors,
.journalArticle .fileInfo {
    margin-left : 23px;
}
.submenuitem .species {
    text-align : left;
}
/*
Species page
*/
.speciesInfo .redList {
    margin-right : 120px;
}
.speciesInfo .status {
    font-weight  : bold;
    margin-right : 45px;
}
.rangeMap {
    width : 425px;
}
/*
Journal
*/
.journalIssue .volume {
    font-weight : bold;
}
.journalIssue .download {
    margin     : 0 0 10px 10px;
    font-style : italic;
}
.tools-link {
    text-decoration : none;
    cursor          : pointer;
    color           : black;
}
.tools-link:hover {
    text-decoration : underline;
}
.marketingBoxesWrapper {
    margin-top : 20px;
}
.marketing-box {
    border-top    : 2px solid #ccc;
    border-bottom : 2px solid #ccc;
    padding       : 10px 0;
    margin        : 0 10px;
}
.marketing-box a {
    text-decoration : none;
}
.marketing-box h2 {
    color     : inherit;
    margin    : 4px 0 0 0;
    font-size : 18px;
    padding   : 0 6px;
}
.gallery_horizontal_slide {
    position      : relative;
    border-top    : 2px solid #ccc;
    border-bottom : 2px solid #ccc;
    padding       : 10px 0;
    margin        : 0 10px;
    line-height   : 0;
}
.gallery_horizontal_slide .slides li {
    margin-right : 10px;
}
.flex-control-paging {
    display : none;
}
.flex-direction-nav {
    position : absolute;
    top      : 50%;
    width    : 100%;
}
.flex-direction-nav li {
    list-style : none;
}
.flex-direction-nav a {
    position    : absolute;
    display     : block;
    text-indent : -99999px;
    width       : 30px;
    height      : 30px;
    background  : url('bg_direction_nav.png') no-repeat left center;
    margin-top  : -15px;
}
.flex-direction-nav a.flex-next {
    right               : -30px;
    background-position : right center;
}
.flex-direction-nav a.flex-prev {
    left : -30px;
}
input {
    border-radius : 3px;
    border        : 1px solid #9c9d9f;
    font-family   : "Open Sans";
}
input[type=text] {
    background : none repeat scroll 0 0 #eee;
    padding    : 4px;
}
input[type=text]:focus {
    border : 1px solid rgb(238, 127, 0);
}
input[type=button], input[type=submit] {
    font-size : 14px;
    padding   : 3px 6px;
}
input[type=button]:hover, input[type=submit]:hover,
input[type=button]:focus, input[type=submit]:focus {
    border : 1px solid rgb(238, 127, 0);
}
/** Contact Form **/
.contactform {
}

.contactform .textfield,
.contactform .largefield,
.contactform .recaptcha-field {
    font-size     : 0;
    margin-bottom : 5px;
}

.contactform label {
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    width: 20%;
    text-align: right;
    box-sizing: border-box;
    padding-right: 10px;
    text-transform: capitalize;
}

.contactform input[type="text"],
.contactform textarea,
.contactform .g-recaptcha {
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    width: 80%;
    box-sizing: border-box;
}

.contactform textarea {
    height: 50px;
}

.contact_text {
    font-size: 0;
    text-align: center;
}

.contactsubmit {
    text-align: right;
}

.contact-wildcru,
.contact-programme {
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    box-sizing: border-box;
    padding: 20px;
}

@media only screen and (max-width : 767px) {
    #image-top {
        height     : 3px;
        background : rgb(238, 127, 0);
    }
    #image-top img {
        display : none;
    }
    #logo {
        margin : auto;
    }
    .marketing-box {
        border-bottom : none;
        text-align    : center;
    }
    .marketing-box img {
        margin  : auto;
        display : block;
    }
}
@media only screen and (min-width : 768px) and (max-width : 959px) {
    .sidebar nav a {
        border  : none;
        width   : 100%;
        display : block;
    }
}