body {
  font-family:  Helvetica, Arial, Times; 
  font-size: 12pt;
  margin: auto ;
  padding: 5px;
  padding-bottom: 20px;
  background: url( background.png ) transparent repeat; 
  background-color: #dae8f1; 
}

img {
  border : none;
}

table {
  border-spacing: 0pt;
}

/*
 * Header (containing the banner, iwoca and KCL logos and conference title)
 */

#header {
  height: 149px;
  vertical-align: center;
}

#header #logo {
  text-align: center;
  padding-top: 2em;
  padding-bottom: 2em;
}

#header #title {
  padding: 1ex 3ex 0 3ex;
  max-width : 850px;
  text-align: center;
}

#header #title h1 {
  font-variant: small-caps;
  text-align: center;
  font-size: 125%; 
}

#header #title h2 {
  font-variant: small-caps;
  text-align: center;
  font-size: 110%; 
}

/* 
 * Contents (contains the navigation column - #navigation - and the text - #main - 
 * that will appear in the main window, such as members of various comittees, 
 * informations, ...)
 */
 
/* Navigation (contains one or more boxes with the list of items) */

#contents #navigation {
  margin-top: 1em;
  padding: 10px 0px 10px 6px;
  text-align: center;
  border-top: solid 1pt #337fa9;
  border-right: solid 1pt lightgray;
  border-bottom: solid 1pt #337fa9;
  border-left: solid 1pt #337fa9;
  background-color: #cee0ec;
  vertical-align: top;
}

#contents #navigation .box {
  width: 200px;
  margin: 1.5em auto 2.5em auto;
  padding: .5ex auto 1em auto;
/*  border: 1px #999 solid;
  background-color: #cee0ec;*/
}

#contents #navigation .box a {
  margin-left: 5pt;
  padding-left: 5pt;
  text-decoration: none;
  color:#337fa9;
}

#contents #navigation .box a:hover {
  margin-left: 2pt;
  padding-left: 5pt;
  text-decoration: none;
  text-decoration: none;
  border-left: 3pt #337fa9 solid; 
/*  color: #cee0ec;
  background-color: #337fa9; */
}

#contents #navigation .box h1 {
  font-variant: small-caps;
  font-weight: bolder;
  font-size: 90%;
  text-align: left;
  margin-top: -1.25em;
  margin-left: 3pt;
  margin-right: 3pt;
  color: #657;
}

#contents #navigation .box ul {
  text-align: left;
  margin-bottom: .5em;
  list-style-image: url(../Images/bullet.jpg);
}

#contents #navigation .box li {
  font-size: 80%;
  display: block;
  color: #337fa9;
  font-weight: bold;
}

#contents #main {
  margin-left: 1em;
  margin-right: 1em;
  padding-bottom: 1em;
  text-align: left;
  vertical-align: top;
  background-color: #fff;
  border-right: solid 1pt #337fa9;
  border-top: solid 1pt #337fa9;
  border-bottom: solid 1pt #337fa9;
  width : 650px;
}

#contents #main h1 {
  margin-left: 1em;
  margin-top: 1em;
  font-variant: small-caps;
  text-align: left;
  font-size: 120%;
  color: #337fa9;
}

#contents #main h2 {
  margin-left: 1em;
  margin-top: 1em;
  font-variant: small-caps;
  text-align: left;
  font-size: 110%;
  color: #337fa9;
}


#contents #main hr {
  margin-top: .5em;
  margin-bottom: .5em;
  width: 20%;
  height: 2px;
  color: gray;
  text-align: left;
}

#contents #main ul {
  margin-top: 1em;
  list-style-type: square;
}

#contents #main ul li {
  margin-left: 1em;
  margin-right: 1em;
  font-size: 80%;
}

#contents #main img {
  margin-top: 1em;
}

#contents #main p {
  text-align: justify;
  font-size: 90%;
  color: #333;
  margin-left: 1em;
  margin-right: 1em;
}

#footer {
  padding-top: .5em;
  padding-bottom: .5em;
  text-align: center;
  font-size: 70%;
  background-color: #99bed8;
  border-left: solid 1pt #337fa9;
  border-right: solid 1pt #337fa9;
  border-bottom: solid 1pt #337fa9;
}

.accepted {clear:right;margin-bottom:20pt;padding:3pt}
.abstract {border-left: solid black 1px;border-right: solid black 1px;border-top: solid black 1px;padding:3pt}
.paper {border-left: solid black 1px;border-right: solid black 1px;border-top: solid black 1px;padding:2pt}
.abstract:last-child {border-bottom: solid black 1px;padding:3pt}
.paper:last-child {border-bottom: solid black 1px;padding:2pt}

div#program h3 { text-align: center; }

div#program table
{
	border:1px solid black;
	width:95%;
	margin-left:auto;
	margin-right:auto;
}
div#program tr { vertical-align:top; }
div#program tr.bluetr { background-color:rgb(220,255,255); }
div#program tr.magentatr { background-color:rgb(255,220,255); }
div#program tr.yellowtr { background-color:rgb(255,255,220); }
div#program td.center { text-align:center; }
div#program tr td.left { padding-left:1em; padding-right:1em; width:5em; text-align:right; }
div#program tr td.right { padding-left:1em; padding-right:1em; text-align:left; }