/*
    methods Software web site main stylesheet.
 */
body { 
    margin: 0;
    padding: 0;
    background-color: rgb(250,249,248);
    background-image: url(sidebar.png);
    background-position: 0 0;
    background-repeat: repeat-y;
    background-attachment: fixed;
}
div#content {
    background-color: transparent;
    min-height: 250px;
    margin: 5px 25px 25px 190px;
    padding: 10px;
}
div#content a:link {color: #00c; font-weight: bold;}
div#content a:link:hover {color: #f60;}
div#content a:visited {color: #06f; font-weight: bold;}
div#content a:visited:hover {color: #f60;}

div#menu {position: absolute; top: 175px; left: 5px; width: 180px;}
div#menu a, div#menu p {
    display: block;
    margin: 0 0 2px;
    padding: 10px 22px 0;
    font: bold 16px sans-serif; 
    color: #58473d;
    text-align: left;
    text-decoration: none;
}
div#menu p {
    color: rgb(134,107,91);
    text-decoration: underline;
}
div#menu a:hover {color: #f93;}
div#menu a.m2 {
    padding: 0 22px 0 35px;
    margin-bottom: 5px;
    font: bold 14px/14px sans-serif; 
}
p#slogan {
    color: #58473d;
    background: transparent;
    font: italic bold 10pt Arial, sans-serif;
    letter-spacing: 0.25em;
    margin: -9px -9px 20px;
    padding: 3px 0 3px 10px;
}
h1,h2,h3,h4 {
    color: #58473d;
    font: normal bold medium Arial, sans-serif;
    letter-spacing: 0.25em;
}
h2 {
    font-size: 16pt;
    background: white;
    margin: 0 -9px 0.5em;
    padding: 2px 0 2px 24px;
    border-top: 2px solid silver;
    border-bottom: 2px solid silver;
}
h3 {
    letter-spacing: 0.2em;
    text-decoration: underline;
    margin: 1em 0 0.5em 14px;
}
p,form {margin: 0 1em 1em;}

ul,ol {
  margin-top: 0;
  margin-left: 1.25em;
  padding: 0 1em;
  list-style-position: outside;
}
ul { list-style-image: url(tick.png); }
li { padding-bottom: 0.25em; }
dl { padding: 0 1em; }
dt { color: #58473d; font-weight: bold; }
dd { padding-bottom: 0.5em; }
em { font-weight: normal; font-style: italic;}

div#header { margin: 20px 0 0 20px;}
div#footer { 
    clear: both;
    background: #fcfcfc;
    font: 8pt sans-serif;
    margin: 0 25px 0 191px;
    padding: 0;
    position: relative;     /* IE6 loses paragraph without this. */
    bottom: 0;
    border-top: 2px solid silver;
    border-bottom: 2px solid silver;
}
div#footer p {margin: .5em 0 0 15px; }
div#footer a {color: black; background: transparent; text-decoration: underline;}
div#badges {padding: 0 12px 5px 12px;}
div#badges td {vertical-align: middle;}
div#badges img {padding-right: 20px; border-style: none;}
div.graphic {
    border-style: none;
}
div.graphic img {
    border: 2px solid gray;
}
/* graphic caption */
p.caption {
    font-style: italic;
}
div.graphic-right {
    float: right;
    border-style: none;
    margin: 15px -9px 0px 0px;
}
div.indentedparagraph { margin: 0 1em; }
div.indentedblock { margin: 0 1em; }
div.verbatimblock   {
    background: #e8e8e8;
    margin: 0 5%;
    padding: 0.5em;
}
div.sidebarblock {
    background: white;
    margin: 0.5em -9px 1em 14px;
    padding: 0.5em 1em;
    border: 2px solid silver;
}
div.sidebarblock p { margin-left: 0; }
div.sidebarblock * { padding-left: 0; }
div.sidebarblock div { margin: 0; }
p.sidebartitle { font-family: sans-serif; font-style: italic; }
div.quoteblock {
    margin: 0.5em 35% 0.5em 14px;
    padding: 0;
}
div.quoteblock p { font: italic medium serif; }
div.quoteblock p { margin-left: 0; }
div.quoteblock * { padding-left: 0; }
div.quoteblock div { margin: 0; }

/* Display for browsers that don't understand stylesheets. */
.ahem { display: none; }
/* Print nicely. */
@media print {
    @page { margin: 10% } /* This _is_ valid CSS2. */
    h1,h2,h3,h4 { page-break-after: avoid; page-break-inside: avoid }
    blockquote,pre { page-break-inside: avoid }
    ul,ol,dl { page-break-before: avoid }
    /* Override existing property settings. */
    h1,a { color: black; background: white; }
    div#header { margin: 20px 0 0;}
    div#content { margin: 0; border: 0; }
    div#menu, div#footer { display: none; }
}