﻿body {
    margin: 0;
    background-color: #004080;
    font-family: Arial, Sans-Serif;
}
a, a:visited, a:active {
    color: #eee;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
.header {
    width: 975px;
    margin: 20px auto 0 auto;
    padding: 10px;
    color: #eee;
    background-color: #11273C;
}
.header .navigation {
    background-color: #11273C;
    margin-left: 250px;
    margin-top: 5px;
}
.header .navigation a {
    display: block;
    float: left;
    padding: 5px 25px;
    font-size: smaller;
    font-weight: bold;
    text-align: center;
    background-color: #11273C;
}
.header .navigation a:hover {
    background-color: #004080;
    text-decoration: none;
}
.contentFrame {
    background-color: #fff;
    margin: 0 auto;
    width: 975px;
    padding: 10px;
}
.contentHolder {
    width: 750px;
    margin: 0 auto;
    padding: 5px;
    min-height: 150px;
}
.contentHolder a {
    color: #00c;
}
.footer {
    background-color: #11273C;
    margin: 50px auto 0 auto;
    width: 975px;
    padding: 10px;
}
.footer a {
    display: block;
    float: right;
    padding: 5px;
}
.clear {
    clear: both;
}

.pageTitle {
    font-size: xx-large;
    color: #369;
    border-bottom: solid 2px #369;
}
p.shoutItOut {
    font-size: large;
    color: #369;
}
p.question {
    color: #58b;
    margin-bottom: 0px;
}
p.answer {
    font-style:italic;
    margin-top:0px;
}
blockquote {
    font-style: italic;
    color: #666;
    padding: 5px;
}
blockquote:before { content: open-quote; font-weight:bold; }
blockquote:after { content: close-quote; font-weight:bold; }

table.displayGrid {
    border: solid 1px #a9a9a9;
    border-collapse: collapse;
    width:100%;
}
table.displayGrid td, table.displayGrid th {
    border: solid 1px #a9a9a9;
    padding: 3px;
}
table.displayGrid th {
    background-color: #C4BC96;
    font-weight: normal;
    text-align:left;
}
table.featureGrid {
    margin: 0 auto;
    width: 400px;
}


table.pricingGrid td {
    vertical-align:top;
}
table.pricingGrid td div.cellHeader {
    font-size: larger;
    margin-bottom: 20px;
}

div.infoPanel {
    background-color: #eee;
    padding: 5px;
    border: solid 1px #ccc;
    margin-top: 20px;
    font-weight:bold;
    font-style:italic;
    background-image: url('../Images/Info.png');
    background-position: 20px center;
    background-repeat: no-repeat;
    border-radius: 20px;
}