body {
    background-color: white;
    background-image: url('images/bb_back.gif');
    margin-left: 9em;
}

body#main {
    background-image: url('images/bb_logo_back2.jpg');
}

@media print {
    body {
        background-image: none;
        margin-left: 0;
    }
}

br.clear {
    clear: both;
}

ol span.topic, ul span.topic {
    font-weight: bold;
}

ol li {
    margin-bottom: 1ex;
}

/* header */

#header {
    margin-bottom: 1em;
    border-bottom: 1px solid black;
}

#header img {
    float: left;
    margin: 5px;
    padding-bottom: 1em;
}

#header h1 {
    text-align: center;
    font-size: 275%;
    margin: 0;
    padding: 1ex 0 0 240px;
}


/* sidebar */

#sidebar {
    position: absolute;
    top: 0; left: 1em;
    width: 7em;
    text-align: center;
}

@media print {
    #sidebar {
        display: none;
    }
}

#sidebar h2 {
    font-size: 100%;
}

#sidebar a {
    font-size: 80%;
}

#sidebar ul {
    list-style: none;
    margin: 0; padding: 0;
}

#sidebar li {
    margin: 0; padding: 0 0 1ex 0;
}

/* schedule / upcoming events */

div#eventlist {
    border: 3px double black;
}

div#eventlist div {
    border-bottom: 1px solid black;
    position: relative;
}

div#eventlist div.last {
    border-bottom: none;
}

div#eventlist .date {
    position: absolute;
    top: 0; left: 0;
    display: block;

    width: 25%;
    text-align: center;

    font-weight: bold;
}

div#eventlist .information {
    margin: 0 0 0 25%;
    border-left: 2px solid black;
    text-align: center;
    padding: 1em;
}

span.event {
    font-weight: bold;
}

/* main page */

body#main h1 {
    font-size: 275%;
}

/* online store */

#store .title { font-weight: bold; }
#store .product { float: left; }

#store img {
    margin-right: 1ex;
}

#store div p, #store div input {
}