/* Common fonts:

Verdana, Geneva, Arial, sans-serif
Georgia, "Times New Roman", Times, serif

sans-serif faces: Arial Black, Verdana, Impact, Trebuchet MS, Helvetica, Geneva
serif faces: Palatino, Georgia, Times, Times New Roman, Garamond, Copperplate
monospaced faces: Courier, Courier New, Monaco, Lucida
cursive faces: Comic Sans MS, Zapf Chancery, Brush Script
*/

/*-- Basics -------------------------------------------------------------------*/

html {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

body {
    font: 10pt geneva, verdana, arial, sans-serif;
    color: #000000;
    background: #f0f0f0 url(picframe.jpg);
    margin: 1em 1em 1em 1em;
    padding: 0 0 0 0;
    text-align: center; /* Hack for IE to center contents */
}

a {
    color: #666699;
}

a:active, a:hover {
    color: #006600;
}

p {
    margin-top: 0;
    text-align: justify;
}

h2 {
    font: bold normal 16pt Georgia, "Times New Roman", Times, serif;
}

h3 {
    font: italic bold 12pt Georgia, "Times New Roman", Times, serif;
    margin-bottom: 0;
}

h1, h2, h3, h4 {
    color: #006600;
    text-align: left;
}

h1 .capital, h2 .capital, h3 .capital, h4 .capital,
h2:first-letter, h3:first-letter, h4:first-letter {
    color: #666699;
    font-weight: bolder;
}

td {
    font: 10pt geneva, verdana, arial, sans-serif;
    color: #000000;
}

.whitespace {
    display: none;
}

/*-- Page ---------------------------------------------------------------------*/

div#toc {
    display: none;
}

div#page {
    max-width: 800px;
    min-width: 600px;
    _width: 800px; /* for IE because it doesn't understand min-width */
    margin-right: auto;
    margin-left: auto;
    text-align: left; /* for IE to uncentre the real text, see entry for body. */
}

div#header {
    display: block;
    xborder: solid thin #ffff00;
}

#title {
    font: normal normal 14pt Copperplate, "Time New-Toman", Times, serif;
    color: #000080;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: inline;
    xborder: solid thin #ff0000;
}

#byline {
    font: normal normal 10pt Copperplate, "Time New-Toman", Times, serif;
    text-align: right;
    margin: 0 0 0 0;
    padding: 0 0 0 1em;
    display: inline;
    xborder: solid thin #00ff00;
    clear: right;
}

div#body {
    border: solid 2px #000000;
    xmargin-top: 2em;
    margin: 0 0 0 0;
}

div#body-beveled {
    background: #ffffff url(fxww-marquee.gif) no-repeat 5px 1em; #3em;
    border-top: solid 2px #848204;
    border-right: solid 2px #C8C648;
    border-bottom: solid 2px #C8C648;
    border-left: solid 2px #848204;
    min-height: 460px;
    _height: 460px; /* for IE because it doesn't understand min-height */
    padding-left: 5px;
}

h2#page-title {
    padding: 0 30px 0 30px;
    margin-left: 116px;
    margin-right: 151px;
}

#footnote {
    font: normal normal 8pt serif;
}

/*-- Left column --------------------------------------------------------------*/

#lhs {
    float: left;
    width: 115px;
    min-height: 399px;
    margin: 0 0 0 5px;
    padding: 0;
    xborder: solid thin #ff0000;
}

/*-- Right column -------------------------------------------------------------*/

#links {
    float: right;
    width: 150px;
    margin: 3em 0.5em 0 0;
    padding: 0;
    clear: right;
    xborder: solid thin #0000ff;
}

#links a, .thislink {
    display: block;
    padding-top: 5px;
    padding-left: 1em;
    margin-bottom: 0.5em;
    min-height: 25px;
    text-decoration: none;
    font-weight: bold;
}

#links a {
    background: #ffffff url(button-arrow.gif) no-repeat center right;
    border-right: solid thin #008000;
    border-bottom: solid thin #008000;
}

#links a:active {
    background: #eeeeee url(button-arrow.gif) no-repeat center right;
    border-top: solid thin #008000;
    border-right: none;
    border-bottom: none;
    border-left: solid thin #008000;
}

#links .thislink {
    xbackground: #f0f0f0;
    background: #ffffff;
    xborder-top: solid thin #008000;
    border-right: solid thin #80c080;
    border-bottom: solid thin #80c080;
    xborder-left: solid thin #008000;
    xborder: none;
    color: #a0a0a0;
}

/*-- Middle column ------------------------------------------------------------*/

#contents {
    padding: 0 30px 0 30px;
    margin-left: 116px;
    margin-right: 151px;
    xborder: solid thin #000000;
}

#contents p:first-child {
    margin-top: 1em;
}

.checklist li {
    list-style: outside; /* IE hack */
    list-style: none;
    padding: 4px 0.25em 0.25em 25px;
    margin-bottom: 0.5em;
    margin-left: 0;
    min-height: 2em;

    background: #ffffff url(checkmark.gif) no-repeat 0 0;
}

.checklist .more {
    text-align: right;
    xborder: solid thin #ff0000;
}

.checklist .more1 {
    float: right;
    position: relative;
    top: -2em;
    padding: 5px 0 0 5px;
}

.checklist {
    margin-bottom: 2em;
}

div.fieldset {
    margin: 2em 0 1em 0;
    padding: 0 0.5em 1em 0.5em;
    border: groove #a0a0a0 2px;
    background: #ffffff;
}

div.fieldset li {
    list-style: outside; /* IE hack */
    list-style: none;
    padding: 0.25em 0.25em 0.25em 0.5em;
    margin-bottom: 1em;
    margin-left: 0;
    xborder: solid #ffff00 1px;
}

div.fieldset h3 {
    position: relative;
    margin: 0.5em 0.5em 0.5em 0.5em;
    top: -0.8em;
    padding: 0 0.5em 0 0.5em;
    display: inline;
    background: #ffffff;
    xborder: solid #ffff00 1px;
}

div.fieldlist#portfolio div.fieldset img {
    xmargin-top: 1em;
    margin-right: 1em;
    xborder: solid #ffff00 1px;
}

/* Icons for "What We Do" boxes. */
/* IE doesn't render these icons well, so exclude them with html>body trick. */
html>body div.fieldlist#process div.fieldset h3 {
    padding-left: 20px;
    xborder: solid #ffff00 1px;
}
html>body div.fieldset#design h3 {
    background: #ffffff url(design.gif) no-repeat top left;
}
html>body div.fieldset#implement h3 {
    background: #ffffff url(implement.gif) no-repeat top left;
}
html>body div.fieldset#publish h3 {
    background: #ffffff url(publish.gif) no-repeat top left;
}
html>body div.fieldset#maintain h3 {
    background: #ffffff url(maintain.gif) no-repeat top left;
}

/*
.stepslist fieldset {
    background-color: #ffffff;
    position: relative;
    top: -14px;
    left: -4px;
    padding-bottom: 10px;
}
*/

.fieldlist li {
    list-style: none;
    padding: 0.25em;
    margin-bottom: 1em;
    margin-left: 0;
    padding-left: 20px;
    text-align: justify;
}

table.item-list {
    border-width: 0;
    margin: 1em auto 1em auto;
    margin-bottom: 1em;
}

.item-list td {
    padding: 0 0.5em 0 0.5em;
    font-family: "Courier New", monospace;
    text-align: center;
    border-width: 0;
}

table.contacts td {
    vertical-align: top;
    padding-bottom: 10px;
}