body { font-family:Verdana, sans-serif;
       background-color:#FAFAFA;
       margin:0;
       padding-left:20px;
       padding-right:20px;
       line-height:1.3em;
       font-size:10pt; }

#content {
  width:960px;
  margin:2em auto 0em auto;
}

#top {
  width:100%;
  }          

#portrait {
  width:140px;
  height:209px;
  float:left;
  }
  
#motto {
  width:85%;          
  float:right;
  }   

div.quote {
  font-family:New Century, Verdana, sans-serif;        
  font-size:130%;
  padding:30px;
  }
div.cite {
  text-align:right;
  }
  

table {
        border-collapse:collapse;
}

strong, b {
        font-weight:bold;
}

hr {
        color:#9E9E70;
        background-color:#9E9E70;
        height:1px;
        border:none;
}
pre, code, tt {
        font-size:100%;
        line-height:1.4em;
        color:#7A4707;
}
pre {
        margin-top:1em;
        margin-bottom:1em;
}

td { vertical-align:top;
     padding-top:0;
     margin-top:0; }

/* Text */

h1, h2, h3, h4, h5, h6 {
        font-family: verdana, lucida, helvetica, sans-serif; 
        line-height:104%;
        margin:1em 0 0.1em 0;
}
h1, .h1 {
        font-size:170%;
        color:#00008B; /*blue;*/ /* color:#900;*/  /* color:#000090; */ /* color:#e24628; */
        margin:0.3em 0 0.4em 0;
}
h2, .h2 {
        font-size:145%;
        display:block;
        background-color:#F3EDE7;
        color:#000090; /*blue; /* color:#900;*/
        padding:0.2em 0.7em;
        /* margin:1em -0.7em 0.15em -0.7em; */
        height:auto;
}
h3 { font-size:115%; 
     color:#000090; 
     background-color:#F0F0F0; /*blue; /* color:#900;*/
     padding:0.2em 0.7em; }
     
h4 { font-size:125%; color:#000090; /* color:#900;*/}
h5 { font-size:110%; color:#000090; /* color:#900;*/}
h6 { font-size:95%; color:#000090; /* color:#900;*/}

/* Links */

:link:focus,
:visited:focus,
:link,
:visited,
:link:active,
:visited:active {
        text-decoration:none;
        color:#1e5bbd;
        background-color:transparent;
}
:link:hover,
:visited:hover {
        text-decoration:underline;
        background-color:#b4d5ff;
        color:#1559B3;
}
a:link img,
a:visited img,
a:hover img,
a:active img {
        background-color:transparent;
}
th a:link,
th a:visited {
        font-weight:bold;
}

/* Forms */

form { 
        display:inline;
        margin:0;
        padding:0;
}

textarea {
        font-family:monospace;
        font-size:100%;
        margin:0.25em 0;
}

input, select {
        font-family:verdana,arial,sans-serif;
        padding:1px;
        /*background-color:#E8F1F9;*/
}
select {
        padding:0;
        font-size:100%;
}
fieldset {
        border:1px solid #22638c;
        padding-left:1em;
}
legend {
        padding: 0.2em 1em;
        color:#8490A1; /* .GrayText value */
        font-size:95%;
        border:1px solid #8490A1; /* .GrayText value */
        background-color:#f8f8f8;
}
label {
        margin-left:0.5em;
        font-size:95%;
        line-height:125%;
}



/*- Menu Tabs --------------------------- */

    #tabs {
      float:left;
      width:100%;
      margin-bottom:20px;
      margin-top:20px;
      /* background:#F4F4F4; */
        background-color:#F3EDE7;
        color:#000090; /*blue; /* color:#900;*/
      /* font-size:93%; */
      font-size:120%;
      line-height:normal;
      }
    #tabs ul {
      margin:0;
      padding:0px 0px; 
      list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      margin:0;
      padding:5px 10px 5px;
      text-decoration:none;
      }

    #tabs a.selected {
      background-color: #F3DDD7; /* #F3EDE7; */
      }          
    
    #tabs a:hover {
      color:#00008B; /* = darkblue */
      background-color:#b4d5ff;
      }


#tabsDetails {
  min-height:470px; 
  clear:both;
   }  

#tabsDetails ul {
  margin-right:1em;
}

#tabsDetails li {
  margin-bottom: 0.8em;
  }          

#Microblog li {
  margin-bottom: 0em;
}  

#tabsDetails li a:first-child {
  display:block;
  }             

#Microblog li a:first-child {
  display:inline;
}

#Microblog {
  overflow-y:scroll;
  height:457px;
  width:918px;
  margin:1em 20px 0em 20px;
  border:solid #9E9E70 1px;
}
     
.clear {
  clear:both;
  }            

/* --- Footer --------------------------------------------- */

a img {
  border:none;
  }          
  
#footer {
  margin:1em auto 0em auto;
  width:925px;
  position:relative;
  left:5px;
  }

.group {
  display:inline-block;
  }


#footer img {
  margin:0px 2px;
  }
  
img[src="bsp.png"] {  
  border:solid gray 1px;
  }
  
img[src="linked_in.png"] {
  position:relative;
  top:-5px;
  }                 

#technical {
  position:relative;
  top:5px;
  }