@import url(http://fonts.googleapis.com/css?family=Alike+Angular);

#page {
    background: "#000000";
}

    #page h1 {
        background: url('images/WazHack-HeaderBG.jpg') top left no-repeat;
        background-color: black;
        text-outline: 2px 2px #ff0000;
        margin: 0px auto;
        height: 314px;
    }

table#toc {
    height: 20px;
    margin: 20px 40px 0 40px;
    padding: 0;
}

    /* Reset the table cell so it does nothing but position the anchor */
    table#toc td {
        padding: 0;
        margin: 0;
        border: 0;
        vertical-align: top;
        background: transparent;
    }

    /* The tab itself — this is the clickable, styled element */
    table#toc a.tab {
        display: block; /* fill the cell */
        font-family: "Calligraphic 421 BT", "Calligraphic 421", "Alike Angular", "Arial", "Helvetica";
        font-size: 16px;
        height: 36px;
        line-height: 36px; /* vertically center the text */
        border: solid #000;
        border-width: 0px 15px 0px 15px;
        -moz-border-image: url(images/tab.png) 0 19 0 19 stretch;
        -webkit-border-image: url(images/tab.png) 0 19 0 19 stretch;
        border-image: url(images/tab.png) 0 19 0 19 fill stretch;
        margin: 0;
        padding-left: 7px;
        padding-right: 7px;
        text-decoration: none; /* kill the underline */
        color: inherit; /* don't use default blue */
        box-sizing: border-box;
    }

        /* hover feedback so users know the whole tab is clickable */
        table#toc a.tab:hover {
            color: #888;
            text-decoration: none;
            opacity: 1;
        }



    table#toc td.filler {
        -moz-border-image: url(images/tab-fill.png) 0 19 0 19 stretch;
        -webkit-border-image: url(images/tab-fill.png) 0 19 0 19 stretch;
        border-image: url(images/tab-fill.png) 0 19 0 19 fill stretch;
    }



    table#toc a.tab.current {
        color: #fff;
        -moz-border-image: url(images/tab-cur.png) 0 19 0 19 stretch;
        -webkit-border-image: url(images/tab-cur.png) 0 19 0 19 stretch;
        border-image: url(images/tab-cur.png) 0 19 0 19 fill stretch;
    }


div.content {
    border-bottom: 2px solid #90906b;
    border-left: 2px solid #90906b;
    border-right: 2px solid #90906b;
    clear: left;
    margin: 20px 40px 5px 40px;
    padding: 1px 20px 10px 20px;
    color: #99CCBB;
    background-color: black;
}


body {
    font-family: "Calligraphic 421 BT", "Calligraphic 421", "Alike Angular", "Arial", "Helvetica";
    background: url('images/WazHack-BG.jpg') top left repeat-y;
    background-color: black;
    margin: 0px auto;
}

a:link, a:visited {
    color: #EEAA77;
}

a:active, a:hover {
    color: #ffCC99;
}

a {
    text-decoration: none;
}

p.header {
    font-size: x-large;
    font-weight: bold;
}

p.footer {
    color: #eedd95;
    font-size: x-small;
    text-align: center;
    font-family: sans-serif;
}

h1, h2, h3, h4, h5 {
    color: #eedd95;
}

.dots {
    width: 99% border-bottom: 1px dotted #222;
}

.GGA2VOJDO1B {
    color: red
}

.GGA2VOJDFGB {
    color: red
}

span#f-tl2 {
    color: red
}