html {
  height: 100%;
}

* { 
  margin: 0;
  padding: 0;
}

body { 
  font: normal .80em arial, sans-serif;
  background: #A9D0D6;
  color: #000;
    padding-left: 10%;
    padding-right: 10%;
}

p { 
  padding: 0 0 20px 0;
  line-height: 1.7em;
}

img { 
  border: 0;
}

h1, h2, h3, h4, h5, h6 { 
  color: #362C20;
  letter-spacing: 0em;
  padding: 0 0 5px 0;
}

a, a:hover {
  outline: none;
  text-decoration: underline;
  color: #FF381A;
}

a:hover { 
  text-decoration: none;
}

ul {
    list-style-type: circle;
  margin: 2px 0 22px 17px;
}

ul li {
  margin: 0 0 6px 0; 
  padding: 0 0 4px 5px;
  line-height: 1.5em;
}

ul li ul {
 list-style-type: disc;
}

.left { 
  float: left;
  width: auto;
  margin-right: 10px;
}

.right { 
  float: right; 
  width: auto;
  margin-left: 10px;
}

.center { 
  display: block;
  text-align: center;
  margin: 20px auto;
}


table { 
  margin: 10px 0 30px 0;
}

table tr th, table tr td { 
  background: #70D4E6;
  color: #FFF;
  padding: 7px 4px;
  text-align: left;
}
  
table tr td { 
  background: #D3F2F7;
  color: #47433F;
  border-top: 1px solid #FFF;
}

.button{text-decoration:none; text-align:center;
    padding:4px 13px;
    border:solid 1px #004F72;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius: 4px;
    font:18px Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#e5ffff;
    background-color:#3BA4C7;
    background-image: -moz-linear-gradient(top, #3BA4C7 0%, #1982A5 100%);
    background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #1982A5 100%);
    background-image: -o-linear-gradient(top, #3BA4C7 0%, #1982A5 100%);
    background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#1982A5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 );
    background-image: linear-gradient(top, #3BA4C7 0% ,#1982A5 100%);
    -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
    -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;
    box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;

}

.button:hover{
     color:#5ff0fa;
 }

blockquote {
    position:relative;
    padding: 40px;
    font-size: 16px;

}

blockquote:before, blockquote:after {
    position:absolute;
    font: bold italic 500% serif;
    color: #004F72;
}

blockquote:before {content: open-quote; left:-30px; top:-20px;}

blockquote:after {content: close-quote; right:10px; bottom: -50px;}