﻿/* Styles for the site layout. */

body
{
    background-color: #D5D5D5;
    font-size: 1em;
    color: #000000;
    background-repeat: repeat-x;
    background-position: center top;
}

.PageContainer
{
    margin: 20px auto 20px auto;
    width: 1000px;
}

#MemberConsole
{
    font-size: 0.6em;
    margin: 10px 10px 0px 0px;
    text-align: right;
}

.LogOffButton
{
    margin-left: 10px;
    vertical-align: middle;
}

nav
{
    background-color: #FFFFFF;
    height: 100px;
}

nav ul li
{
    float: left;
    display: block;
    vertical-align: bottom;
    width: 167px;
}

nav ul li.Last
{
    width: 165px;
}

nav ul li a
{
    width: 164px;
    height: 20px;
    padding: 90px 0px 10px 0px;
    margin-right: 1px;
    display: block;
    color: #FFFFFF;
    font-size: 1.2em;
    text-decoration: none;
}

nav ul li a div
{
    padding: 0px 20px 0px 10px;
}

nav ul li a:hover,
nav ul li a.Active
{
    background-color: #FFFFFF !important;
    color: #666666 !important;
    border: 1px solid #FFFFFF !important;
}

nav ul li a.Home
{
    background-color: #0B5394;
    border: 1px solid #0A4D89;
}

nav ul li a.CaseOfDeath
{
    background-color: #0075A2;
    border: 1px solid #00668C;
}

nav ul li a.BurialMethods
{
    background-color: #089CA2;
    border: 1px solid #068086;
}

nav ul li a.Services
{
    background-color: #0B9B74;
    border: 1px solid #0A8B67;
}

nav ul li a.Partners
{
    background-color: #54A838;
    border: 1px solid #43862D;
}

nav ul li a.Contact
{
    background-color: #7E9532;
    border: 1px solid #75892E;
}


/* These navigation items have two lines of text */
nav ul li a.CaseOfDeath,
nav ul li a.BurialMethods
{
    height: 45px;
    padding: 65px 0px 10px 0px;
}

/* Last navigation item which has no right margin and is a pixel smaller */
nav ul li a.Contact
{
    width: 163px;
    margin-right: 0px;
}

header
{
    background-color: #FFFFFF;
}

header .Logo
{
    float: right;
}

header .Picture
{
    text-align: center;
    height: 300px;
}

section
{
    background-color: #FFFFFF;
    padding: 10px;
}

.FooterSeparator
{
    height: 20px;
}

footer
{
    border-top: 1px solid #333333;
    color: #333333;
    font-size: 0.8em;
    margin-top: 5px;
    padding-top: 5px;
}

footer .Left
{
    float: left;
}

footer .Right
{
    float: right;
}

footer .Right a
{
    color: #333333;
    text-decoration: none;
}

footer .Right a:hover
{
    text-decoration: underline;
}

.BackToTop
{
    background-color: #FFFFFF;
}

.Paragraph .BackToTop
{
    background-color: transparent;
}

.BackToTop > a
{
    float: right;
    color: #000000;
    text-decoration: none;
    font-size: 0.8em;
}

.BackToTop > a:hover
{
    text-decoration: underline;
}

.BackToTop > span
{
    float: right;
}