﻿body {
    font-family:Arial;
    margin:1em;
    padding:0;
    font-size:76%;
    background:#0000ff; }

h1 {
    font-size:2.5em;
    color:#333;
    margin:0;
    font-family:Verdana; }

h2 {
    margin:0 0 .5em 0;
    font-size:1em;
    font-style:italic;
    color:#333;
    border-bottom:solid 1px #999; }

h3 {
    margin:0;
    padding:0 .2em;
    background-color:#e0e0e0;
    border-bottom:solid 1px #999; } 

p {
    margin:.5em 0;
    padding:0; }

a:hover {
    color:red; }

.clear {
    margin:0;
    padding:0;
    clear:both; }
    
#page {
    background:#fff;
    width:63em;
    padding:0;
    margin:0 auto; }
    
#div-main-section {
    clear:both;
    float:left; }


/* Main menu */
.menu {
    font-size:1.2em;
    border-right:solid 1px #999;
    background:#fff url(/images/fadewhite.jpg) bottom repeat-x;
    width:12em;
    float:left; }

#div-menu-index {
    height:31em; }

#div-menu-aboutus {
    height:36em; }

#div-menu-staff {
    height:45em; }

#div-menu-contactus {
    height:31em; }

#div-menu a {
    font-size:1.2em; }

#ul-menu {
    margin:0;
    padding:0;
    list-style:none; }

#ul-menu li {
    padding:.2em;
    margin:.5em; }

.active-menu {
    border:solid 1px #0000ff; }

.menu-logo {
    text-align:center;
    font-size:.9em; }

.menu-logo img {
    width:150px; }


/* Main content well */
#div-content {
    padding:.5em;
    width:47em;
    float:left; }

/* Landing page */
.image-rows {
    clear:both;
    float:left;
    margin-bottom:5px;
    width:565px; }

.image-single {
    border:solid 1px #fff;
    margin:0 5px 0 0;
    float:left;
    width:180px;
    height:120px; }

#image-row3 {
    margin-bottom:2em; }

#div-tagline {
    clear:both;
    text-align:center;
    border:solid 1px #333;
    background-color:#ccc;
    font-style:italic;
    padding:.1em .3em }


/* About us */
.building-image {
    border:solid 1px #000;
    float:left;
    background-color:#999;
    padding:.3em;
    margin:0 .5em 1em 0; }

#div-services {
    width:20em;
    float:left;
    font-size:1.2em; }

#div-history {
    clear:both;
    font-size:1.2em; }

#div-other-images {
    padding:.1em;
    background-color:#999;
    border:solid 1px #000; }

#div-other-images img {
    margin:.3em .5em; }


/* Staff */
.staff-groups {
    float:left;
    width:100%;
    border-bottom:solid 1px #999; }

.staff-groups ul {
    list-style:none;
    margin:0;
    padding:0; }

.staff-groups li {
    margin:.5em;
    float:left;
    display:inline; }

.staff-groups h2 {
    border:none;
    margin-bottom:0; }
    
#staff-bottom {
    border:none; }
    
    
/* Contact Us */
#contact-left {
    float:left; }

#contact-left p {
    font-size:1.2em; 
    margin:0 0 1em .2em; }

#ul-emails {
    list-style:none;
    margin:0;
    padding:0; }

#ul-emails li {
    margin:.2em 0;
    padding:0 .2em; }

.email-header {
    font-size:1.2em; 
    font-weight:bold;
    background-color:#e0e0e0;
    border-bottom:solid 1px #999; } 

#contact-right {
    border:solid 1px #000;
    float:right; }

#contact-right img {
    float:left;
    width:290px; }
