.banner {
    background: url('/images/inner_bg.png');
    height: auto;
    position: static;
}

.content {
    color: #6d6d6d;
}

.content p {
    margin-bottom: 40px;
}

.content ul {
    list-style: none;
    margin-bottom: 40px;
}

.content .profile h3 {
    text-transform: none;
    border-bottom: 3px solid #e5e5e5;
    cursor: pointer;
    color: #02626e;
    font-family: 'Roboto';
    font-size: 14pt;
    padding-bottom: 10px; /* with photo this should be 10px */
    background: none;
    width: 100%;
    margin: 0 0 20px 0;  /* with photo this should be 0 0 20px 0 */
}

h3 a {
    color: inherit;
}

img.headshot {
    float: left;
    margin-right: 14px;
    padding: 0;
    width: 141px;
    height: 187px;
}

p.bio {
    text-align: justify;
    font-size: 11pt;
    margin: 0 0 10px 0;
}

a.readfull {
    margin-top: 0px;  /* with photo this should be 20px */
    margin-bottom: 60px;  /* with photo this should be 40px */
    color: white;
    text-decoration: none;
    padding: 15px;
    display: block;
    width: 100%;
    background: #176B72;
    background-image: url('/images/bullet.png');
    background-repeat: no-repeat;
    background-position: 15px center;
    text-indent: 15px;
    font-weight: 700;
    font-size: 11pt;
}

a.readfull:hover, a.contact_email:hover {
    background-color: #2AAAB4;
    color: white;
}

a.readfull:visited {
    color: white;
}

/* Inner Profile Pages */
img.profile_headshot {
    padding-left: 0;
    margin-bottom: 20px;
    margin-right: 20px;
}

.profile > h4 {
    text-transform: none;
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 14pt;
    max-width: 75%;
    padding-right: 20px;
    margin-top: 0;
}

.experience {
    float: right !important;
    padding-right: 0;
    margin-bottom: 20px;
    margin-left: 30px !important;
    background: #EEEFEF;
}

.experience h3 {
    text-transform: uppercase;
    margin: 10px 0 20px 0;
    margin-top: 10px !important;
    color: #006a73;
}

.experience h4 {
    border-bottom: thin solid #d7d7d7;
    padding-bottom: 5px;
    color: #303030;
    margin-bottom: 10px;
    margin-top: 30px;
    margin-right: 10px;
}

.experience ul {
    padding: 0;
}

.experience li {
    color: #006a73;
    font-weight: 400;
    font-size: 10pt;
    margin-bottom: 10px;
    text-align: left;
}

a.contact_email {
    margin-top: 20px;
    margin-bottom: 40px;
    color: white;
    text-decoration: none;
    padding: 15px;
    display: block;
    background: #176B72;
    background-image: url('/images/bullet.png');
    background-repeat: no-repeat;
    background-position: 15px center;
    text-indent: 15px;
    font-weight: 700;
    font-size: 10pt;
}

a.contact_email:visited, a.contact_email:active, a.contact_email:focus {
    color: white;
}

.profile p {
    margin: 0;
    max-width: 100%;
    padding: 0 0 10px 0;
    text-align: justify;
    font-size: 14px;
}

@media screen and (max-width: 992px){

    .profile > h4 {
        max-width: 100%;
    }
    .profile p {
        max-width: 100%;
        padding: 0 0 20px 0;
    }

    p.bio { min-height: 220px; }

    img.profile_headshot {
        float: left;
        margin: 0 auto 20px auto;
    }

    .experience {
        width: 100%;
        float: right !important;
        padding: 15px 0 5px 0;
        margin-left: 0 !important;
    }

    .experience ul {
    }

    .experience li {
	/* text-align: left; */

        /*
        width: 50%;
        display: inline-block;
        */
        /* margin-bottom: 15px; */
    }

    a.readfull {
        margin-bottom: 40px;
    }
}

@media screen and (min-width: 993px){

    p.bio { min-height: 220px; }

}