body {
font-family: Candara, Roboto, Arial, Helvetica, sans-serif;
font-size: 1em;
color: #000000;
background-color: #a3af7d;
padding: 8px;
margin: 0;
}

a:link {
color: #0000ee;
}

a:visited {
color: #551a8b;
}

a:hover {
color: black;
}

a:active {
color: #ff0000;
}

#address {
display: inline-block;
font-size: 1.6em;
text-align: left;
list-style-type: none;
margin: 0;
padding: 0;
}

.bio_photo {
margin: 0 1em 1em 0;
border-top-left-radius: 10px;
}

.blue {
color: blue;
}

.bold {
font-weight: bold;
}

.center {
text-align: center;
}

#content {
background-color: #ffffff;
border-radius: 10px;
display: inline-block;
padding: 20px;
min-width: 70%;
max-width: 80%;
}

#footer {
color: #a3af7d;
font-size: 1.8em;
padding-top: 1em;
text-align: center;
}

#header {
padding-left: 15%;
margin-bottom: 1em;
}

.hefflogo {
width: 400px;
height auto;
float: right;
}

.hefflogo-small {
display: none;
}

hr {
border: 1px solid #a3af7d;
margin: 0 auto;
color: #a3af7d;
background-color: #a3af7d;
width: 7em;
}

img {
border: 0;
}

#inner-wrapper {
}

#menu {
display: inline-block;
font-size: 1.2em;
font-weight: bold;
line-height: 200%;
margin: 0;
padding: 0 10px;
vertical-align: top;
}

#menu a {
background-color: #fff;
border-radius: 10px;
border: thin solid #a3af7d;
box-shadow: 3px 3px 5px;
color: black;
display: block;
margin-bottom: 10px;
min-width: 150px;
padding: 3px;
text-align: center;
text-decoration: none;
}

#menu a:hover {
background-color: #a3af7d;
border: thin solid #ccc;
box-shadow: none;
}

#menu li {
}

#menu ul {
padding: 0;
margin: 0;
list-style-type: none;
}

#name {
display: inline-block;
font-size: 3em;
font-weight: bold;
line-height: normal;
margin-right: 220px;
text-align: left;
}

#outer-wrapper {
}

.staff_photo {
float: left;
margin-right: 2em;
max-width: 98%;
}


@media only screen and (max-width : 1300px) {
#address {
margin: 0;
margin-top: .5em;
text-align: center;
}
#address li {
display: inline-block;
padding: 2px 8px;
min-width: 300px;
}
#content {
display: block;
width: 90%;
margin: auto;
margin-top: 1em;
}
#header {
padding: 0;
text-align: center;
}
#menu {
text-align: center;
}
#menu a {
text-decoration: none;
background-color: #fff;
padding: 3px;
border-radius: 10px;
color: black;
border: thin solid #a3af7d;
}
#menu a:hover {
background-color: #a3af7d;
border: thin solid #ccc;
}
#menu li {
display: inline-block;
padding: .2em .5em;
}
#name {
display: block;
margin: 0;
text-align: center;
}
}


@media only screen and (max-width : 800px) {
.hefflogo {
display: none;
}
.hefflogo-small {
display: block;
margin: auto;
margin-top: 1em;
max-width: 400px;
width: 98%;
}