html {

}

h2 {
font-size: 14pt;
margin:5px 0px;

}

h3 {

margin:5px 0px;

}

p {

margin:11px 0px;

}


 a:link{
 text-decoration:none;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */

 }
 a:visited{color:#ff9999;}
 a:hover{
 color:#ff9999;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);
         }


 a:active{color:#ff9999;}



img.icons {
height:48;
width:48;
margin: 9px 0px;
border-radius:50%;
  }




 body
 {
width: 100%;
height: 100%;
position: static;
text-align:center;font-family:Open Sans,Helvetica,Arial;




 }

 
  .left {
 position: absolute;
 height: 350px;
 width: 80px;
 margin: -175px -500px 0px 0px;
 top: 50%;
 left: 0%;
border-radius:0px 25px 25px 0px;
/* box-shadow: 2px 2px 4px #111111;  */


 filter: alpha(opacity = 85); /* IE 6, 7, 8 */
 -ms-filter: "alpha(opacity = 85)"; /* ab IE 8 zusätzlich möglich */
 opacity: .85; /* alle anderen Browser einschließlich IE 9 */


background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */



 }
 

 .main {
 position: absolute;
 height: 550px;
 width: 1000px;
 margin: -275px 0px 0px -500px;
 top: 50%;
 left: 50%;
border-radius:15px;
/* box-shadow: 2px 2px 4px #111111;  */


 filter: alpha(opacity = 85); /* IE 6, 7, 8 */
 -ms-filter: "alpha(opacity = 85)"; /* ab IE 8 zusätzlich möglich */
 opacity: .85; /* alle anderen Browser einschließlich IE 9 */


background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */



 }


 .small  {
font-size:10px;

}


.textbox  {
 overflow:scroll;
 margin-left: 20px;
 margin-top: 20px;
 margin-right: 20px;
 margin-bottom: 15px;
height: 520px;
width: 970px;
}

.footer  {

position: fixed;
bottom: 0;
right: 0;
margin:20px;
height:10px;
text-align:right;
color:#ffffff;
width:200px;

}

.bgcredit  {

position: fixed;
bottom: 0;
left: 0;
margin:20px;
width:280px;
height:10px;
text-align:left;
color:#ffffff;
opacity: 0.7;
font-size: 8.5px;


}