* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color:#515151;
 line-height:16px; 
 background: #fff;
}

#site { 
 margin: 0 auto;
 width: 800px;
 background:#f0f0f0;
 border-bottom:1px solid #ccc;
}
#header {
 position:relative;
 width: 800px;
 height: 156px;
 margin:0;
 z-index:1;
 background: url(../images/tutorial-background.gif) no-repeat;
}
#tutorialbannertext {
 position:absolute;
 top:0;
 width: 800px;
 padding:95px 0 0 10px;
 height:40px;
 z-index:11;
}
#date {
 position:absolute;
 top:0;
 width: 790px;
 text-align:right;
 margin:130px 0 0 0;
 height:40px;
 color:#fff;
 z-index:12;
}
#navigation {
 position:relative;
 width: 800px;
 height: 30px;
 margin:0;
 padding:10px 0 0 0;
 border-bottom:1px solid #ccc;
 background: #fff;
}
#textcolumnintro { 
 width: 600px;
 float: left;
 padding:0;
 margin:30px 0 0 100px;
}
#textcolumnspeakers { 
 width: 460px;
 float: right;
 margin:30px 100px 0 0;
}

#imagecolumn { 
 float: left;
 width: 140px;
 display: inline;
 position: relative;
 margin:30px 0 0 100px;
}

h1 {font-size:24px; font-weight: bold; color:#333; margin:0;}
img {border:0px;}
ul {margin:0 0 0 40px;}
ol {margin:0 0 0 40px;}
.shift{margin-left:180px;}
li {list-style-type:square;}

hr {border: 0; margin:30px 0 0 0; height: 1px; color: #ccc; width:50%; background:#ccc;}

a
{
outline: none;
}

a:active, a:link, a:visited, a.hover
{
 color: #e64e23;
 text-decoration: underlined;
}

a.menu:active, a.menu:link, a.menu:visited
{
 color: #ccc;
 text-decoration: none;
 font-size:18px;
 font-weight:bold;
 padding:0 30px 0 10px;
}

a.menu:hover {color:#e64e23;}

a.menuselected:active, a.menuselected:link, a.menuselected:visited, a.menuselected:hover
{
 color: #e64e23;
 text-decoration: none;
 font-size:18px;
 font-weight:bold;
 padding:0 30px 0 10px;
}

/* this div gives the list a place to live and remain relative to */
#programme {
  padding : 0;
  width : 600px;
  margin : auto;
}

/* style all the list items here */
#programme ul li {
  list-style-type : none;
  padding : 0.4em 0 0.4em 0;
  border-bottom : 1px solid #ccc;
}

/* every second list item is positioned outward and moved up equal to LI height to even them */
.col1 {
  width:100px;
  float:left;
}
.col2 {
  width:450px;
  float:left;
}     

/* Every other two list items are styled with a background for usability and style */
.highlight {
  border-bottom : 1px solid #ccc;
}

#imageflow {
float: left;
margin: 0 20px 5px 0;
}

.clear { clear: both; background: none; }