/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
  background-color: #F0F0F5;
}

text {
  font-size: 20px
}

li {

  line-height: 32px
}

.hero-unit {
  padding: 30px;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  background: white;
   -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}



.body-unit1  {
  padding: 30px;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  background-color:   white;
   -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;

}

.box-shadow {
      -moz-box-shadow:    2px 2px 1px 1px #9494B8;
      -webkit-box-shadow: 2px 2px 1px 1px #9494B8;
      box-shadow: 2px 2px 1px 1px #9494B8; 
}

.body-unit2  {
    padding: 30px;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  background-color:   white;
   -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;


}
.body-unit3  {
   padding: 30px;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  background-color:  white;
   -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;

}

.navbar-inner {

background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D1D1FF), to(#D1D1FF), color-stop(.5,   #E0E0FF));
background: -moz-linear-gradient(top, #D1D1FF 0%,   #E0E0FF 50%, #D1D1FF 100%);

}


.nav > li > a {
   font-size: 18px;
   
}

rect.background {
    fill:   #F0F0F5;
    
}

.axis {
    shape-rendering: crispEdges;
}

.axis path, .axis line {
    fill: none;
    stroke: #000;
}


.footer {

    padding:10px 10px 0px 10px;
    margin: 40px 420px 40px 600px;
    width:470px;
    background-color: none;
    font: 20px helvetica;
    color: #2952A3;
    font-weight: 400;
    text-align: center;



}

.yaxis {

    transform: rotate(-90deg);
    position: absolute;
    top: 1100px;
    left:80px;
    width:190px;
    padding: 3px 3px 3px 3px;
    background-color: none;
    font: 22px helvetica;
    color: #2952A3;
    font-weight: 400;
    text-align: center;
}

.blue {
    display:inline-block;
    background-color: #2952A3;
    width: 25px ;
    height: 25px ;
    margin-left: 10px;

}

.yellow {
    display:inline-block;
    background-color: #FFFFA3;
    width: 25px ;
    height: 25px ;
    margin-left: 10px;


}

.whitecontainer {
    background-color: none;
    height:50px;
    display:inherit;
    padding: 0px;
    margin:0px;
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
        -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
    }


}