/*
 *  new.css
 *  06-Jan-2008
 *
 *  Conrad Halling
 *  conrad.halling@sphaerula.com
 *
 *  Standard CSS for sphaerula.com.
 */


.center
{
    text-align:               center;
}

.red
{
    color:                    #BB0000;
}

html
{
    margin:                   0;
    padding:                  0;
    width:                    100%;
    color:                    #000000;
    background-color:         #EEFFEE;
}

body
{
    margin:                   0;
    padding:                  0;
    width:                    100%;
    font-family:              Verdana, sans-serif;
    font-size:                small;
    line-height:              1.2em;
    text-align:               center; /* req'd to get IE6 to center div.outer */
}


div
{
    background-color:         #FFFFFF;
    margin:                   0 auto 0 auto;
    padding:                  6px 6px 6px 6px;
}

div.outer
{
    width:                    54em;
    margin:                   12px auto 12px auto;
    border:                   1px solid #99CC99;
    text-align:               left;
}

div.header
{
    margin:                   0 0 6px 0;
    border-bottom:            1px solid #99CC99;
    clear:                    both;
}

div.logo
{
    padding:                  0;
    text-align:               center;
    clear:                    both;
}

div.breadcrumb
{
    font-size:                0.9em;
    padding:                  0 12px 0 12px;
    clear:                    both;
}

div.left
{
    float:                    left;
    margin:                   0;
    padding:                  0;
}

div.right
{
    float:                    right;
    margin:                   0;
    padding:                  0;
}

div.clearboth
{
    clear:                    both;
    margin:                   0;
    padding:                  0;
}

div.toc
{
    border-bottom:            1px solid #99CC99;
    clear:                    both;
}

div.toclist
{
    padding:                  0;
    font-size:                0.9em;
    clear:                    both;
}

div.content
{
    border-bottom:            1px solid #99CC99;
    clear:                    both;
}

div.footer
{
    text-align:               center;
    clear:                    both;
}

/*
 *  Division used for displaying word lists.
 */

div.wordlist
{
    width:                    13em;
    float:                    left;
}

div.wordlist ul
{
    list-style-type:          none;
    padding-left:             2em;
    margin-left:              0;
    padding-top:              0;
    margin-top:               0;
}

/*
 *  Division used for displaying figures or photographs.
 */

div.figure
{
    text-align:               center;
    padding:                  0;
}

div.figure img
{
    border:                   solid 1px #888888;
}

div.figure p
{
    color:                    #006600;
    margin-bottom:            3em;
}

p
{
    margin:                  0em 1em 1em 1em;
}

p.comment
{
    margin:                   0 0 1em 0;
}

p.footer
{
    font-family:              Verdana, sans-serif;
    font-size:                0.8em;
    line-height:              1.1em;
    font-style:               italic;
    color:                    #006600;
    text-align:               center;

}

p.footer em
{
    font-style:               normal;
}

code
{
    font-family:              Courier, monospace;
    font-size:                0.9em;
}

pre
{
    font-family:              Courier, monospace;
    font-size:                0.9em;
    margin:                   0.00em 1.11em 1.11em 1.11em;
    padding:                  0.22em;
}

pre.code
{
    border:                   1px solid #99AA99;
    background-color:         #F8FFF8;
}

pre.output
{
    border:                   1px solid #9999AA;
    background-color:         #F8F8FF;
}

h1,h2,h3,h4,h5,h6
{
    color:                    #006600;
    font-family:              Times, serif;
    text-align:               left;
    font-weight:              normal;
    font-style:               italic;
    line-height:              1.0em;
    padding:                  0;
    margin:                   12px 0 12px 0;
}

h1
{
    font-size:                2.0em;
}

h2
{
    font-size:                1.6em;
}

h3
{
    font-size:                1.4em;
    margin-left:              3px;
}

h4
{
    font-size:                1.2em;
    margin-left:              6px;
}

h5
{
    font-size:                1.1em;
    margin-left:              9px;
}

h6
{
    font-size:                1.0em;
    margin-left:              12px;
}

/*
 *  Headers are italicized. A citation that appears in a header
 *  should not be italicized. Since our headers are also anchors, we
 *  have to include the anchor tag in the definition string.
 */

h1 cite,h2 a cite,h3 a cite,h4 a cite,h5 a cite,h6 a cite
{
    font-style:             normal;
}

/*
 *  Headers are italicized. Emphasized text that appears in a header
 *  should not be italicized.
 */

h1 em,h2 em,h3 em,h4 em,h5 em,h6 em
{
    font-style:             normal;
}

/*
 *  Headers are italicized. Code that appears in a header
 *  should not be italicized.
 */

h1 code,h2 code,h3 code,h4 code,h5 code,h6 code
{
    font-style:             normal;
    font-size:              smaller;
}


/*
 *  Table styles.
 */

table
{
    margin-left:            auto;
    margin-right:           auto;
    margin-top:             12px;
    margin-bottom:          24px;
    font-size:              0.9em;
    border-collapse:        collapse;
    border:                 1px solid #99CC99;
}

table.bibliography
{
    margin-left:            1.1em;
    margin-right:           1.1em;
}

caption
{
    font-size:              larger;
    font-weight:            bold;
    margin-bottom:          6px;
    margin-left:            auto;
    margin-right:           auto;
    color:                  #006600;
}

tr.center
{
    text-align:             center;
}

th
{
    background-color:       #EEFFEE;
    border:                 1px solid #99CC99;
    padding:                0.55em 1.11em 0.55em 1.11em;
    text-align:             left;
    color:                  #006600;
}

th.center
{
    text-align:             center;
}

th.cover
{
  width:                    100px;
}

th.pubinfo
{
  width:                    35%;
}

td
{
    border:                 1px solid #99CC99;
    padding:                0.55em 1.11em 0.55em 1.11em;
}

td.center
{
    text-align:             center;
}

td.right
{
    text-align:             right;
}

td.top
{
    vertical-align:         top;
}

a img
{
    border-style:           none;
}

img.figure
{
    border:                 solid 1px #888888;
}

img.icon
{
    padding:                10px 5px 10px 5px;
}

/*
 *  List styles
 */

ul
{
    padding-top:            0;
    margin-top:             0;
}

li
{
    margin-top:             0.5em;
}

ul.toc
{
    padding-left:           1em;
    line-height:            1.4em;
    margin-left:            1em;
}

span.genusSpecies
{
    font-style:             italic;
}