/* Live in Style -- DSI */
body  { color: #333333; background-color: darkmagenta;
        font-size: 90%; font-family: trebuchet ms, sans-serif; margin: 0px; }
        /* Note: "background-color" must match ".color_2" and "#nav" below. */
html  { overflow: -moz-scrollbars-vertical; }
table { font-size: 100%; }
hr    { background-color: gray; height: 1px; border-style: none; }

/* links */
a         { color: slategray; font-weight: bold; text-decoration: none; }
a:hover   { color: navy; }
a:active  { color: darkgray; }
a:visited { color: darkgray; }
img       { border-style: none; }

/* Steps Layout */
table.step         { width: 100%; border-spacing: 0px; }
table.step td      { padding: 10px; }
table.step td.main { width: 600px; background: ghostwhite; }

/* Document */
.color_body   { background: ghostwhite; }          /* content pane */
.color_1      { background: gold; }                /* right side */
.color_2      { background: darkmagenta; }         /* left side */
h1            { color: darkmagenta; font-size: 130%;
                font-family: comic sans ms, american typewriter, sans-serif; margin: 0px; }
h2            { color: gray; font-size: 90%; font-weight: normal; margin: 0px 0px 20px 0px; }
h3            { color: darkmagenta; font-size: 100%; text-transform: uppercase; margin: 3px 0px; }
.minor        { font-size: 80%; }
.xsm          { font-size: 75%; }
.stage_r      { float: right; border: solid dimgray 2px; margin: 10px 0px 10px 10px; }
div.footer    { text-align: center; color: gray; font-size: 80%; }
div.footer p  { margin: 1px; }
div.box_left  { float: left; width: 180px; background-color: gainsboro;
                font-size: 80%; font-family: sans-serif; border: solid firebrick 5px;
                padding: 10px; margin: 10px 10px 10px 0px; }
div.box_right { float: right; width: 180px; background-color: gainsboro;
                font-size: 80%; font-family: sans-serif; border: solid firebrick 5px;
                padding: 10px; margin: 10px 0px 10px 10px; }
.click        { cursor: pointer; }

/* Navigation Bar */
table.nav    { margin: 6px auto; }
table.nav td { padding: 2px; }
table.nav a  { text-transform: uppercase; text-decoration: none;
               color: darkmagenta; background-color: gold; font-size: 80%;
               border: 2px solid darkmagenta; padding: 0px 10px; }
table.nav a:hover           { color: white;       background-color: darkmagenta; }
table.nav a.current         { color: darkmagenta; background-color: gold; }
table.nav a.current:visited { color: darkmagenta; background-color: gold; }
table.nav a.current:hover   { color: darkmagenta; background-color: gold; }

/* Form Box */
table.perfect          { background-color: gainsboro; border: 1px solid gray;
                         padding: 7px; margin-left: auto; margin-right: auto; }
table.perfect caption  { color: gold; background-color: darkcyan;
                         font-size: 120%; font-weight: bold; padding: 3px;
                         margin-left: auto; margin-right: auto; }
table.perfect td       { padding: 3px; }
table.perfect td.lable { text-align: right; }
table.perfect th       { text-align: right; font-weight: bold; }
table.perfect div      { text-align: center; margin-top: 6px; }
table.perfect a        { color: darkslategray; text-decoration: none; }
table.perfect .click   { cursor: pointer; }