body {
  font-size:100%; /*  background-color:#eee; */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e3f2e5+0,ffffff+100 */
  background: #e3f2e5; /* Old browsers */
  background: -moz-linear-gradient(top,  #e3f2e5 0%, #ffffff 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #e3f2e5 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #e3f2e5 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3f2e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#page {
	width: 98%;
	margin: 0 auto;
	background-color:#728f96;
	padding:5px;
  max-width:800px;
}
.headline {
  font-family: Futura, "Trebuchet MS", Arial, sans-serif;
  letter-spacing:5px;
  padding:1%;
  color:white;
  vertical-align:middle;
  text-align:center;
  background-color: #D8E5FE; /* #D7E2FE; #D8E0FE;  #bed4d0; */
}
.headlineimage {
}
.headlinetext {
  color: black;
  vertical-align: middle;
  text-align: center;
  text-shadow: 2px 2px #fff;
}
a:link, a:visited, a:active {
  text-decoration: none;
  color:#1e5799;
}
a:hover {
  color:#052b25;
}
.logo {
  display: inline;
  vertical-align: middle;
}
.jimsky2 {
  /* The blue gradient. */
  background: #1e5799; /* Old browsers */
  background: -moz-linear-gradient(left,  #1e5799 0%,  #5091dc 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1e5799), color-stop(100%,#5091dc)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  #1e5799 0%,#5091dc 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  #1e5799 0%,#5091dc 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  #1e5799 0%,#5091dc 100%); /* IE10+ */
  background: linear-gradient(to right,  #1e5799 0%,#5091dc 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#5091dc',GradientType=1 ); /* IE6-9 */
}
.jimsky3 {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4083cf+0,a8d3e9+100 */
  background: #4083cf; /* Old browsers */
  background: -moz-linear-gradient(top,  #4083cf 0%, #a8d3e9 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #4083cf 0%,#a8d3e9 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #4083cf 0%,#a8d3e9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4083cf', endColorstr='#a8d3e9',GradientType=0 ); /* IE6-9 */
}
.green2 {
  /* The green gradient. Horizontal gradient. */
  background: #052b25; /* Old browsers */
  background: -moz-linear-gradient(left,  #052b25 0%, #08473c 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#052b25), color-stop(100%,#08473c)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  #052b25 0%,#08473c 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  #052b25 0%,#08473c 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  #052b25 0%,#08473c 100%); /* IE10+ */
  background: linear-gradient(to right,  #052b25 0%,#08473c 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#052b25', endColorstr='#08473c',GradientType=1 ); /* IE6-9 */
}
.main {
	float:left;
	background-color:white;
  font-size:1em;
  font-family:Verdana, Geneva, sans-serif;
  line-height:1.5;
	padding-left:1%;
  padding-right:1%;
}
.title {
  font-family: Futura, "Trebuchet MS", Arial, "Droid Sans", sans-serif;
  font-size:1.2em;
  font-weight:bold;
  text-shadow: 2px 1px #000;
  color: #bed4d0;
  text-decoration: none;
  letter-spacing: 8px;
  width:99%;
  margin-bottom:0px;
  border:1px solid black;
  padding-left:5px;
  margin-top:5px;
}
.titlewhite {
  font-family:"Franklin Gothic Bold", "Arial Black", Impact, Haettenschweiler, "Droid Sans", sans-serif;
  font-size:1.2em;
  font-weight:bold;
  /*font-weight:bold;*/
  width:100%;
  margin-top:0px;
  margin-bottom:0px;
  text-shadow: 2px 2px #000000;
}
.butt {
  /* The Done button in the Share dialog box and
  the RETURN button in the Credits page. */	
  padding-top:5px;
  padding-bottom:5px;
  font-size: 1em; 	
  margin-bottom:8px;
  cursor:pointer;
  border-radius: 10px; 
  color:white;
  width:100%; 
  margin-top:10px;
  background-color:#728f96; 
}
.butt:link {background-color:#728f96;}      /* unvisited link */
.butt:visited {background-color:#728f96;}   /* visited link */
.butt:hover {background-color:black;}     /* mouse over link */
.butt:active {background-color:#ef465a;}    /* selected link */
.right {				
  font-size:1em;
  font-family:Verdana, Geneva, sans-serif;
  color:white;
	background-color:#728f96;
	padding:1%;
}
.footer {
  clear: both;
  font-size: 1em;
  font-family: Verdana, Geneva, sans-serif;
  background-color: #4E666C;
  color: white;
  padding: 1%;
  width: 98%;
}
/* Vispo logo styles */
a.vispologo:link, a.vispologo:visited {
  text-decoration:none;
  font-weight:400;
}
a.vispologo:hover {
  text-decoration:none;
  font-size:1.1em;
  font-weight:500;
}
#vispologo {
  font-family: "Times New Roman", Times, serif;
  letter-spacing:2px;
  margin: 0 auto;
  text-align:center;
  text-shadow: 1px 1px #000000;
}
#v {
  color:maroon;
  font-size:1.5em;
}
#i {
  color:yellow;
  font-size:1.2em;
}
#s {
  color:green;
  font-size:0.9em;
}
#p {
  color: #06F;
  font-size: 1.2em;
}
#o {
  color: #FD40F8;
  font-size: 1.5em;
}
/* end of Vispo logo styles */
a.white:link, a.white:visited {
  text-decoration:none;
  color:#bed4d0;
  text-shadow: 1px 1px #000000;
}
a.white:hover {
  color:white;
  text-shadow: 2px 2px #000000;
}
.infoButton {
  line-height: 2.5;
}
.liRollover {
  background:transparent;
  transition:background-color 1s linear;
  padding:5px;
}
.liRollover:hover {
  background: #1e90ff;
  border: 1px solid #666666;
}
.liRollover:active {
  background: #1e90ff;
}
.liRollover:visited {
  background: #1e90ff;
}
.screenshot {
	max-width: 100%;
	height: auto;
  border:1px solid black;
}
.screenshotp {
  text-align:center;
}
/* Regular link style */
a.reg:link, a.reg:visited {
  text-decoration:none;
  color: maroon;
}
a.reg:hover {
  color:#728f96;
}
.menuButton1 {
		/* <span> that encloses the dropcap image. */
    float: left;
		width:2em;
    height:2em;
    padding-right:25px;
 }
 .menuButton2 {
		/* <span> that encloses the dropcap image. */
    float: left;
		padding-right:10px;
    width:3em;
    height:3em;
 }
 .bopButton {
    /* The bop button. */
    float: left;
    /*width:3em;*/
    /*height:3em;*/
    padding-right:10px;     
 }
 .ks {
  /* Keyboard shortcut */
  font-size: 0.7em;
 }
 .centerText {
  text-align: center;
  font-size: 0.9em;
  font-style:italic;
 }
 .centerVideo {
   margin: 0 auto; 
   width: 320px;
   margin-top:12px;
 }
 .centerVideo2 {
  margin: 0 auto; 
  width: 390px;
  margin-top:12px;
}
 #vid2 {
   
 }
 .centerAd {
  text-align: center;
 }
 .pIndent {
  padding-left:15px;
  padding-right:15px;
 }
 img {
   max-width: 100%;
   height: auto;
}
.dropCap1 {
  font-size:5.7em;
  font-weight: bold;
  color: #08473c;
  text-shadow: 1px 2px #000;
  float:left;
  line-height: 0.76;
}
.listButton {
  vertical-align:middle;
}
.manhole {
  margin: 0;
}
@media (max-width:599px) {
  /* For smaller screens  */
  .headlinetext {
    font-size:1.3em;
  }
  .main {
    width:98%;
  }
  .right {
    float:none;
    width:98%;
  }
}
@media (min-width:600px) {
  /* For bigger screens  */
  .headlinetext {
    font-size:1.7em;
  }
  .main {
    width:62%;
  }
  .right {
    float:right;
    width:34%;
    /*height:17080px; */
  }
}