* {
    margin: 0;
    padding: 0;
}
/* ==================== Color Scheme ==================== */
body {
    background-color: #999;
    color: #FFF;
}
a:link, a:visited {
    color: #000;
}
colgroup.runner {
    background-color: #363;
    color: #FFF;
}
colgroup.contentPadding {
    background-color: #CCC;
    color: #000;
}
colgroup.content {
    background-color: #CCC;
    color: #000;
}
tr.outerHeader {
    background-color: #363;
    color: #FFF;
}
tr.headerSeparator {
    background-color: #999;
    color: #FFF;
}
td.contentRunner {
    background-color: #FFF;
}
tr.innerFooter td.centerColumn {
    background-color: #CCC;
    color: #000;
}
tr.outerFooter {
    background-color: #363;
    color: #FFF;
}
#publicNavigationSeparator {
    background-color: #999;
    color: #999;
}
#publicBody, #publicSidebar div, .customerBody, .customerNavigation, .customerNavigation a {
    background-color: #FFF;
    border-color: #333;
    color: #333;
}
div.section {
    background-color: #FFF;
    border-color: #333;
    color: #333;
}
#publicBody h1, #publicSidebar div h2, .customerBody h1, .customerNavigation h2, .customerInnerBody h2 {
    background-color: #ddeac2;
    border-color: #333;
    color: #333;
}
div.section h2 {
    background-color: #ddeac2;
    border-color: #333;
    color: #333;
}
.customerInnerBody {
    background-color: #ddeac2;
    border-color: #777;
    color: #333;
}
.customerTable {
    background-color: #FFF;
    border-color: #777;
    color: #333;
}
.customerCaption {
    background-color: #FFF;
    border-color: #000;
}
.customerNavigation p a, .customerNavigation ul li a {
    background-color: #ddeac2;
    border-color: #000;
}
.customerNavigation p a:hover, .customerNavigation ul li a:hover, .customerNavigation ul li.customerNavigationCurrent a {
    background-color: #363;
    color: #FFF;
}

/* ==================== Layout ==================== */
body {
    font-size: 62.5%; /* 1em = 10px */
}
form table {
    border-collapse: collapse;
}
colgroup.runner {
    width: 2.5em;
}
colgroup.contentPadding {
    width: 1em;
}
tr.innerHeader {
    height: 1em;
}
tr.headerSeparator {
    height: 1.5em;
}
tr.innerFooter {
    height: 4em;
}
tr.innerFooter td.centerColumn {
    height: 1.5em;    
}
tr.outerFooter {
    height: 5em;
}
#address {
    float: right;
    margin-top: 0.6em;
    width: 180px;
}
#publicNavigationSeparator {
    display: block;
    height: 1.5em;
    margin: auto -1em;
    overflow: visible;
}
#publicNavigation {
    margin-top: 0.5em;
    height: 22px;
    text-align: left;
}
#publicNavigation li {
    list-style: none;
    float: left;
    margin-right: 1em;
}
#publicNavigation li a {
    display: block;
    height: 22px;
    width: 104px;
}
#publicNavigation li a#nav_home {
    background-image: url(images/nav/home_off.gif);
}
#publicNavigation li a#nav_home:hover {
    background-image: url(images/nav/home_hover.gif);
}
#publicNavigation li a#nav_contact {
    background-image: url(images/nav/contact_off.gif);
}
#publicNavigation li a#nav_contact:hover {
    background-image: url(images/nav/contact_hover.gif);
}
#publicBody {
    float: left;
    margin-top: 1em;
    width: 68.5em;
}
.customerBody {
    float: right;
    width: 68.5em;
}
#publicBody p, .customerBody p {
    margin: 1em 0.7em;
}
#publicSidebar {
    float: right;
    width: 18em;
}
#publicSidebar div {
    margin: 1em auto;
}
div.section {
    margin: 1em auto;
}
#publicSidebar p {
    margin: 0.5em;
}
div.section p {
    margin: 0.5em;
}
#publicLogin p {
    text-align: right;
}
#publicLinks img {
    border: none;
    display: block;
    margin: 1em auto;
    text-align: right;
    width: 90%;
}
.customerNavigation {
    float: left;
    width: 18em;
}
.customerNavigation ul {
    list-style: none;
    overflow: hidden;
    width: 100%;
}
.customerNavigation p a, .customerNavigation ul li a {
    display: block;
    margin: 0.5em 1em 0.5em 1em;
}
.customerNavigation ul li a {
    width: 80%; /* Fix for IE6 */
}
.customerInnerBody {
    margin: 1em;
}
.customerTable {
    border-collapse: separate;
    border-spacing: 0;
    border-style: solid;
    border-width: 0 1px 1px 0;
    margin: 1em;
    width: 60em;
}

/* ==================== Typography ==================== */
body {
    font-family: Arial, Helvetica, sans-serif;
}
p, li {
    font-size: 10pt;
}
span.phone {
    font-size: 130%;
}
p#address, .outerFooter p {
    font-size: 8pt;
    text-align: center;
}
#publicBody, #publicSidebar div, .customerBody, .customerNavigation {
    border-style: solid;
    border-width: 1px;
}
div.section {
    border-style: solid;
    border-width: 1px;
}
#publicBody p {
    line-height: 1.4;
}
#publicBody h1, #publicSidebar div h2, .customerBody h1, .customerNavigation h2 {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-size: 12pt;
    font-weight: bold;
    padding: 0.5em;
}
div.section h2 {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-size: 12pt;
    font-weight: bold;
    padding: 0.5em;
}
.customerInnerBody h2 {
    font-weight: bold;
    font-size: 10pt;
    padding: 0.5em 0.5em 0 0.5em;
}
tr.innerFooter td.centerColumn {
    font-weight: bold;
    padding-top: 1em;
    text-align: center;
    vertical-align: text-top;
    word-spacing: 0.5em;
}
tr.outerFooter {
    text-align: center;
}
#address {
    padding: auto 1em;
}
.customerNavigation p a, .customerNavigation ul li a {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    font-weight: bold;
    padding: 0.25em;
    text-decoration: none;
}
.customerNavigation p a:hover, .customerNavigation ul li a:hover {
    text-decoration: underline;
}
.customerInnerBody {
    border-style: solid;
    border-width: 1px;
}
.customerTable {
    text-align: center;
}
.customerCaption {
    border-style: solid;
    border-width: 1px;
    padding: 0.5em;
}
.equipmentRequestForm * {
    text-align: left;
    font-size: 10pt;
}
.equipmentRequestForm .legend {
    font-weight: bold;
}

/* ==================== Legacy CSS ==================== */

.green, .green a, .green a:link, .green a:visited {
    color: #FFF;
    border-color: #FFF;
    background-color: #363;
}
/* hack to fix some weird behavior (bug?) with sortable datagrid colors */
.green, .green td a, .green td a:link, .green td a:visited {
    color: #FFF;
    border-color: #FFF;
    background-color: #363;
}

.green a:hover {
    color: #ddeac2;
}

.lt_green, .lt_green a, .lt_green a:link, .lt_green a:visited, .lt_green a:hover {
    color: #333;
    border-color: #333;
    background-color: #ddeac2;
}

.lt_grey, .lt_grey a, .lt_grey a:link, .lt_grey a:visited, .lt_grey a:hover {
    color: #000;
    border-color: #000;
    background-color: #CCC;
}

.dk_grey, .dk_grey a, .dk_grey a:link, .dk_grey a:visited, .dk_grey a:hover {
    background-color: #999;
}

.white, .white a, .white a:link, .white a:visited, .white a:hover {
    color: #333;
    border-color: #333;
    background-color: #FFF;
}

/* Master page layout and style */

.section, .body, .sidebar {
    border-width: 1px;
    border-style: solid;
}
.body {
    position: relative;
    width: 68.5em;
}
.right {
    float: right;
}
.left {
    float: left;
}
.sidebar {
    width: 18em;
    display: inline; /* Fix for IE6 double-margin bug */
}
.section .title, .sidebar .title {
    font-weight: bold;
    font-size: 12pt;
    padding: 7px;
    border-bottom: #333 1px solid;
}
.section .main, #publicBody .main, .ssidebar .main {
    padding: 7px;
}
table.form, table.form td, table.form th {
    border-style: solid;
}
table.form {
    border-collapse: separate;
    border-width: 0 1px 1px 0;
    border-spacing: 0;
    border-color: #777;
}
table.form td, table.form th {
    padding: 3px;
    border-width: 1px 0 0 1px;
    border-color: #777;
}