html {
    min-height: 100.05%;
}

* {
    font-family: Verdana, sans-serif;
    margin:0px;
    padding:0px;
    border:0px;
}

body {
    background-color: #777;
    color: #333;
}

div.site {
    display:block;
    background-color:#fff;
}

/* ----- HEADER ------------------------------------------*/
div.header {
    display:block;
    position:relative;
    clear:both;
    background-color:#ffffff;
    border-bottom:solid 1px #dddddd;
    text-align:left;
    overflow:hidden;
}

div.menu a {
    font-size:0.9em;
    text-decoration:none;
    color:#333;
}

div.menu a:hover {
    color:#ff7f00;
}

/* ----- CONTENT------------------------------------------*/

div.content {
    display:block;
    position:relative;
    margin-left:0%;
    margin-right:0%;
    margin-bottom:2.0em;
    background-color:#fff;
}

img {
    display:inline;
    float:right;
    margin-left:1.0em;
    margin-bottom:1.0em;
}

img.cat1 {
    display:inline;
    float:none;
}

img.cat2 {
    display:block;
    width:90%;
    max-width:40em;
    float:none;
    margin-top:2.0em;
    margin-bottom:0.2em;
}

h1 {
    font-size:1.3em;
    font-family:sans-serif;
    background-color:inherit;
    color: #333;
    clear:both;
}

h2, h3, h4, h5, h6, h7 {
    color:#333;
}

p, pre, li, dl, td, th {
    font-size:0.9em;
}

p.introduction {
    margin-top:2.0em;
}

h2 {
    margin-top:2.0em;
}

h2 {
    font-size:1.0em;
    font-family:sans-serif;
    font-weight:bold;
    background-color:inherit;
    text-decoration:none;
    margin-bottom:0.5em; 
}

h3, h4, h5, h6, h7 {
    margin-top:1.0em;
}

h3, h4, h5, h6, h7 {
    font-size:0.9em;
    font-family:sans-serif;
    font-weight:bold;
    background-color:inherit;
    text-decoration:none;
    margin-bottom:0.5em; 
}

p {
    background-color:inherit;
    line-height:1.5em;
    margin-top:0.0em;
    margin-bottom:1.0em;
}

pre {
    background-color:#dddddd;
}

ul.publications {
    list-style-type: none;
    padding-left: 0.0em;
    margin-left: 0.0em;    
}

ul.publications li {
    padding-left: 0.0em;
    margin-left: 0.0em;
    margin-bottom: 1.5em;
}

ul.publications em {
    font-weight: normal;
}

li {
    line-height:1.4em;
    margin-top:0.0em;
    margin-left:2.0em;
    margin-right:0.0em;
    margin-bottom:0.0em;
}

dl {
    float:left;
    padding:0.0em;
    line-height:1.4em;
    margin-top:0.0em;
    margin-left:0%;
    margin-right:0%;
}

dt {
    float:left;
    height:1.0em;
    padding:0.0em;
    margin-right:0.7em;
}

dd {
    margin:0.0em;
    padding:0.0em;
    line-height:1.4em;
}

table {
    border-spacing: 0px;
    border-bottom:solid 1px #000;
    border-right:solid 1px #000;
}

th {
    border-top:solid 1px #000;
    border-left:solid 1px #000;
    padding-top:0.2em;
    padding-bottom:0.2em;
    padding-left:0.5em;
    padding-right:0.5em;
    margin:0.0em;
    vertical-align:top;
    font-weight:normal;
}

td {
    border-top:solid 1px #000;
    border-left:solid 1px #000;
    padding-top:0.2em;
    padding-bottom:0.2em;
    padding-left:0.5em;
    padding-right:0.5em;
    margin:0.0em;
    vertical-align:top;
}

table.plain {
    border:none;
}

table.plain td {
    border:none;
    padding-left:0px;
}

img {
    margin-bottom:1.0em;
}

img.cat1 {
    display:inline;
    float:none;
}

img.cat2 {
    display:block;
    float:none;
    margin-top:2.0em;
    margin-bottom:0.2em;
}

img.preview {
    display:inline;
    width: 200px;
}

a:link {
    color:#00447e;
}

a:visited {
    color:#00447e;
}

a:hover {
    color:#ff7f00;
}

form {
    margin-top:1.0em;
    margin-left:5%;
}

/* ----- FOOTER ------------------------------------------*/
div.footer {
    font-size:0.7em;
    display:block;
    position:relative;
    clear:both;
    background-color:#ffffff;
    padding-top:0.5em;
    padding-left: 10%;
    padding-right: 10%;
    border-top:solid 1px #dddddd;
    margin-top:0.0em;
    margin-bottom:0.0em;
    margin-left:0.0em;
    margin-right:0.0em;
    height:4.0em;
    width:80%;
    text-align:center;
    line-height:1.5em;
    overflow:hidden;
}

.footer a:link {
    text-decoration:none;
    color:#333;
    background-color:transparent;
}

.footer a:visited {
    text-decoration:none;
    color:#333;
    background-color:transparent;
}

.footer a:active {
    text-decoration:none;
    color:#333;
    background-color:transparent;
}

.footer a:hover {
    text-decoration:underline;
    color:#333;
    background-color:transparent;
}