/* The main text will be gray-on-white, centered horizontally.*/
body {background: #fff;
    color: #404040;
    margin: auto;
    margin-top: 0;
    padding: 0;}
        
/* Hack for old versions of IE */
body {text-align: center}
body div {text-align: left}


/* Header is flused to the top, spanning the entire width of the page */
div#header{width: 100%;
    margin: 0;
    padding: 0;
    background: transparent url("top.jpg") bottom repeat-x}

div#header h1 {text-align: center;
    margin: 0 auto;
    padding: 1em;
    background: transparent}
 
    
/* Top Navigation Pane is flushed to the bottom border of the header */
div#topnav {width: 50em;
    margin: auto;
    background: #4a812e;
    border: 1px #6aa14e solid;
    border-bottom: none}

div#topnav ul {list-style: none;
    margin: 0;
    padding: 0}
    
div#topnav li {float: left;
    background: transparent;
    padding: 0;
    margin: 0;
    border-right: 1px #6aa14e solid}

div#topnav a {float: left;
    margin: 0;
    padding: 0.4em 0.8em;
    font: bold 86% verdana, helvetica, arial, sans-serif;
    letter-spacing: 0.14em;
    font-variant: small-caps}

div#topnav p {visibility: hidden;
    margin: 0;
    padding: 0.4em 0.8em;
    font: bold 86% verdana, helvetica, arial, sans-serif}
    

/* Colors for the top navigation links */
div#topnav a:link, div#topnav a:visited {
    background: #4a812e;
    color: #fff;
    text-decoration: none}

div#topnav #selected a:link, div#topnav #selected a:visited {
    background: #fff;
    color: #4a812e;
    text-decoration: none}

div#topnav a:hover, div#topnav a:active,
div#topnav #selected a:hover, div#topnav #selected a:active {
    background: #6aa14e;
    color: #fff;
    text-decoration: none}

/* Remaining text has same width as header, white background. Split into two columns */
div#alltext {width: 50em;
    margin: auto;
    border-left: 1px #fff solid;
    border-right: 1px #fff solid;
    background: #fff}

div#contents {width: 36em;
    padding: 0.5em;
    float: left}

div#widecontents {width: 44em;
    margin: auto}

div#sidebar {float: right;
    width: 11.5em;
    font-size: 100%;
    padding: 1em 0}

div#sidebar ul {list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 0.5px}

div#sidebar li {list-style: none;
    margin: 0.2em 0 0.2em 1.2em;
    padding: 0}

div#baseline{clear: both; height: 1px}

/* Footer */
div#footer {padding: 0.35em 1.2em;
    background: #fff url("bot.gif") top repeat-x;
    text-align: center;
    border-top: 1px solid black}

div#footer p {text-indent: 0;
    text-align: center;
    font-size: 86%}

/* Left or Right Floating Images */
img.leftPic {float: left}

img.rightPic {float: right}

img.leftPic, img.rightPic {margin-right: 1em;
    padding: 2px;
    border: 1px solid #ccc}

td {vertical-align: top;
    padding: 0.2em 1.2em 0 0}

.clearing {clear: both}