body { background-color: white;
           font-family: tahoma, verdana, arial;
           font-size: 10pt;
    }
    a:link { color: blue }
    a:visited { color: blue }
    a:hover { color: red }
    .footer {
            margin-top: 15px;
            font-size: 8pt;
            width: 740px;

            }
    .row1 { background-color: #DDDDDD }
    .row2 { background-color: #BBBBBB }
    .runeTable {
        font-family: tahoma, verdana, arial;
        font-size: 10pt;
        width: 740px;
        background-color: #BBBBBB;
        border-left: 1px solid black;
        border-bottom: 1px solid black;
        border-right: 1px solid black;
    }
    .runeTable td {
        padding: 3px;
    }
    .runeTable .header {
        font-weight: bold;
    }

    .runeTable span {
        padding: 0 3px 0 3px; border: 1px solid black;
    }
    .censusData span {
        padding: 0 3px 0 3px; border: 1px solid black;
    }
    

    .abilities { font-size: 8pt; }

    .mainContent {
        width: 750px;
        font-size: 12pt;
    }    

    .mainContent p {
        font-size: 11pt;
    }

    .tabTable {
        font-family: tahoma, verdana, arial;
        font-size: 11pt;
        background-color: #BBBBBB;
        width: 740px;
    }
    .activeTab {
        padding: 5px;
        border-left: 1px solid black;
        text-align: center;
        border-top: 1px solid black;
        width: 70px;
    }
    .inactiveTab {
        padding: 5px;
        border-left: 1px solid black;
        text-align: center;
        background-color: #999999;
        border-bottom: 1px solid black;
        border-top: 1px solid black;
        width: 70px;
    }
    .emptyTab {
        border-bottom: 1px solid black;
        border-left: 1px solid black;
        background-color: white;

    }

    form { font-size: 10px }
    .formTable { font-size: 10pt; }
    .formTable td { padding-left: 5px; padding-right: 5px; }

    h2 { font-size: 16pt }
    .sidebarContent { 
        font-size: 10pt; 
        width: 150px; 
        margin-bottom: 10px; 
        margin-right: 10px; 
        padding: 5px;
        border: 1px solid #777777;
        background-color: #DDDDDD;
    }
    .intro { font-size: 10pt; width: 150px; margin-bottom: 10px; margin-right: 10px }
    .ad { margin-bottom: 10px; }

    #runeContent {
        position:absolute;
        border: 1px solid black;
        background-color: white;
        padding: 3px;
        background-color: #FFFFAA;
    }

    #runeContent td {
        font-size: 12px;
    }

    #topNav {
        font-size: 13px;
        text-align: right;
        padding: 3px;
        border: 1px solid #777777;
        background-color: #DDDDDD;
        margin-bottom: 5px;
    }

    .runeData {
        width: 200px;
        border: 1px solid #777777;
    }

    .runeData th {
        text-align: left;
        background-color: black;
        color: white;
        padding: 4px;
    }

    .runeData td {
        padding: 3px;
    }

    .censusData {
        width: 180px;
        border: 1px solid #777777;
        font-size: 11pt;
    }

    .censusData th {
        text-align: left;
        background-color: black;
        color: white;
        padding: 4px;
    }

    .censusData td {
        padding: 3px;
    }


    .ironfiststronghold { background-color: #714C4C; }
    .sunderedlands { background-color: #6E5725; }
    .kthirforest { background-color: #35A93A; }
    .forsakenwastes { background-color: #606060; }
    .forglarswamp { background-color: #427BA8; }
    .underdepths { background-color: #E20021; }

    .common { background-color: #FFC90C; }
    .uncommon { background-color: #A82A12; }
    .rare { background-color: #128FA8; }
    .exotic { background-color: #AF4CE2; }
    .limitededition { background-color: green; }

    .champion { background-color: #bd3b24; }
    .spell { background-color: #31a9d0; }
    .equipment { background-color: #af4ce2; }
    .relic { background-color: #94b91e; }

    .tiny { font-size: 8pt; font-weight: normal }