@font-face {
  font-family: 'DroidSansMono';
  src: url('DroidSansMono.ttf');
  font-weight: normal;
  font-style: normal;
}

#content{
    position:relative;
    height:100%;
  }
  .mydiv{
    border:1px solid #368ABB;
    background-color:#43A4DC;
    position:absolute;
  }
  .mydiv:after{
    content:no-close-quote;
    position:absolute;
    top:50%;
    left:50%;
    background-color:black;
    width:4px;
    height:4px;
    border-radius:50%;
    margin-left:-2px;
    margin-top:-2px;
  }  
  .spiritualLine{
    position:absolute;
    width:15px;
    border-radius: 50% 20% 80% 80%;
    z-index: 0;
    opacity: .1;
    background-color:#CCC;
  }  
  .naturalLine{
    position:absolute;
    width:10px;
    border-radius: 50% 20% 80% 80%;
    z-index: 0;
    opacity: .1;
    background-color:#CCC;
  }  
  .politicalLine{
    position:absolute;
    width:10px;
    border-radius: 50% 20% 80% 80%;
    z-index: 0;
    opacity: .1;
    background-color:#CCC;
  }  
  .developmentalLine{
    position:absolute;
    width:10px;
    border-radius: 50% 20% 80% 80%;
    z-index: 0;
    opacity: .1;
    background-color:#CCC;
  }  
  .socialLine{
    position:absolute;
    width:10px;
    border-radius: 50% 20% 80% 80%;
    z-index: 0;
    opacity: .1;
    background-color:#CCC;
  }