/* dtu adventure race - styles */

/* layout */
html {
 overflow-y: scroll;
}
body {
 margin: 0;
 padding: 0;
 font-family: arial, verdana, helvetica, sans-serif;
 font-size: 76%; /* font sizing in ems */
 /* funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all */
 color: #000;
 background: #fff;
 text-align: center;
}
#container {
 width: 800px;
 margin: 0 auto;
 position: relative;
 border: 2px solid #000;
 padding: 0;
 background: #09c;
 text-align: left;
}
* html #container {
 width: 820px;
 w\idth: 800px;
}
#header {
 width: 800px;
 height: 172px;
 margin: 0;
 border: 0;
 padding: 0;
 color: #fff;
 background: #036;
}
#logo {
 width: 800px;
 height: 150px;
 margin: 0;
 border: 0;
 padding: 0;
 font-size: 32px;
}
#logo span.img {
 background: url(/img/topbar.jpg) no-repeat;
 position: absolute;
 width: 800px;
 height: 150px;
}
#logo div {
  padding: 15px 0 0 10px;
}
#logo div span.dtu {
  border: 2px solid #666;
  padding: 5px 30px;
  background: #f60;
}
#logo div span.ar {
  border: 2px solid #666;
  padding: 5px 18px;
  background: #09c;
}
#menu {
 width: 800px;
 height: 18px;
 margin: 0;
 border-top: 1px solid #000;
 border-bottom: 1px solid #000;
 padding: 0;
}
#menu a {
 color: #fff;
 vertical-align: -2px;
}
#left, #right {
 width: 150px;
 margin: 0;
 border: 0;
 padding: 0;
 background: #09c;
}
#sponsor {
 width: 132px;
 margin: 0;
 border: 0;
 padding: 9px;
}
#left, #sponsor {
  float: left;
}
#side {
 width: 132px;
 margin: 0;
 border: 0;
 padding: 8px;
}
#right, #side {
  float: right;
}
#middle {
 min-height: 470px;
 margin: 0 150px;
 border: 0;
 padding: 0;
 background: #fff;
}
/* Hides from IE-mac \*/
* html #middle {height: 470px;}
/* End hide from IE-mac */
#midright {
 min-height: 470px;
 margin: 0 0 0 150px;
 border: 0;
 padding: 0;
 background: #fff;
}
/* Hides from IE-mac \*/
* html #midright {height: 470px;}
/* End hide from IE-mac */
#main {
 margin: 0;
 border: 0;
 padding: 9px;
}
/* Hides from IE-mac \*/
* html #main {height: 470px;}
/* End hide from IE-mac */
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
		
/* typographics */
a {
 text-decoration: none;
 font-weight: bold;
 color: #000;
}
a:link {
}
a:visited {
 color: #303030;
}
a:active {
}
a:hover {
 text-decoration: underline;
}
h1 {
 font-size: 1.8em;
 font-weight: normal;
 margin-top: 0;
 margin-bottom: 0;/* both set to zero and padding in header div is used instead to deal with compound ie pc problems that are beyound summary in a simple comment */
}
h2 {
 font-size: 1.4em;
 margin: 1.2em 0em 0.6em 0em;
 font-weight: normal;
}
h3 {
 font-size: 1.0em;
 margin: 1.2em 0em 1.2em 0em;
 font-weight: bold;
}
h4 {
 font-size: 0.8em;
 margin: 1.2em 0em 1.2em 0em;
 font-weight: bold;
}
img {
 border: 0;
}
ol, ul, li {/*
 list-style: none;*/
 font-size: 1.0em;
 line-height: 1.6em;
 margin-top: 0.2em;
 margin-bottom: 0.1em; 
}
p {
 font-size: 1.0em;
 line-height: 1.6em;
 margin: 1.0em 0em 1.0em 0em;
}
table, tr, td {
 font-size: 1.0em;
 line-height: 1.6em;
}
li > p {
 margin-top: 0.2em;
}
pre {
 font-family: monospace;
 font-size: 1.0em;
}
strong, b {
 font-weight: bold;
}

/* specific typographics */
table.simple {
 border-collapse: collapse;
}
table.simple td, table.simple th {
 border: 1px solid #000;
 padding-left: 0.3em;
 padding-right: 0.3em;
 vertical-align: top;
}
table.result {
 border-collapse: collapse;
}
table.result td, table.result th {
 border: 1px solid #000;
 padding-left: 0.1em;
 padding-right: 0.1em;
 vertical-align: top;
}