body {
    margin: 0px;
    padding: 0px;
    font-size: 100%; /* IE */
}

a {
    color: blue;
    background-color: transparent;
    text-decoration: none;
}

a:visited {
    color: blue;
    background-color: transparent;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

#topgraphic {
    width: 100%;
    height: 164px;
    background: no-repeat url(../images/titlebg.jpg);
    text-align: center;
}

#hintbar {
    position: relative;
    height: 2em;
    border-bottom: 1px solid #999;
}

#hintbarim {
    /*
     * This rule makes a scalable background img for the hintbar.
     */
    height: 2em;
    width: 100%;
}

#hint {
    position: absolute;
    top: .5em;
    left: 0px;
    width: 100%;
    text-align: right;
    font-family: sans-serif;
}

.nav {
    font-family: sans-serif;
    text-align: center;
    font-weight: bold;
}

.nav .currentpage {
    color: red;
}

#content {
    margin: 3em;
}

#footer {
    border-top: 1px solid #999;
    font-size: x-small;
    font-family: sans-serif;
    padding: 0px;
    margin: 0px;
}

#footer img {
    border: 0px;
}

.referrals .excerpthead {
    margin-top: 1em;
    margin-bottom: 0px;
    border-top: 3px solid #66c;
    border-left: 3px solid #66c;
    border-right: 3px solid #66c;
    border-bottom: 1px solid white;
    background: #66c;
    padding: .5em .5em 0em .5em;
    font-weight: bold;
    color: #fc3;
}

.referrals .excerptbody, .referrals .frame {
    margin-top: 0px;
    margin-bottom: 1em;
    border: 2px solid #66c;
    background: #ccf;
    padding: 1em;
}

.referrals .excerpt {
    background: #eef;
}

.home h5 {
    font-family: serif;
    font-weight: normal;
    font-style: italic;
    font-size: 115%;
    text-align: center;
    margin-bottom: 2em;
}

.home p {
    text-indent: 2em;
}

.home .imagerow {
    text-align: center;
}

.home .thumbframe {
    display: inline;
    margin: .5em;
}

.gallery h2 {
    font-family: sans-serif;
    font-size: 140%;
    font-weight: normal;
/*     border-top: 2px dashed #ddd; */
/*     border-left: 2px dotted #ddd; */
    border-left: 1px solid #999;
/*     border-right: 1px solid #999; */
    border-bottom: 2px solid #afafff;
    text-indent: .5em;
    float: left;
    padding-right: 3em;
    background: url(../images/h2bg.png);
}

.gallery h3 {
    font-family: sans-serif;
    font-size: 100%;
    text-indent: .5em;
    font-weight: normal;
    margin-left: 2em;
    border-left: 1px solid #999;
    border-bottom: 2px solid #afafff;
    float: left;
    padding-right: 3em;
    background: url(../images/h2bg.png);
}

.gallery .thumbframe {
    float: left;
    margin: 2em;
    width: 160px;
    font-size: small;
}

.thumbframe img {
    background: #ccc;
    padding: 6px;
    border: solid 3px #aaa;
}

.thumbframe img.highlight {
    background: #ccc;
    padding: 6px;
    border: solid 3px #66f;
}


.footnote {
    font-size: small;
}


.meet .section {
    margin-bottom: 5em;
}

.meet p {
    text-indent: 2em;
}

.meet #content img {
    border: 2px solid black;
    padding: 3px;
    margin: 5px;
}


.imframe img {
    float: left;
    border: 2px solid black;
    padding: 3px;
    margin-right: 1em;
}

.imframe div {
    text-indent: 2em;
}

.imframe h3 {
    font-family: sans-serif;
}



/* envelope color: f9f9e0 */
/* envelope border: c6c6ae */

.contact .section {
    margin: 2em;
}

.contact .section .telephonebg {
    background: url(../images/telephone.png) no-repeat;
    height: 192px;
    padding-left: 73px;
    padding-top: 40px;
}

.contact .contactheading {
    font-family: sans-serif;
    font-size: 110%;
}

.contact .phonenumberwrapper {
    margin-left: 1em;
    vertical-align: middle;
    color: #666;
}

.contact .phonenumberwrapper span {
    color: black;
    background-color: white;
    font-size: x-large;
}

.contact .envelope {
    width: 25em;
    text-align: center;
    padding: .5em;
    margin-left: 3em;
    border: 2px solid #c6c6ae;
    background: #f9f9e0;
}

.contact .envelope .stamp {
    height: 3em;
    width: 2.5em;
    border: 2px dashed #c6c6ae;
    float: right;
    margin-left: 20em;
}

.contact .envelope .address {
    clear: right;
    margin-bottom: 3em;
}