/* For the CDAT Tips page. */


             /* basic link constructs */

a:link { color: #2c529b;}

a:visited { color: #2c529b;}

a:active { color: #2c529b;}

a:link img, a:visited img { border-style: none }
a img { color: white }   /* to hide border in NS 4.x */


             /* address block */

address
{
    margin-top: 3ex; 
    margin-bottom: 3ex; 
    font-size: 12px; 
}

address img { float: right; }


body
{
    BACKGROUND-COLOR: white;
    COLOR: black;
    FONT-FAMILY: verdana, sans-serif;
    FONT-SIZE: 14px;
}  

             /* code and pre tags */

/* Make code (and pre) tagged font courier, a little bigger */

code
{
    FONT-SIZE: 1.2em;
    font-family: courier, monospace;
}

pre
{
    FONT-SIZE: 1.2em;
    font-family: courier, monospace;
}


             /* headings and table */

h1, h2, h3, h4, h5, h6 { COLOR: #2C529B; }
h1 { FONT-SIZE: 28px; }
h2 { FONT-SIZE: 18px; }
h3 { FONT-SIZE: 16px; }
h4 { FONT-SIZE: 16px; }
h5 { FONT-SIZE: 16px; }
h6 { FONT-SIZE: 16px; }

table { font-size: 14px; }


             /* overall container */

#container
{
    margin-top: 0ex;
    margin-bottom: 5%;
    margin-left: 8%;
    margin-right: 8%;
}


             /* main title block */

div.maintitle
{
    clear: none;
    border-bottom: #333399 1ex solid;
    margin: 0%;
    padding: 0%;
    text-align: center;
    width: 100%;
}


             /* not main title container */

div.notmaintitle
{
    clear: none;
    margin: 0%;
    padding: 0%;
    width: 100%;
}


             /* main text block */

div.maintext
{
    clear: none;
    float: left;
    text-align: left;
    padding-top: 1ex;
    padding-bottom: 2ex;
    padding-left: 5%;
    padding-right: 5%;
}


/* in main text, all h2 headers except the first has padding on top */

div.maintext h2
{
    padding-top: 1ex;
}


/* in main text, the first h2 header has no padding on top */

div.maintext h2.first
{
    padding-top: 0ex;
}


/* bulky lists:  this is for a main text list that i want to have a 
   line separating each item.  note the last item has 0 padding */

div.maintext ul.bulky li { padding-bottom: 2ex; }
div.maintext ul.bulky li.last { padding-bottom: 0ex; }


/* concise lists:  this is for a main text list that i want to have 
   a line separating each item */

div.maintext ul.concise li { padding-bottom: 0%; }


/* this is for a title that is inline with a main text paragraph */

span.mainparatitle { font-weight: bold; }


             /* footer text block */

div.footertext
{
    clear: none;
    border-top: #333399 0.4ex solid;
    float: left;
    margin: 0%;
    padding: 0%;
    text-align: left;
    width: 100%;
}


             /* table that lists options:  note that css does not
                support all fine-tuning of tables, so the HTML has
                cellpadding etc. settings */

div.optionlist { width: 100%; }

div.optionlist th
{
    background-color: #99FF00;
    font-weight: bold;
    vertical-align: top;
}

div.optionlist td
{
    background-color: #99CCFF;
    vertical-align: top;
}


             /* table that lists graphic examples:  note that css does
                not support all fine-tuning of tables, so the HTML has
                cellpadding etc. settings */

div.graphlist { width: 100%; }

div.graphlist th
{
    background-color: #2C529B;
    color: white;
    font-weight: bold;
    vertical-align: top;
}

div.graphlist td
{
    background-color: white;
    vertical-align: top;
}


             /* bookadblock table:  table setting for a block with an
                image/text pairing for an advertisement for my book */

table.bookadblock
{
    width: 100%;
    margin: 0ex;
    padding: 0ex;
    border: black 1px solid;
    border-spacing: 0px;
}