body {
    background: gray;
    color: black;
    font-family: Arial, sans-serif;
    font-size: 70%; /* 11pt */
    text-align: center;
    margin-top: 0;
}

a {
    text-decoration: none;
    color: white; /* IE */
}

h1 {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 236%; /* 25pt */
    color: inherit;
    background: inherit;
    text-align: left;
    margin-left: 2em;
    margin-top: 0.5em;
    margin-bottom: 0;
}

h2 {
    font-weight: bold;
    font-size: 127%; /* 14pt */
    background: inherit;
    color: white;
    margin-top: 0.4em;
}

h3 {
    font-weight: bold;
    font-size: 109%; /* 12pt */
    background: inherit;
    color: white;
    margin-top: 0.4em;
    padding-top: 0.4em; /* IE */
}

/* Equivalent of cellspacing and cellpadding */
table {
  border-collapse: collapse;
}

/* Equivalent of clear='right' on <br> tags */
.clear_right {
  clear: right;
}

.clear_left {
  clear: left;
}

#column2 h2 {
    color: black;
    font-size: 145%; /* 16pt */
    margin-top: 0;
}

#header, #body, #footer {
    width: 69.5em;
    margin: 0 auto;
}

#header {
    color: black;
    background: white;
    padding-top: 1em;
    padding-bottom: 0.5em;
    text-align: right;
    height: 4.6em;
}

#header #awards {
    float: right;
    height: 4.5em;
    padding-right: 4.72em;
    margin-top: -3.75em;
}

#awards img#fmb {
    height: 4.5em;
    margin-left: 1em;
}

#header #skipnav {
	margin-right: 1em;
    font-size: 80%;
}


#body {
    background-image: url("background.png");
    background-repeat: repeat-x;
    /* The bottom of the shading */
    background-color: rgb(79, 73, 57);
    color: white;
    font-weight: bold;
    text-align: left;
    line-height: 120%;
}

#body .lightbg {
    /* The top of the shading */
    background: rgb(145, 135, 110);
}

ul.primary_nav {
    margin-top: 0;
    margin-left: 3em;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.5em;
    padding-bottom: 6em;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 125%;
    color: white;
    margin-bottom: 0;
}

ul.primary_nav li {
	display: inline-block;
	float: left;
    width: 6.75em;
    border: solid white 2px;
    height: 1.6em;
    list-style: none;
    margin-right: 1.5em;
    margin-top: 0.8em;

}

ul.primary_nav a {
	line-height: 160%;
}

ul.primary_nav li.active, ul.primary_nav li.trail {
	border-color: black;
	color: black;
}

ul.primary_nav a:hover {
    color: black;
}

li.active a, li.trail a {
    color: black;
}

#column1 {
    margin-left: 6em;
    margin-right: 6em;
    padding-bottom: 2em;
/*    clear: left; */
}

.text_column {
    text-align: left;
    width: 30em;
}

.thumbnail_column {
    text-align: left;
    width: 261px;
}

.slide_column {
    text-align: left;
    width: 320px;
}

.single_column {
    text-align: left;
}

.form_column {
    text-align: left;
    padding-top: 1em;
}

.grid_nav_column {
    text-align: center; /* Needed for IE */
}

.indent p, .indent ul {
    margin-left: 3em;
    margin-right: 3em;
}

#column1 a {
    /* color: rgb(43, 55, 204); */
    text-decoration: underline;
}

a#content, #column1 h2 a {
    text-decoration: none;
}

#column1 a:hover, #search a:hover {
    text-decoration: none;
}

.text_column a:visited, .single_column a:visited {
    color: rgb(33, 33, 33);
}

#column2 {
 /*   padding-top: 1em; */
    float: right;
    padding-right: 5.1em;
    margin-right: 0;
    text-align: left;
}

a img {
    border: solid white 1px;
}

.contentImage_left, .contentImage_right {
    border: solid white 1px;
    margin-top: 1em;
}

.contentImage_left {
    float: left;
    margin-right: 6em;
}

.contentImage_right {
    float: right;
    margin-left: 6em;
}

#column1 a.galleryLink_left {
    display: block;
    clear: left;
    float: left;
    margin-right: 6em;
    margin-top: 0.4em;
    color: white;
    font-size: 109%;
    text-decoration: none;
}

#column1 a.galleryLink_right {
    display: block;
    clear: right;
    float: right;
    margin-left: 6em;
    margin-top: 0.4em;
    color: white;
    font-size: 109%;
    text-decoration: none;
}

.line {
	padding-top: 1em;
    border-bottom: solid gray 1px;
/*    margin-bottom: 1em;  IE */
    clear: both;
}

#thumbnails {
    text-align: left;
}

#column1 #thumbnails {
    margin-top: 1.2em;
}

#thumbnails img {
    margin-left: 14px;
    margin-bottom: 14px;
}

#thumbnails img.portrait {
    width: 70px;
    height: 113px;
}

#thumbnails img.landscape {
    width: 113px;
    height: 70px;
}

#thumbnails img.square {
    width: 70px;
    height: 70px;
}

#grid_nav {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: -3em;
    margin-bottom: 4em;
    /* Container is 69.5em wide and has 6em margins, leaving 57.5em */
    /* So there are 21.5em spare which need marginising */
}

#grid_nav td {
    width: 9em;
    vertical-align: top;
    font-size: 109%; /* 12pt */
}

#grid_nav img {
    border-width: 2px;
    margin-top: 3em;
    margin-bottom: 1em;
}

#grid_nav .thumbnail a {
    text-decoration: none;
    color: white;
}

#slide {
    display: block;
    border: solid thin gray;
    width: 320px;
    height: 240px;
    margin-bottom: 1em;
}

#slide img {
    width: 320px;
    height: 240px;
    border: solid 2px white;
}

#slide_caption {
    padding-top: 2em;
}

#nav_previous {
    float: left;
}

#nav_next {
    float: right;
}

#nav_previous, #nav_next {
    display: inline;
    font-size: 109%; /* 12pt */
}

#nav_previous a, #nav_next a {
    text-decoration: none;
}

a#nav_back {
    font-size: 109%; /* 12pt */
    margin-left: 15px;
    text-decoration: none;
}

form {
    margin-top: 0;
    padding-top: 0;
}

.formrow {
    margin-top: 0.2em;
    margin-bottom: 1em;
    text-align: left;
    clear: left;
}

.formrow .formfield input {
    width: 20em;
    font-size: 90%;
    border: none;
}

/* Used for submit only */
.formrow input.submit {
	margin-left: 8em;
}

.formrow input.submit, .formrow input.reset {
	font-size: 109%; /* 12pt */
	border: none;
	background: white;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    padding-top: 0.3em;
    padding-bottom: 0.1em;
    padding-left: 0.3em;
    padding-right: 0.3em;
    margin-right: 0.5em;
}

.formlabel {
	float: left;
	width: 7.5em;
    text-align: right;
    text-transform: uppercase;
    margin-right: 0.1em;
    padding-top: 0.2em;
}

.formfield {
   display: inline;
   padding-bottom: 1em;
}


.formfield textarea, .formfield select {
    width: 15em;
    border: none;
}

#footer_nav {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    margin-top: 0.5em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0.5em;
    margin-bottom: 0.25em;
    text-align: right;
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: white;
    background: inherit;
}

#footer_nav li {
    display: inline;
    margin-left: 0.5em;
    padding-left: 0.6em;
    font-size: 80%;
    border-left: solid white 1px;
}

#footer_nav .first {
    border-left: none;
}

#footer_nav a {
    color: white;
}

#footer_nav a:hover {
    text-decoration: underline;
}

#sitemap {
    padding-left: 4em;
}

#sitemap ul.primary_nav {
    margin: 0;
    text-align: left;
    padding: 0;
    font-family: Verdana, sans-serif;
    font-weight: normal;
    font-size: 100%;
    color: black;
    background: white;
}

#sitemap ul.primary_nav li {
    display: list-item;
    text-transform: none;
    padding: 0;
    margin-left: -2em;
    border-left: none;
}

#sitemap ul.primary_nav a {
    color: rgb(43, 55, 204);
    text-decoration: underline;
}

#sitemap ul.primary_nav a:hover {
    text-decoration: none;
}

@media screen {
    #skipnav {
        display: none;
    }
}

@media print {
    body {
        background: white;
        font-size: 12pt;
    }

    #primary_nav, #search, #footer, #column2 {
        display: none;
    }

    #header {
        text-align: center;
        width: auto;
    }

    #header img {
        margin: 0;
    }

    #skipnav {
        display: none;
    }

    #body {
        width: auto;
    }

    #column2 {
        margin: 0;
    }

    #images {
        margin-bottom: 2px;
        border-bottom: solid rgb(75, 75, 75) 4px;
    }

    #column2 a {
        text-decoration: none;
        color: inherit;
    }

}

/* Magnolia control styles */

.single_column .mgnlControlBarSmall {
    clear: both;
}