body, select, input, textarea {
        font: 85%/1.5 "lucida sans", verdana, arial, helvetica, sans-serif;
}
h1 {
        font-size: 3em;
}
h2 {
        font-size: 2.4em;
}
h3 {
        font-size: 1.8em;
}
h4 {
        font-size: 1.4em;
}
h5 {
        font-size: 1.2em;
}
h6 {
        font-size: 1em;
}
p {
        margin-bottom: 1.2em;
}
.error {
        color: #C00;
        font-weight: bold;
}
.confirmation {
        color: #080;
        font-weight: bold;
}

#container {
        margin: 0 auto;
        width: 1010px;
        overflow: hidden;
        background:#FFFFFF;
}
                #header {
                        float:left;
                        width:100%;
                        background:#BBD9EE;
                        padding:0;
                        font-size:0.8em;
                        line-height:normal;
                }
                #header ul {
                        margin:0;
                        padding:5px 0 0 45px;
                        list-style:none;
                }
                #header li {
                        display:inline;
                        margin:0;
                        padding:0;
                }
        /*
        *        For the next two rules:
        *        1. A single image is used for the two doors, rather than one.
        *        2. Ascetically, the 'font-weight:bold' was removed to closely mimic the www.digital-web.com tabs.
        *        3. The padding was modified for personal preference.
        */
        #header a {
                float:left;
                background:#E7F1F8 url("/BlueTab.png") no-repeat left top;
                padding:0 0 0 9px;
                text-decoration:none;
                color:#000;
        }
        #header a span {
                float:left;
                display:block;
                background:#E7F1F8 url("/BlueTab.png") no-repeat right top;
                padding:4px 15px 3px 6px;
        }
        /* Commented Backslash Hack hides rule from IE5-Mac \*/
        #header a span {float:none;}
        /* End IE5-Mac hack */

        /*
        *        1. At this point many things are simplified. The hover and background colors are set,
        *        and no positions are used because we aren't swapping images
        *        2. 'padding-bottom:4px;' on the current span pushes that tab 1px higher than the others,
        *        exposing 1px of the background color of #header and giving the effect of an underline.
        */

        #header #current a span {
                padding-bottom:4px; font-weight: bold;
        }
        #header a:hover, #header a:hover span {
                background-color:#E4F1BC;
                color:#000;
        }
        #header #current a span, #header #current a {
                background-color:#fff;
        }

#content {
        float: left;
        padding-left:10px;
        width: 650px;
}
#subcontent {
        float: right;
        width: 300px;
        padding-right:10px;
}
#footer {
        clear: both;
        background-color: #DDD;
}
#footer p {
        text-align: center;
        padding: 5px;
        margin-top: 20px;
}