
/* Defaults */
body {
    background: white;
    font: normal 14px 'Source Sans Pro', 'Arial', Helvetica, sans-serif;
    color: #333;
}

a {
    color: #0081ED;
    text-decoration: none;
    outline: none;
}

a:hover {
    text-decoration: underline;
}

img {
    margin-right: 3px;
}

hr {
    border-top: 1px solid #999;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 0px;
    margin: 15px 0px;
}

p {
    line-height: 175%;
}

p.intro {
    font: normal 18px 'Montaga';
    line-height: 170%;
    color: #1C3C77;
    width: 260px;
    float: left;
    margin: 20px 40px 0px 40px
}

p.intro:first-letter {
    font-size: 20px;
}

div.testimonial {
    float: left;
    width: 260px;
    margin: 10px 0px 0px 0px;
    font: italic 14px 'Montaga';
    color: #333;
    line-height: 170%;
}

div.testimonial strong {
    margin-top: 10px;
    display: block;
}

/* Style for a generic button */

.generic-button {
    display: inline-block;
    font: normal 22px 'Montaga', 'serif';
    width: 92%;
    text-align: center;
    padding: 10px 15px;
    margin: 10px 0px;
    background: #c2cdd1;
    border-radius: 5px;
    color: #1C3C77;
    border: none;
    transition: 0.3s opacity ease;
    -moz-transition: 0.3s opacity ease;
    -webkit-transition: 0.3s opacity ease;
}

.generic-button:hover,
.generic-button:focus {
    opacity: 0.8;
    text-decoration: none;
}


/* Headings */
h1 {
    font: normal 30px 'Montaga', 'serif';
    color: #1c3c77;
}

h2 {
    font: normal 18px 'Montaga', 'serif';
    color: #1c3c77;
}

h3 {
    font: normal 16px 'Montaga', 'serif';
    color: #1c3c77;
}


/* Structure */

div#wrap {
    width: auto;
    max-width: 1140px;
    margin: 50px auto;
    padding: 0px;
    border: 10px solid #f7f7f7;
}


/* Clearfix */

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-block;
}
.clearfix {
    display: block;
    zoom: 1;
}


/* Header */
header#header {
    margin: 0px 0px;
    position: relative;
    background: url("images/header-background.7b6419048b05.jpg");
}

header#header hgroup {
    padding: 2% 2% 0 2%;
    margin: 0px 0px;
}

header#header hgroup a.generic-button {
    color: white;
}

/* Styles for header headings */

header#header hgroup h1 {
    margin-top: 30px;
    margin-bottom: 5px;
    margin-left: 15px;
    margin-right: 60px;
    float: left;
}

header#header hgroup h1 a {
    display: block;
}

header#header hgroup h2 {
    margin-top: 5px;
}

header#header hgroup h3 {
    float: left;
    margin-top: 0px;
    line-height: 160%;
    text-align: center;
    width: 290px;
    font-size: 15px;
}

header#header hgroup h3 a.generic-button {
    font-size: 20px;
    padding: 6px;
    width: auto;
    display: block;
    margin-bottom: 5px;
    background: #d6c05d;
    background-image: linear-gradient(top, #d6c05d, #b9a75f);
    background-image: -moz-linear-gradient(top, #d6c05d, #b9a75f);
    background-image: -webkit-linear-gradient(top, #d6c05d, #b9a75f);
}


/* Main navigation */

nav {
    padding: 0%;
}

ul#main-nav {
    padding-left: 40px;
    margin: 0;
    background: #1c3c77;
    height: 30px;
}

ul#main-nav li {
    list-style: none;
    float: left;
    margin: 0px 1.2%;
}

ul#main-nav li:first-child {
    margin-left: 0px;
}

ul#main-nav a {
    text-decoration: none;
    color: white;
    font: normal 14px 'Montaga', 'serif';
    text-transform: uppercase;
    display: block;
    padding: 6px 20px;
}

ul#main-nav a:hover,
ul#main-nav a.selected {
    background: #cdd6db;
    color: #1c3c77;
}


/* Content */

section#content {
    float: left;
    width: 96%;
    padding: 2% 2% 0% 2%;
    position: relative;
    z-index: 100;
    background: white;
    background-image: linear-gradient(top, #cdd6db, #f7f7f7);
    background-image: -moz-linear-gradient(top, #cdd6db, #f7f7f7);
    background-image: -webkit-linear-gradient(top, #cdd6db, #f7f7f7);
}

div#page,
article {
    padding: 15px;
    margin-bottom: 10px;
    background: white;
    box-shadow: 0px 0px 10px #333;
    -moz-box-shadow: 0px 0px 10px #333;
    -webkit-box-shadow: 0px 0px 10px #333;
}

article h1 {
    margin-top: 5px;
}

article#facilities h3 {
    margin-bottom: 0px;
}

article#facilities p {
    margin-top: 5px;
}

div#introduction-text {
    width: 400px;
    margin-right: 85px;
    float: left;
}

div#slideshow {
    float: left;
}

div.fourcol {
    float: left;
    width: 16.3%;
    margin-right: 4%;
}

div.fourcol.staff {
    width: 21%;
    margin-right: 3.5%;
}

div.fourcol.last {
    margin-right: 0;
}

div.fourcol.staff h3,
div.fourcol.staff p {
    margin: 5px 0px 5px 10px;
}

div.fourcol.staff img {
    margin: 0px auto;
    padding: 10px;
    border: 1px solid #AAA;
    width: 100%;
    height: auto;
}

div#slideshow.page-images {
    float: right;
    margin-left: 20px;
}

ul#contact
{
    list-style: none outside none;
    padding-left: 0;
    margin-top: 0;
}

iframe#map
{
    margin-top: 0;
}


/* Sidebar */

aside#sidebar {
    float: left;
    width: 23.9%;
    margin-left: 1.1%;
    background: #fff;
}

aside#sidebar section {
    padding: 5%;
}


/* Footer */
a.audit-link {
    display: block;
    color: #1C3C77;
    margin: 10px 0 10px 15px;
}

a.audit-link:first-of-type {
    margin: 20px 0px 10px 15px;
}

a.audit-link:last-of-type {
    margin: 10px 0px 20px 15px;
}

footer {
    margin: 0px;
    padding: 15px 40px;
    clear: both;
    text-align: center;
    background: #1c3c77;
    color: white;
}

footer div.threecol {
    width: 30%;
    float: left;
    text-align: left;
    margin-right: 5%;
}

footer div.threecol.last {
    text-align: right;
    margin-right: 0;
}

footer div.threecol h2,
footer div.threecol p {
    color: white;
}

