/* expansdable list for history*/
input +label+br+div.exp{ display:none; }
input:checked +label + br+div.exp{ display:block; }
.hide{
  display:none;
}
img{
 border-width:0px;
}
label h2{
  display:inline;
}
input +label::after{ 
  content: '+';
  font-weight: bold;
  font-style: italic;
  font-size:100%;
  color:green;
}
input:checked +label::after{ 
  content: '-'; 
  color:red;
}
		
/* global */
html{height: 100%;}
body{
  font-family:Arial, Helvetica, sans-serif;
  font-size:15px;
  padding: 0px;
  margin: 0px;
  background: #939393;
}
ul
{ margin: 8px 0px 0px 16px;
  padding: 0px;
}

ul li
{ list-style-type: square;
  margin-top: 0px; 
  margin-bottom:5px; 
  margin-right:0px;
  margin-left:10px; 
  padding: 0px;
}
#programlist ul li{
  list-style-type: none;
  margin-left:0px; 
}

td,th {
  vertical-align:top;
  overflow-y:hidden;
}
.short{
  line-height:6px;
}
/* ordered list */
ol
{ margin: 8px 0px 0px 24px;
  padding: 0px;
}

ol li
{ margin: 0px 0px 11px 0px; 
  padding: 0px;
}

a{
  outline: none; 
  color: #555555;
/*   color:#EE2426; */
}
a:hover{
  color:#EE2426;
}
#header
{
  background: #000000;
  color: #EEEEEE;
  margin-bottom:0px;
  padding-top: 20px;
  padding-bottom:20px; 
  padding-left:20px;
  padding-right:20px;
  margin-top:0px;
  margin-bottom:0px;
  margin-left:0px;
  height:120px;
}
#header h2{
  margin-bottom:0px;
}

#header h3{
  padding:0px;
  margin-top:0px;
  margin-bottom:5px;
}
#header a{
  color:#EE2426;
  text-decoration:none;
}
#leftheader
{ 
  padding: 0px;
  float:left;
  width:35%;
  font-weight:bold;
  font-size:150%;
/*   text-decoration:underline;   */
  text-align:center;
  color:#EE2426;
}
#rightheader
{
  float:right;
  width:65%;
  text-align:right;
}
#logo
{ 
  position:relative;
  top:0px;
  bottom:0px;
  margin-top:0px;
  margin-bottom:0px;
  margin-left:0px;
  padding:0px;
  height: 191px;
  text-align: left;
  background: #040205 url(../img/header2low.jpg) top right no-repeat;
  color: #5A6370;
  display:block;
}
#ul
{ 
  position:absolute;
  bottom:-2%;
  left:12%;
}
#dtu
{ 
  position:absolute;
  bottom:-2%;
  /*left:22%;*/
  left:29%;
}

#main
{ 
  position:relative;
  margin-top:0px;
  width: 850px;
  height: auto;
/*   background-color: #FF00FF; */
  top:0px;
  bottom:0px;
  margin-left: auto; 
  margin-right: auto;
  padding:0px;
}
#container2
{ 
  float:left;
  width:100%;
  background-color: #FFFFFF;
  position:relative;
  overflow:hidden;
}

#container1
{ 
  float:left;
  width:100%;
  position:relative;
  right:80%;
  background-color: #FFFFFF;
}
#container0
{ 
  float:left;
  width:100%;
  position:relative;
  right:10%;
  background-color: #000000;
}

#column1
{ 
  float: left;
  position:relative;
  width: 18%;
  left:91%;
  overflow:hidden;
}

/* column 2 - page content */
#column2
{ 
  float: left;
  width: 74.5%;
  position:relative;
  left:92.5%;
  text-align: justify;
  padding-top:12px;
  padding-right:15px;
  padding-bottom:15px;
  padding-left:15px;
  margin-top:11px;
  margin-bottom:11px;
  background-color: #DDDDDD;
  color: #333333;
  overflow:hidden;
}
#column2 h1{
  text-transform: uppercase;
  font-weight: 542;
  padding-top:6px;
  padding-right:0px;
  padding-bottom:4px;
  padding-left:0px;
  margin: 0px 0px 12px 0px; 
  border-bottom: 2px solid;
  color: #000000;
  font-size: 130%;
}
#column2 h1::first-letter{
/*   color:#EE2426; */
}
#column2 h2{
  font-size: 110%;
  color: #000000;
}
#column2 h3{
  font-size: 100%;
  color: #000000;
  margin:0;
}


.sbilinks
{ 
  float: left; 
  padding:0px;
  margin:0px;
  margin-bottom: 11px; 
  width:100%;
}
.sbilinks li 
{
  margin: 0px; 
  margin-top: 11px; 
  float: left; 
  list-style: none; 
  /*margin-left:10px;*/
  margin-right:0px;
  width: inherit;
} 
.sbilinks li a
{ 
  background: #EE2426; 
  color:#FFF;
} 

.sbilinks li a:hover
{ 
/*   background: #B7B7B7; */
  color:#000000;
} 

.sbilinks li a, .sbilinks li a:hover 
{ 
  float: left;
  height: 24px;
  line-height:23px;
  text-decoration: none; 
  padding: 5px 0px 4px 19px;
  width: inherit;
  border: 0px;
  font-weight:bold;
} 
.sbilinks li a#selected{
  background: #000;
  list-style: none; 
  color:#FFF;
}
.sbilinks li a#selected::first-letter{
  color:#EE2426;
}

#footer
{
  clear:both;
  background-color: #000000;
  height:30px;
  /*height:20px;*/
}

#logofooter
{
  clear:both; 
  height:110px;
  /*height:30px;*/
  background-color: #000;
  color:#FFF;
  text-align:center;
  font-size:70%;
  font-weight:bold;
}
#logofooter table{
  width: 100%; 
  margin-bottom:15px;
  border-collapse:collapse;
  margin-left:auto;
  margin-right:auto;
  background-color: #FFF;
}
#logofooter td {
  text-align: center;
  padding-top: 0px;
}
#logofooter td img {
  margin-bottom:6px;
  margin-top:10px;
}
#logofooter a{
  color:#FFF;
  /*text-decoration:none;*/
}
#logofooter a:hover{
  color:#EE2426;
  /*text-decoration:none;*/
}
#col1
{ 
  float: left;
  position:relative;
  width: 47%;
}
#col2
{ 
  float: right;
  position:relative;
  width: 53%;
}