* {
        margin: 0;
        padding: 0;
}

/* --- layout ----------------------------------------------------------- */

body {
        font-family: "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
        line-height: 165%;
        font-size: 90%;
        background: #f8f8f8;
        text-align: center;
}


#container {
        width: 800px;
        margin: 0 auto;
        text-align: left;
        border: 1px #256dff solid;
        background: #fff;
}

#header {
        height: 125px;
        clear: both;
        border-bottom: 1px #003399 solid;
        background: #256dff url(images/isb-header.jpg) left no-repeat; 
        margin: 0 0 15px 0;
}

#header img {
        padding: 30px 15px 10px 15px;
        float: left;
}

#title {
        color: #fff;
        margin: 0 0 0 115px;
        font-size: 17px;
}

#title h1 {
        margin: 0;
        padding: 35px 0 0 0;
        color: #fff;
        font-size: 120%;
	line-height: 170%;
}

#main {
        float: left;
        width: 600px;
        padding: 0 0 0 25px;
}

#footer {
        clear: both;
        border: 0;
}

.leader-pic {
        float: left;
        padding: 0 20px 20px 0;
}

.leader-details {
        float: left;
        width: 35%;
        padding: 0 20px 20px 0;
}

.leader-students {
        float: left;
        width: 35%;
        padding: 0 20px 20px 0;
}

.leader-abstract {
        clear: both;
}

.right {
        margin: 0 0 3em 10px;
        padding: 0 0 0 10px;
        float: right;
        width: 15em;
        border-left: 1px #256dff solid;
}


table.logomess {
        margin: 0 auto;
        width: 500px;
        font-size: 100%;
}

table.logomess td {
        padding: 0 20px 5px 20px ;
        vertical-align: middle;
}

table.logomess td img {
        display: block;
        padding: 1em 0 1em 0 ;
}


.logomess a {
        border-bottom: 1px #fff solid;
}

img.decoration {
        float: left;
        padding: 1em 2em 1em 1em;
}


/* --- menu ------------------------------------------------------------- */


#mainMenu {
        float: left;
        width: 140px;
        margin: 0 0 0 0;
        padding: 0 10px 0 0;
        border-right: 1px #256dff solid;
}


#mainMenu ul {
        /* empty url only needed because of IE */
        list-style: url(.) none;
        margin: 0;
        padding: 0 10px 0 20px;
}


.menu {
        display: none;
}

.selected:visited, .selected {
        color: #256dff;
        border: 0;
        font-weight: bold;
}


/* needed for Exploder only, otherwise it will get stuck in active colour upon onclick() */
#mainMenu a:active {
        text-decoration: none;
        border-bottom: 1px #256dff solid;
        color: #003399;
}


/* ---------------------------------------------------------------------- */


.metainfo {
        color: #789;
        padding: 0 0 0 10px;
        border-left: 1px #789 solid;
}

.light {
        color: #789;
}

.nounderline a {
        border-bottom: 0;
}

.nounderline a:visited {
        border-bottom: 0;
}


.indent {
        margin: 0 0 0 2em;
}

ul.nobullet {
        /* empty url only needed because of IE */
        list-style: url(.) none;
}

ul.program {
        /* empty url only needed because of IE */
        list-style: url(.) none;
        margin: 0 0 0 5em;
        padding: 0;
        text-indent: -3.5em;
}

ul.program ul {
        /* empty url only needed because of IE */
        list-style: url(.) none;
        margin: 0 0 0 3.5em;
        padding: 0;
        text-indent: -3.5em;
}



ul.bibliography {
        /* empty url only needed because of IE */
        list-style: url(.) none;
        margin: 0 0 0 2em;
        padding: 0;
        text-indent: -2em;
}

ol.bibliography {
        list-style-type: upper-roman;
        margin: 0 0 0 2em;
        padding: 0;
}

ol.bibliography-decimal {
        list-style-type: decimal;
        margin: 0 0 0 2em;
        padding: 0;
}


ul {
        padding: 0 0 0 2em;
        list-style: url(images/bullet.png);
}

li {
        margin: 1.0em 0 1.0em 0;
}

h1, h2, h3, h4, h5 {
        color: #256dff;
}

h1, h2, h3, h5 {
        font-weight: normal;
}

h1, h2, h3, h4, h5 {
        margin: 1.0em 0 0.5em 0;
}

h4 {
        font-size: 100%;
        font-weight: bold;
}

h5 {
        font-size: 100%;
}

a, a:visited {
        text-decoration: none;
        border-bottom: 1px #256dff solid;
        color: #003399;
}

a:hover {
        text-decoration: none;
        border-bottom: 1px #256dff solid;
        color: #256dff;
}

a:active {
        text-decoration: none;
        border-bottom: 1px #f5f5f5 solid;
        color: #f5f5f5;
}

a img {
        border: 0;
        text-decoration: none;
}

p {
        margin: 0 0 1.0em 0;
}

p.center {
         text-align: center;
}

hr {
        margin: 0.75em 0 1.5em 0;
        border-bottom: 1px #256dff solid;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        width: 10em;
}

table {
        /* font-size: small; */
}

th {
        padding: 20px 20px 20px 0;
        vertical-align: top;
        text-align: left;
}

td {
        padding: 0 20px 20px 0 ;
        vertical-align: top;
}

dl {
        margin: 1em 0 1em 0;
}

dt {
        margin: 1.5em 0 0.5em 0;
}

dd {
        margin: 0 0 0.5em 2em;
}


table.groups {
        border: 1px #888 solid;
        border-collapse: collapse;
}

table.groups td {
        width: 15em;
        padding: 5px;
        margin: 0;
        border: 1px #888 solid;
        border-collapse: collapse;
}

table.feedback td {
        padding: 0 2em 0 0;
        margin: 0;
        /* border: 1px #888 solid;
        border-collapse: collapse; */
}