p { color: #000000;font-size:18px; font-family: 'Quattrocento', serif; line-height: 28px; margin-bottom: 15px;}
h1 { color: #000000; font-size: 90px; font-family: 'Julius Sans One',sans; padding-bottom: 50px; text-align: left; margin-left: 30px;}
h2 {color:#000000; font-size:28px; font-family: 'Julius Sans One',sans; padding-bottom: 0px;  text-align: left; margin-left: 30px;}
h3 {color:#000000; font-size:18px; font-family: 'Josefin Sans',serif; line-height: 28px; margin-bottom: 15px;}


nav {
	float: left;
	margin-left: 20px;
    max-width: 140px;
    margin: 30;
    padding: 1em;
}

a, a:visited {
  color: #4d4d4d;
  text-decoration: underline;
}

#container {
  width: 2424px;
  padding: 0px 0 0px 0;
  margin-left: 0em;
  margin-top: 5em;
}

#main {
  clear: both;
}

#col {
-moz-column-count: 2;
-webkit-column-count: 2;
-moz-column-gap: 2em;
-webkit-column-gap: 2em;

column-count: 2;
width: 660px;
padding: 70 px 0 0px 0;
margin-left: 145px;
text-align: justify;
}

#controls {
  width: 100%;
  float: center;
  margin-bottom: 10px;
}

.control {
  float: left;
    padding-top:  20px;
  padding-left: 100px;
}

.control a {
  color: black;
  font-size: 12px;
  padding: 5px;
  background: #E2E2E2;
  cursor: pointer;
  margin-right: 20px;
  text-decoration: none;
}

.control a:hover {
  text-decoration: underline;
}

.control a.active {
  color: white;
  background: #555;
}

p.search_title {
  display: inline;
  text-align: left;
  font-weight: normal;
  color: #777;
}

#search_section {
  padding-top:  0px;
  padding-left: 60px;
}

#search_form #search {
  margin-left: 10px;
}

footer p {
  text-align: center;
}

.tooltip {
	width: 100px;
  position: absolute;
  top: 100px;
  left: 100px;
  -moz-border-radius:3px;
  border-radius: 3px;
  border: 2px solid #c0c0c0;
  background: #fff;
  opacity: 0.9;
  color: #000;
  padding: 20px;
  font-size: 20px;
  z-index: 120;
}

.tooltip p.main {
  font-size: 16px;
  text-align: justify;
  padding:0;
  margin:0;
}

hr.tooltip-hr {
  padding:3px 0 0 0;
  margin:3px 0 3px 0;
}

.tooltip .title {
  font-size: 12px;
  line-height: 24px;
}

.tooltip .name {
  font-weight:bold;
}
svg {background-color:#ffffff ;}

line.link {
  color: red;
  style="stroke:rgb(255,0,0);
  stroke-width: 2px;
}
marker#arrow {
    stroke: #999;
    fill: #999;
}