body { 
    color: #000000;
    background: #ffffff;
    font-family: Verdana, sans-serif; 

}

body.home {
    color: #000000;
    background: #cccc99;
}

body.joeys {
    color: #000000;
    background: #ffcc99;
}

body.cubs {
    color: #000000;
    background: #ffffcc;
}

body.scouts {
    color: #000000;
    background: #ccffcc;
}

body.venturers {
    color: #000000;
    background: #ffcccc;
}

pre {
    font-family: monospace;
}

h1,h2,h3,h4,h5,p,ul { 
    font-family: Verdana, sans-serif; 
}

dt {
    font-style: italic;
}

/* Properties that both side lists have in common */
div.link-list {
    width:10.2em;
    position:absolute;
    top:0;
    font-size:80%;
    padding: 0.5em;
    margin-left:0;
    margin-right:0;
    color: #000000;
    background: #ffffff;
    border: solid;
    border-width: thin;
}

/* Properties of news divisions */
div.news {
    color: #000000;
    background: #cccccc;
    padding: 0.5em;
    border: solid;
    border-width: thin;
    width: 100%;
}

/* Properties of programs divisions */
div.program {
    color: #000000;
    background: #ffffff;
    padding: 0.5em;
    border: solid;
    border-width: thin;
    width: 100%;
}

/* Just a box */
div.box {
    border: solid;
    border-width: thin;
    width: 100%;
    padding: 0.5em;
}

/* we leave some place on the side using the margin-* properties */
#main {
    margin-left:8.2em;
    padding-left:1em;
    padding-right:1em;
}

/* and then we put each list in its place */
#list1 {
    left:0;
}


table {
    color: #000000;
    background: #ffffff;
}

p.credits {
    text-align: center;
    font-family: arial, helvetica, sans-serif;
    font-size: 80%;
}

p.buttons {
    text-align: center;
}