body {
  margin: 0px;
  padding: 0px;
  background: #ccccff;
  font-family: TimesNewRoman;
  font-size: 14px;
  color: #000099;
  }
div.giulio {
  height: 85px;
  background: url(/images/giulio.jpg) no-repeat;
  background-position: 14px top;
  text-align: center;
  }
h1 {
  font-size: 25px;
  font-weight: bold;
  }
div.content {
  margin-left: 10px;
  padding-right: 10px;
  }
div.content a {
  color: #000099;
  }
div.content a:visited {
  color: #000099;
  }
div.topbar {
  float: left;
  width: 100%;
  background: #ccccff url(/images/tab_pixel.gif) repeat-x top;
  }
div.botbar {
  float: left;
  width: 100%;
  background: #ccccff url(/images/tab_pixel.gif) repeat-x bottom;
  }

table {
  empty-cells: show;
  }

sub {
  font-size: 8px
  }

sup {
  font-size: 8px
  }

table.struct {
  border: thin solid #000099;
  padding: 20px;
  }

table.struct td {
  padding: 5px;
  }

table.dirlist {
  border: thin solid #000099;
  padding: 0px;
  }

table.dirlist td {
  padding: 0px;
  }

ul.simple {
  padding-left: 20px;
  margin-top: 0px;
  margin-bottom: 0px;
  }

/* tabs */
div.tabs a:link, div.tabs a:active, div.tabs a:visited {
  color: #000099;
  }
div.tabs {
  float: left;
  width: 100%;
  background: #ccccff url(/images/tab_pixel.gif) repeat-x bottom;
  }
div.tabs ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  }
div.tabs li {
  display: inline;
  margin: 0px;
  padding: 0px;
  }
div.tabs a {
  float: left;
  background: url(/images/tab_right.gif) no-repeat right top;
  border-bottom: 1px solid #000099;
  font-size: small;
  font-weight: bold;
  text-decoration: none;
  }
div.tabs li#on a {
  border-bottom: 1px solid #ccccff;
  background-position: right bottom;
  }
div.tabs li#on a {
  border-bottom: 1px solid #ccccff;
  background-position: right bottom;
  }
div.tabs a:hover {
  color: #808080;
  background-position: right bottom;
  }
div.tabs span {
  float: left;
  background: url(/images/tab_left.gif) no-repeat left top;
  padding: 5px;
  white-space: nowrap;
  }
div.tabs li#on span {
  background-position: left bottom;
  }
div.tabs span:hover {
  color: #808080;
  background-position: left bottom;
  }

/* rtabs */
div.rtabs a:link, div.rtabs a:active, div.rtabs a:visited {
  color: #000099;
  }
div.rtabs {
  width: 100%;
  text-align: right;
  }
div.rtabs ul {
  list-style: none;
  padding: 5px;
  }
div.rtabs li {
  display: inline;
  margin: 5px;
  }
div.rtabs a {
  background: white;
  font-size: small;
  font-weight: bold;
  text-decoration: none;
  white-space: nowrap;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 3px;
  padding-top: 1px;
  }
div.rtabs a:hover {
  color: #808080;
  }
div.rtabs li#oon a {
  background: #000099;
  color: white;
  }
div.rtabs li#oon a:hover {
  color: #808080;
  }

/* Used to display links as little buttons in the directory structure */
div.struct a {
  background: white;
  font-family: courier new;
  font-size: 9pt;
  text-decoration: none;
  white-space: nowrap;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 2px;
  padding-top: 2px;
  }
div.struct a:hover {
  color: #808080;
  }
div.struct a#onn {
  background: #000099;
  color: white;
  }
div.struct a#onn1 {
  background: #000099;
  color: white;
  }
div.struct a:hover#onn {
  color: #808080;
  }
div.struct a:hover#onn1 {
  color: #808080;
  }

/* Used to display an email address image in line with the text */
img.email {
  position: relative;
  top: 3px
  }

/* Neat table.  Use it with  rules="all" */
table.nice {
  border: thin solid #000099;
  }

table.nice td {
  padding: 2px;
  }