/* Set margins for the page  */

#page {margin-left:15%; 
       margin-right:15%
}

/*  left and right coloumn */

#col1 {width: 75%;  
       float:left; 
       padding: 1%; 
       margin-top:1%
}
#col2 {width: 20%; 
       float:right; 
       padding: 1%; 
       border-left:dotted 1px gray; 
       margin-top:1%;
}
#foot { clear: both; }


/* Horizontal navigation bar */

#nav{text-decoration:none; color:navy}
#nav a{padding-right:10px;  font-weight:bold; font-size:medium; text-decoration:none; color:navy}
#nav ul li{list-style-type:none; display:inline; text-decoration:none; color:gray}

/* Horizontal rule  */

#hrr{width:100%; border-bottom: dotted 1px gray}

 /* General definitions */

h1 {font-family:Sans-Serif}
h3 {font-family:Sans-Serif}
h3.gray {font-family:Sans-Serif; 
           color:gray; 
           font-weight:normal
}
h4 {font-family:Sans-Serif; 
     color:black; 
     font-weight:bold; 
     font-size:small
}
p  {font-family:sans-serif; 
    font-size:small
}
p.xsmall  {font-family:sans-serif; 
    font-size:xsmall
}
li {font-family:sans-serif; 
    font-size:small;
    list-style:square;
    color:gray
}
a  {text-align:center; 
    text-decoration:none; 
    color:navy
}
.small{ padding-right:10px; 
           font-size:small; 
           text-decoration:none; 
           color:black
}

/* Classes for the publication list */

.title{font-family:sans-serif; 
         font-size:small; 
         color:black; 
         font-weight:bold
}
.authors{font-family:sans-serif; 
           font-size:small; 
           color:black
}
.journal{font-family:sans-serif; 
         font-style:italic; 
         font-size:small; 
         color:black
}

/* Image class */

img.left{float:left; 
         margin-right:5%
}
img.right{float:right; 
         margin-right:5%
}

/* Figure class */

div.figure {
  float: left;
  width: 100%;
  /* border: thin silver solid; */
  border-bottom: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.figure p {
  text-align: left;
  font-style: italic;
  font-size: 10pt;
  color:gray;
  text-indent: 0;
}
img.scaled {
  width: 100%;
}
div.figure2 {
  float: left;
  width: 100%;
  /* border: thin silver solid; */
  /* border-bottom: thin silver solid; */
  margin: 0.5em;
  padding: 0.5em;
}
div.figure2 p {
  text-align: left;
  font-style: italic;
  font-size: 8pt;
  color:gray;
  text-indent: 0;
}
img.scaled {
  width: 100%;
}