body {
    font-family: 'Open Sans', sans-serif;
    font-size: medium;
    background-color: #f8f8ff;
}


#pagewidth {
    margin-left:auto;
    margin-right:auto;
    width: 800px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: white;
    border: 1px solid #d3d3d3;
}

#header {
    margin: 0px 0px 5px 0px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: white;
    padding: 6px 20px 15px 15px;

    background: #0054a6; /* for non-css3 browsers */

    background-image: url("../images/mapleleaf.png"), -webkit-gradient(linear, left top, left bottom, from(#0054a6), to(#999999)); /* Saf4+, Chrome */
    background-image: url("../images/mapleleaf.png"), -webkit-linear-gradient(top, #0054a6, #ffffff); /* Chrome 10+, Saf5.1+ */
    background-image: url("../images/mapleleaf.png"),    -moz-linear-gradient(top, #0054a6, #ffffff); /* FF3.6+ */
    background-image: url("../images/mapleleaf.png"),     -ms-linear-gradient(top, #0054a6, #ffffff); /* IE10 */
    background-image: url("../images/mapleleaf.png"),      -o-linear-gradient(top, #0054a6, #ffffff); /* Opera 11.10+ */
    background-image: url("../images/mapleleaf.png"),         linear-gradient(top, #0054a6, #ffffff); /* W3C */

    background-repeat:no-repeat;
    cursor: hand; cursor: pointer;
}
#header2 {
    margin: 0px 0px 5px 0px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: white;
    padding: 6px 20px 15px 15px;

    background: #0054a6; /* for non-css3 browsers */

    background-image: url("../images/mapleleaf.png"), -webkit-gradient(linear, left top, left bottom, from(#0054a6), to(#999999)); /* Saf4+, Chrome */
    background-image: url("../images/mapleleaf.png"), -webkit-linear-gradient(top, #0054a6, #ffffff); /* Chrome 10+, Saf5.1+ */
    background-image: url("../images/mapleleaf.png"),    -moz-linear-gradient(top, #0054a6, #ffffff); /* FF3.6+ */
    background-image: url("../images/mapleleaf.png"),     -ms-linear-gradient(top, #0054a6, #ffffff); /* IE10 */
    background-image: url("../images/mapleleaf.png"),      -o-linear-gradient(top, #0054a6, #ffffff); /* Opera 11.10+ */
    background-image: url("../images/mapleleaf.png"),         linear-gradient(top, #0054a6, #ffffff); /* W3C */

    background-repeat:no-repeat;

}
#sitetitle{
    font-size: larger;
    font-weight: bold;
}

#sitesubtitle {
    font-size: smaller;
}

#schoollogos {
    float:right;
}

#nav {
    text-align: center;
    margin: 0px 0px 10px 0px;
}

.navitem {
    text-align: center;
    font-size: smaller;
    margin: 0px 10px 0px 10px;
    padding: 0px 4px 0px 4px;
    color: gray;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: hand; cursor: pointer;
}

.active {
    color: black;
    background-color: #f8f8ff;
}

#imagegroup {
    height:130px;
    border-top: 1px solid #ededed;
    padding: 0px 0px 0px 105px;
}

.imageingroup {
%    float: left;
    padding: 0px;
    margin: 0px;
    vertical-align: top;
    border: none;
    cursor: hand; cursor: pointer;
}

.scaleimage {
    padding: 0px;
    margin: 0px;
    border: 1px solid black;
}

#projectstitle {
    margin: 130px -100px 0px 50px;
    -webkit-transform: rotate(-90deg);
    float: left;
    font-size:150%;
}

#frontpagetitle {
    text-align: center;
    font-weight: bold;
}

#frontpage {
    padding: 0px 40px 40px 40px;
    font-size: smaller;
}
.page {
    padding: 0px 40px 40px 40px;
    font-size: smaller;
}

h1 {
    font-weight: bold;
    text-align: left;
    margin-bottom: 10px;
    font-size: larger;
}
h2 {
    font-weight: bold;
    margin-bottom: 10px;
}
p {
    margin: 0px 0px 10px 0px;
}
.project_picture {
    float: right;
    margin: 2px;
}

.profile_picture, .partner_picture {
    float: right;
    border: 1px solid black;
    margin: 2px;
}

.member, .partner .contact {
    margin: 0px 0px 30px 0px;
}

.publications {
    margin: 10px 60px 20px 60px;

}
.publications p {
   font-size: smaller;
}

ul {
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
}

.hr {
    border-top: 1px solid #e5e5e5;
    margin: 0px 0px 20px 0px;
}

.hidden {
    display: none;
}

.clearfloat {
    float: none;
}

.hasFocus {}


table.project {
     font-size:67%;
     font-weight:normal;
     color:#3D3935;
     margin-left:auto; 
     margin-right:auto;
     border="2";
     width:600px;
}

.project td{
    width: 120px;
    text-align:right;
}