@charset "utf-8";
/* CSS Document */
body    {
        padding: 0;
        margin: 0;
        background: #73ADD7 url(img/gradient.gif) repeat-x;
        color: #666;
        }
            #page {
                background: url(img/sky.jpg) no-repeat center top;
                width: 100%;
                display: table;
            }

            #content {
                width: 80%;
                margin: 100px auto 0;
                background: #fff;
                border: solid 10px #ccc;
                padding: 1px;
            }
            h1 {
                margin: 0;
                padding: 0;
            }
            .sidebox {
                margin: 0 auto; /* center for now */
                width: 100%; /* ems so it will grow */
                background: url(img/sbbody-r.gif) no-repeat bottom right;
                font-size: 100%;
            }
            .boxhead {
                background: url(img/sbhead-r.gif) no-repeat top right;
                margin: 0;
                padding: 0;
                text-align: center;
            }
            .boxhead h2 {
                background: url(img/sbhead-l.gif) no-repeat top left;
                margin: 0;
                padding: 22px 30px 5px;
                color: white;
                font-weight: bold;
                font-size: 1.2em;
                line-height: 1em;
                text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
            }
            .boxbody {
                background: url(img/sbbody-l.gif) no-repeat bottom left;
                margin: 0;
                padding: 5px 30px 31px;
            }
            .sidebox1 {
                margin: 0 auto; /* center for now */
                width: auto; /* ems so it will grow */
                background: url(img/sbbody-r.gif) no-repeat bottom right;
                font-size: 100%;
            }
            .boxhead1 {
                background: url(img/sbhead-r.gif) no-repeat top right;
                margin: 0;
                padding: 0;
                text-align: center;
            }
            .boxhead1 h2 {
                background: url(img/sbhead-l.gif) no-repeat top left;
                margin: 0;
                padding: 22px 30px 5px;
                color: white;
                font-weight: bold;
                font-size: 1.2em;
                line-height: 1em;
                text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
            }
            .boxbody1 {
                background: url(img/sbbody-l-4.jpg) no-repeat bottom left;
                margin: 0;
                padding: 5px 30px 31px;
            }
            .sidebox2 {
                margin: 0 auto; /* center for now */
                width: auto; /* ems so it will grow */
                background: url(img/sbbody-r.gif) no-repeat bottom right;
                font-size: 100%;
            }
            .boxhead2 {
                background: url(img/sbhead-r.gif) no-repeat top right;
                margin: 0;
                padding: 0;
                text-align: center;
            }
            .boxhead2 h2 {
                background: url(img/sbhead-l.gif) no-repeat top left;
                margin: 0;
                padding: 22px 30px 5px;
                color: white;
                font-weight: bold;
                font-size: 1.2em;
                line-height: 1em;
                text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
            }
            .boxbody2 {
                background: url(img/sbbody-l-4.jpg) no-repeat bottom left;
                margin: 0;
                padding: 5px 30px 31px;
                }