html {
    font: 14px Arial, sans-serif;
    line-height: 140%;
    color: #34332f;
    background: #f3f2ef;
    margin: 0;
    padding: 0;
}
body {
    color: inherit;
    background: #fff;
    margin: 0 24px;
    padding: 0 24px 20px;
}
h1, h2, h3, #menu {
    font-family: Calibri, Arial, sans-serif;
}
h1 {
    font-size: 28px;
    font-weight: normal;
    letter-spacing: 2px;
    color: #fff;
    background: #4b525c;
    margin: 0 -24px 0 -24px;
    padding: 16px 24px;
    border-top: 2px solid #5d6671;
	border-bottom: 2px solid #5d6671;
}
h2 {
    font-size: 22px;
    font-weight: normal;
    color: #4b525c;
    background: inherit;
    margin: 14px 0;
}
h3 {
    font-size: 17px;
    font-weight: normal;
    color: #4b525c;
    background: inherit;
    margin: 14px 0 4px 0;
}
h3 + ul, h3 + dl {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}
ul li {
    list-style: square;
}
a {
    color: #66645c;
    background: inherit;
}
abbr {
    cursor: help;
}


/* nav menu */
#menu {
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    color: inherit;
    background: #dbd7ca;
    margin: 0 -24px;
    padding: 5px 24px;
    border-bottom: 2px solid #5d6671;
}
#menu li {
    display: inline;
    font-weight: bold;
    border-right: 1px solid #5d6671;
    margin: 0 1em 0 0 ;
    padding: 0 1em 0 0 ;
}
#menu li a {
    font-weight: normal;
}
#menu li:last-child {
    border: none;
}

/* snapshot table formating */
table {
    font: 11px Arial, sans-serif;
    width: 100%;
    border-collapse: collapse;
    border-left: hidden;
    border-right: hidden;
}
table a {
    color: #34332f;
    text-decoration: none;
}
table a:hover {
    text-decoration: underline;
}
th, td {
    border: 1px solid #cbc9c3;
    padding: 1px 3px;
    text-align: center;
}
td {
    white-space: nowrap;
}

/* table head and foot */
thead tr:first-child th:first-child {
    border-right: 2px solid #5d6671;
}
thead th, tfoot th {
    color: #fff;
    background: #4b525c;
    border: 1px solid #5d6671;
    vertical-align: bottom;
}
tfoot th.hide, tfoot td.hide {
    background: inherit;
    border-bottom: hidden;
}

/* fat border */
table, tfoot th, tbody th.muxhead {
    border-top: 2px solid #5d6671;
    border-bottom: 2px solid #5d6671;
}

/* table body header cells */
tbody th.muxhead {
    text-align: left;
    background: #dbd7ca;
	border-right: 1px solid #cbc9c3;
}
tbody th.muxhead p {
    font-weight: normal;
    margin: 0.25em 0 0 0;
    padding: 0;
}

/* service name cells */
tbody th {
    text-align: right;
    background: #f3f2ef;
    border: 1px solid #dbd7cd;
    border-right: 2px solid #5d6671;
}
tbody th.special {
    background: #e3ebd7;
}
tbody th.encrypted {
    background: #fce4d5;
}
tbody th p {
    margin: 0;
    font-weight: normal;
}

/* data cell classes */
td.encrypted, td.no-data {
    color: #cbc9c3;
}
td.medium-quality {
    color: #bc8e1e;
}
td.low-quality {
    color: #ac4327;
}

/* index list */
ul.index {
    margin-left: 0;
    padding-left: 0;
}
ul.index li {
    display: inline;
    padding-right: 1ex;
}
ul.index a {
	white-space: nowrap;
}

/* js options */
#options {
    font-size: 12px;
    margin-bottom: 4px;
}
#options input {
    vertical-align: middle;
    margin-right: 1em;
}
#options label {
    cursor: pointer;
}
#options label:hover {
    text-decoration: underline;
}

/* contact form */
.contact input, .contact textarea {
    font: 14px Arial, sans-serif;
    line-height: 140%;
    color: #34332f;
    padding: 2px;
    width: 30em;
}
.contact textarea {
    height: 20em;
}
#send {
    width: 10em;
}
form.contact dt {
    font: bold 17px Calibri, Arial, sans-serif;
    font-weight: normal;
    color: #4b525c;
    background: inherit;
    margin: 14px 0 4px 0;
}	
.contact ul.errors {
    color: #ac4327;
    font-size: 11px;
}