@charset "iso-8859-1";

body {
    text-align: justify;
    background: white;
    color: black;
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    }

/* header */

div.head {
    width: 100%;
    margin: 0;
    text-align: center;
    background: silver;
    }

div.urjc {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 20%;
    }

div.urjc img, img.urjc { border: 0; padding: 0 5px; }

div.head h1 { margin: 0; padding: 20px 20px 20px 170px; font-size: 150%; }
div.head h2 { margin: 0; padding: 20px 20px 20px 170px; font-size: 100%; }

div.head br.clear { clear: both; }

/* sidebar */

div.side {
    float: left;
    width: 20%;
    margin: 0;
    padding: 5px 0 5px 0;
    text-align: left;
    background: #990000;
    color: white;
    }

div.side h2 { margin: 15px 10px 10px; font-weight: bolder; font-size: 100%; }
div.side p { margin: 10px; padding-left: 10px; font-weight: normal; font-size: 90%; }
div.side .current { border: solid thin; }
div.side a { text-decoration: none; }
div.side a:link { color: white; }
div.side a:visited { color: silver; }
div.side a:hover { text-decoration: underline; }

/* main area */

div.frame {
    float: right;
    width: 80%;
    margin: 0;
    padding: 0;
    }

div.main h2, div.main h3, div.main h4 {
    margin: 15px 15px 10px;
    font-size: 1em;
    }

div.main h2 {
    padding: 2px;
    background: #990000;
    color: white;
    }

div.main h3 {
    font-weight: bold;
    }

div.main h4 {
    font-weight: normal;
    font-style: italic;
    }

div.main p, div.main ul, div.main ol, div.main table { margin: 10px 15px; }
div.main ul, div.main ol { padding-left: 30px; }

/* welcome */

div.main#index { text-align: center; margin-top: 15px; }

div.main#index div.welcome {
    margin: 15px auto 10px;
    width: 541px;
    background: #990000;
    color: white;
    padding-bottom: 2px;
    }

div.main#index div.welcome span { display: block; font-weight: bold; }

div.main#index div.welcome img { display: block; padding-bottom: 2px; }

div.main#index table.organisers { margin: 10px auto; }
div.main#index table.organisers td { padding: 2px 20px; vertical-align: top; }
div.main#index table.organisers p { text-align: center; margin: 0; }
div.main#index table.organisers img { border: 0; }

/* schedule */

div.main ul.schedule { padding: 0; margin: 0; }
ul.schedule li { margin: 20px 0 0; padding: 0; list-style: none; }
ul.schedule li ul { padding: 0; margin: 15px; }
ul.schedule li ul li { margin: 10px 0 0; font-weight: bold; }
ul.schedule table { margin-left: 0; width: 98%; border: thin;
    border-collapse: collapse; }
ul.schedule table th, ul.schedule table td { text-align: left;
    padding: 5px 10px; border: solid thin; }
ul.schedule table th { font-weight: bold; width: 100px; }
ul.schedule table td { font-weight: normal; }
ul.schedule table td span { font-weight: bold; }

/* misc */

p.cloak { visibility: hidden; }

span.game { padding: 2px; background: #990000; color: white;
    font-size: 1.5em; vertical-align: 0.5em; }

/* valid html4.01/css */

div.valid { float: right; padding: 10px; }
div.valid img { border: 0; }