@media print {
    #title {
        display: none;
    }
    #menu {
        display: none;
    }
    
    body {
        font-size: x-small;
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        background-color: rgb(193, 224, 255);
        background-repeat: repeat-y;
        font-family: Verdana, sans-serif;
    }
    
    #content h2 {
        background-color: #000080;
        width: 100%;
        margin-left: 5px;
        margin-right: 5px;
        
        font-size: small;
        color: #ffff00;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
        font-weight: bold;
    }
    
    .column {
        width: 45%;
        float: left;
    }
    
    #content h3 {
        background-color: #000080;
        width: 100%;
        margin-left: 5px;
        margin-right: 5px;
        padding: 0px;
        font-size: x-small;
        padding: 2px;
        color: #ffff00;
        font-weight: normal;
        text-align: center;
    }
    
    #footer {
        margin-top: 25px;
        border: dashed black 1px;
        margin-left: 5px;
        margin-right: 5px;
        padding-left: 10px;
    }
    
    #content a {
        color: rgb(0,102,102);
    }
    
    ul.links {
        padding-top: 0px;
        margin-top: 0px;
        list-style-image: url("blackarrow.gif");
        font-size: x-small;
    }
    
    p {
        font-size: x-small;
        padding-left: 10px;
    }
    
    th,thead {
        font-weight: bold;
    }
    td,th {
        font-size: x-small;
    }
    p.more {
        text-align: right;
    }
    
    th,td {
        vertical-align: top;
    }
    
    table {
        margin-left: 10px;
    }
    
    table.fixtures th,table.fixtures td {
        border-bottom: solid black 1px;
    }
    
    table.result {
        border: 0px;
        font-size: x-small;
    }
    table.result td,table.result th {
        padding-left: 2px;
        padding-right: 5px;
        border-left: 0px;
        border-right: 0px;
        border-top: 0px;
        border-bottom: solid black 1px;
    }
    td.time {
        font-family: "Courier New",Courier,monospace;
        text-align: right;
    }
    .unratified {
        font-weight: bold;
    }
    .black{
        background-color: black;
        color: white;
        margin-left: 30px;
        margin-right: 30px;
        margin-bottom: 10px;
    
        border: solid black 3px;
    }
    .error {
        color: red;
        font-weight: bold;
    }
    #warning {
        background-color: red;
        border: solid black 4px;
        font-weight: bold;
        text-align: center;
    }
}
@media screen {
    #title h1 {
        font-size: x-small;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    #title {
        border: solid #ffff00 2px;
        padding: 3px;
        text-align: center;
        margin-bottom: 10px;
    }
    #title p {
        font-size: x-small;
        margin-top: 10px;
        margin-bottom: 0px;
    }
    
    #menu a {
        color: #ffff00;
    }
    
    #menu {
        float: left;
        width: 160px;
        top: 0px;
        left: 0px;
        position: absolute;
        background-color: #000080;
        padding-left: 10px;
        padding-right: 5px;
        padding-top: 15px;
        padding-bottom: 15px;
        border-top: 0px;
        border-right: black 2px solid;
        border-bottom: black 2px solid;
        color: white;
    }
    
    #menu h2 {
        font-size: x-small;
        margin-bottom: 0px;
    }
    #menu ul {
        margin-top: 0px;
        font-size: xx-small;
        margin-bottom: 0px;
        margin-left: 20px;
        padding-left: 0px;
        list-style-image: url("arrow.gif");
    }
    #menu li {
        padding-left: 0px;
        margin-left: 0px;
    }
    
    body {
        font-size: x-small;
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        background-color: rgb(193, 224, 255);
        background-repeat: repeat-y;
        font-family: Verdana, sans-serif;
    }
    
    #content {
        position: absolute;
        top: 10px;
        left: 180px;
        right: 15px;
    }
    
    #content h2 {
        background-color: #000080;
        width: 100%;
        margin-left: 5px;
        margin-right: 5px;
        
        font-size: small;
        color: #ffff00;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
        font-weight: bold;
    }
    
    .column {
        width: 45%;
        float: left;
    }
    
    #content h3 {
        background-color: #000080;
        width: 100%;
        margin-left: 5px;
        margin-right: 5px;
        padding: 0px;
        font-size: x-small;
        padding: 2px;
        color: #ffff00;
        font-weight: normal;
        text-align: center;
    }
    
    #footer {
        margin-top: 25px;
        border: dashed black 1px;
        margin-left: 5px;
        margin-right: 5px;
        padding-left: 10px;
    }
    
    #content a {
        color: rgb(0,102,102);
    }
    
    ul.links {
        padding-top: 0px;
        margin-top: 0px;
        list-style-image: url("blackarrow.gif");
        font-size: x-small;
    }
    
    p {
        font-size: x-small;
        padding-left: 10px;
    }
    
    th,thead {
        font-weight: bold;
    }
    td,th {
        font-size: x-small;
    }
    p.more {
        text-align: right;
    }
    
    th,td {
        vertical-align: top;
    }
    
    table {
        margin-left: 10px;
    }
    
    table.fixtures th,table.fixtures td {
        border-bottom: solid black 1px;
    }
    
    table.result {
        border: 0px;
        font-size: x-small;
    }
    table.result td,table.result th {
        padding-left: 2px;
        padding-right: 5px;
        border-left: 0px;
        border-right: 0px;
        border-top: 0px;
        border-bottom: solid black 1px;
    }
    td.time {
        font-family: "Courier New",Courier,monospace;
        text-align: right;
    }
    .unratified {
        font-weight: bold;
    }
    .black{
        background-color: black;
        color: white;
        margin-left: 30px;
        margin-right: 30px;
        margin-bottom: 10px;
    
        border: solid black 3px;
    }
    .error {
        color: red;
        font-weight: bold;
    }
    #warning {
        background-color: red;
        border: solid black 4px;
        font-weight: bold;
        text-align: center;
    }
}