@charset "utf-8";


body {
	margin: 0;
	color: #FFF;

/*	
	background-image: url(Images/EarthBG.jpg);
	*/
	background-repeat: no-repeat;
	background-color: darkblue;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
/*	font-family: Verdana, Arial, Helvetica, sans-serif; */
  font-family: Times, 'Times New Roman', serif;		
	font-size: 16px;
	line-height: 1.4;
	text-decoration: none;
  background: -o-linear-gradient(top, #131370, #131376);			
}	

/*   normal browser size   */
@media (min-width: 860px) {	
	body {background-color: silver;}
  }	
@media (min-width: 860px) {
  .header {width: 76%; float: right; margin-right: 1%; margin-left: 1%; margin-top: 1%;}
  }
@media (min-width: 860px) {  
  .content {width: 76%; float: right; margin-right: 1%; margin-left: 1%; margin-top: 1%;};
  }
@media (min-width: 860px) {    
  .floatbar {float: left; width: 19%; margin-left: 1%;  margin-right: 1%; margin-top: 1%; 
  position: fixed; display: block;}
  }
@media (min-width: 860px) {    
  .footer {width: 76%; float: right; margin-right: 1%; margin-left: 1%; margin-top: 1%;};
  }
@media (min-width: 860px) {    
  .textbox {width: 93%; float: right;};
  }
@media (min-width: 860px) {    
  .button1 {width: 98%; margin-right: 1%; margin-left: 1%;}
  }  
@media (min-width: 860px) {    
  .navbutton {width: 20%; margin-right: 1%; margin-left: 1%; display: none;}
  }    
  
/*   small mobile devives   */
@media (max-width: 859px) {	
	body {background-color: MidnightBlue;}
  }		
@media (max-width: 859px) {
  .header {width: 96%; float: right; margin-right: 1%; margin-left: 2%; margin-top: 1%;}
  }
@media (max-width: 859px) {  
  .content {width: 96%; float: right; margin-right: 1%; margin-left: 2%; margin-top: 1%;};
  }
@media (max-width: 859px) {    
  .floatbar {width: 85%; margin-left: 1%;  margin-right: 1%; margin-top: 4%; 
  position: fixed; display: none; opacity: 1.0; max-width: 240px}
  }
@media (max-width: 859px) {    
  .footer {width: 96%; float: right; margin-right: 1%; margin-left: 2%; margin-top: 1%;};
  }
@media (max-width: 859px) {    
  .textbox {width: 93%; float: right;};
  }
@media (max-width: 859px) {    
  .button1 {width: 98%; margin-right: 1%; margin-left: 1%;}
  }  
@media (max-width: 859px) {    
  .navbutton {width: 20%; margin-right: 1%; margin-left: 1%; display: block;}
  }    
  
  
ul, ol, dl { 
	padding: 0px;
	margin: 0px;
}

h1, h2, h3, h4, h5, h6, p {
	padding-right: 15px;
	padding-left: 15px; 
	margin: 0;
	padding-top: 1px;
	padding-bottom: 1px;
}

a img {
	border: none;
}


.header {
	display: block;
	padding: 12px;
	text-decoration: none;
	font-family: Times, 'Times New Roman', serif;		
	font-weight: bold;
	font-size: 160%;
	text-shadow: silver 6px 4px 8px;
	
	color:  gold;
	background: #009; 
	background: rgba(0, 0, 124, .99);
	-moz-box-shadow:inset 0 0 10px #9CF;
	-webkit-box-shadow:inset 0 0 10px #9CF;
	box-shadow:inset 0 0 10px #9CF;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow:inset 0 0 20px #CACACA;
	-webkit-box-shadow:inset 0 0 20px #CACACA;
	box-shadow:inset 0 0 20px #CACACA;
	
  background: -moz-linear-gradient(top, #003, #226);    
  background: -webkit-linear-gradient(top, #003, #226);
  background: -ms-linear-gradient(top, #003, #226);
  background: -o-linear-gradient(top, #003, #226);		
}


.floatbar {
	float: left;
/*	width: 190px; */
	color: #fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow:inset 0 0 20px #CACACA;
	-webkit-box-shadow:inset 0 0 20px #CACACA;
	box-shadow:inset 0 0 20px #CACACA;
	background: #000000; /* Fallback IE 6-8 */
	background: rgba(0, 0, 0, .6);

	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	font-size: 100%;
	
	background: -moz-linear-gradient(top, #003, #226);    
  background: -webkit-linear-gradient(top, #003, #226);
  background: -ms-linear-gradient(top, #003, #226);
  background: -o-linear-gradient(top, #003, #226);	
	
}

.content {
	float: right;
	padding: 12px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow:inset 0 0 20px #CACACA;
	-webkit-box-shadow:inset 0 0 20px #CACACA;
	box-shadow:inset 0 0 20px #CACACA;
	background: #000000; /* Fallback IE 6-8 */
	background: rgba(0, 0, 0, .5);
	color: #FFF;
	
	text-decoration: none;	
		
  background: -moz-linear-gradient(top, #003, #226);    
  background: -webkit-linear-gradient(top, #003, #226);
  background: -ms-linear-gradient(top, #003, #226);
  background: -o-linear-gradient(top, #003, #226);	


}

 
.ghost {
	background: transparent url("../Images/ghost_anim.gif") 0 0 no-repeat;
	position: absolute;
	top: 200px;
	left: 76%;

  width: 240px;
	height: 240px;

	opacity: 0.0;
	z-index: 2;
}  
  
.anighost {
	background: transparent url("../Images/ghost_anim.gif") 0 0 no-repeat;
	position: absolute;
	top: 200px;
	left: 76%;

  width: 240px;
	height: 240px;

	opacity: 0.0;
	z-index: 2;
}  
  

.button1 {
	color:  #FFF;
	background: #009; /* Fallback IE 6-8 */
	background: rgba(0, 0, 153, .6);
	-moz-box-shadow:inset 0 0 10px #9CF;
	-webkit-box-shadow:inset 0 0 10px #9CF;
	box-shadow:inset 0 0 10px #9CF;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	font-size: 100%;
	padding: 1px;
	text-align: justify;
	margin-top: 8px;
	margin-right: 12px;
	margin-bottom: 0px;
	margin-left: 12px;
	
  background: -moz-linear-gradient(top, #003, #226);    
  background: -webkit-linear-gradient(top, #003, #226);
  background: -ms-linear-gradient(top, #003, #226);
  background: -o-linear-gradient(top, #003, #226);
	
}


.navbutton {
/*  font-family: Arial, Helvetica, sans-serif;		  */
	color:  #FFF;
	background: #009; /* Fallback IE 6-8 */
	background: rgba(0, 0, 153, .6);
	-moz-box-shadow:inset 0 0 10px #9CF;
	-webkit-box-shadow:inset 0 0 10px #9CF;
	box-shadow: inset 0 0 10px #9CF;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
	float: right;
	width:20%;
	font-size: 100%;
	padding: 10px;
	text-align: center;
	margin-top: 1%;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 1%;
	
  background: -moz-linear-gradient(top, #003, #226);    
  background: -webkit-linear-gradient(top, #003, #226);
  background: -ms-linear-gradient(top, #003, #226);
  background: -o-linear-gradient(top, #003, #226);		
  
  cursor: pointer;
  }

.buttonMini {
	color:  #FFF;
	background: #009; /* Fallback IE 6-8 */
	background: rgba(0, 0, 153, .6);
	-moz-box-shadow:inset 0 0 10px #9CF;
	-webkit-box-shadow:inset 0 0 10px #9CF;
	box-shadow: inset 0 0 10px #9CF;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
	float: right;
	width:33%;
	font-size: 100%;
	padding: 10px;
	text-align: center;
	margin-top: 8px;
	margin-right: 20px;
	margin-bottom: 8px;
	margin-left: 20px;
	
  background: -moz-linear-gradient(top, #003, #226);    
  background: -webkit-linear-gradient(top, #003, #226);
  background: -ms-linear-gradient(top, #003, #226);
  background: -o-linear-gradient(top, #003, #226);		
  
  cursor: pointer;
  }

.buttonG {
	color:  #FFF;
	background: #009; /* Fallback IE 6-8 */
	background: rgba(0, 0, 153, .6);
	-moz-box-shadow:inset 0 0 10px #9CF;
	-webkit-box-shadow:inset 0 0 10px #9CF;
	box-shadow:inset 0 0 10px #9CF;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
	float: left;
	width:33%;
	font-size: 100%;
	padding: 10px;
	text-align: center;
	margin-top: 8px;
	margin-right: 20px;
	margin-bottom: 8px;
	margin-left: 20px;
	
  background: -moz-linear-gradient(top, #003, #226);    
  background: -webkit-linear-gradient(top, #003, #226);
  background: -ms-linear-gradient(top, #003, #226);
  background: -o-linear-gradient(top, #003, #226);		
  
  cursor: pointer;

  }

  
  
  
.button2 {
	color:  #FFF;
	background: #009; /* Fallback IE 6-8 */
	background: rgba(0, 0, 153, .6);
	-moz-box-shadow:inset 0 0 10px #9CF;
	-webkit-box-shadow:inset 0 0 10px #9CF;
	box-shadow:inset 0 0 10px #9CF;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	font-size: 62%;
	padding: 1px;
	text-align: justify;
	margin-top: 8px;
	margin-right: 12px;
	margin-bottom: 0px;
	margin-left: 12px;
}



.kleinbox {
	-moz-box-shadow:inset 0 0 8px #CACACA;
	-webkit-box-shadow:inset 0 0 8px #CACACA;
	box-shadow:inset 0 0 8px #CACACA;
	border: 2px solid #666;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-bottom-left-radius:100px;
	-moz-border-radius-bottomleft:100px;
	border-radius: 20px;
	border-bottom-left-radius:100px;
	font-size: 62%;
	text-align: justify;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
}


.video {
	text-align: center;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	font-size: 70%;
}

.textbox {
  background: rgba(255,255,255,0.0);

	display: block;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;
	
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	border: 1px none #FFF;
	text-align: justify;
	font-size: 100%;
	text-decoration: none;	
	
	z-index: 5;
}


.hiddentext {
  background: rgba(255,255,255,0.0);
	width: 93%;
	display: block;

	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;
	
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	border: 1px none #FFF;
	text-align: justify;
	font-size: 100%;
	text-decoration: none;	
	
	z-index: 5;

  }

.tablebox {
	width: 93%;
	display: block;
	margin-top: 20px;
	margin-right: 4%;
	margin-bottom: 20px;
	margin-left: 4%;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	border: 1px none #FFF;
	text-align: center;
	font-size: 72%;
	
}

.table {
	padding: 0;
	width: 100%;
}

.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
}



ul.navMini {
	text-align: left;
	font-weight: bold;
	font-size: 78%;	
	list-style-type: none;
	
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 15px;
	
	padding-left: 8px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
  }

ul.nav {
	margin-bottom: 15px;
	text-align: left;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 8px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	font-size: 78%;
}

ul.navH {
	font-size: 78%;
	text-align: center;
	font-weight: bold;
	list-style-type: none;

	margin-bottom: 0px;		
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;

	padding-top: 0px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 0px;

}

ul ul {
	margin-left: 0px;
	font-weight: normal;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	font-size: 86%;
	list-style-type: none;
	padding: 0px;
}	
	
a {
  color: gold;
 	text-decoration: none;
}

ul.nav a, ul.nav span, ul.nav a:visited, 
ul.navH a, ul.navH span, ul.navH a:visited {
	display: block;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-moz-box-shadow:inset 0 0 12px #CACACA;
	-webkit-box-shadow:inset 0 0 12px #CACACA;
	box-shadow:inset 0 0 12px #CACACA;
	border: 1px solid #666;/* Fallback IE 6-8 */
	border: 1px solid rgba(0, 0, 0, .6);
	text-decoration: none;
	color: silver;
/*	#9CF; */
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 12px;
	margin-top: 5px;
	margin-right: 8px;
	margin-bottom: 5px;
	margin-left: 2px;
}

ul.nav a:hover, ul.nav span,
ul.navH a:hover, ul.navH span{
	color:  #FFF;
	background: #009; /* Fallback IE 6-8 */
	background: rgba(0, 0, 153, .6);
	-moz-box-shadow:inset 0 0 15px #9CF;
	-webkit-box-shadow:inset 0 0 15px #9CF;
	box-shadow:inset 0 0 15px #9CF;
	padding-left: 12px;
}


 ul.nav a:active, ul.nav a:focus,
  ul.navH a:active, ul.navH a:focus {
	color:  #FF0;
	background: #009; /* Fallback IE 6-8 */
	background: rgba(0, 0, 153, .6);
	-moz-box-shadow:inset 0 0 15px #9CF;
	-webkit-box-shadow:inset 0 0 15px #9CF;
	box-shadow:inset 0 0 15px #9CF;
	padding-left: 12px;
	
}


.footer {
	padding: 10px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow:inset 0 0 20px #CACACA;
	-webkit-box-shadow:inset 0 0 20px #CACACA;
	box-shadow:inset 0 0 20px #CACACA;
	clear: both;
	background: #000000; /* Fallback IE 6-8 */
	background: rgba(0, 0, 0, .6);
        color: #FFF;
/*	border: 2px solid #666;*/
/*	width: 76%;
	float: right; */
	text-align: right;
	
		background: -moz-linear-gradient(top, #003, #337);    
    background: -webkit-linear-gradient(top, #003, #337);
    background: -ms-linear-gradient(top, #003, #337);
    background: -o-linear-gradient(top, #003, #337);	
}


.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

img.gold {
/*  align: right;*/
  float: right;
  
	background-color: rgba(0,0,0,0);
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;	
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow:inset 0 0 20px #CACACA;
	-webkit-box-shadow:inset 0 0 20px #CACACA;
	box-shadow:inset 0 0 20px #CACACA;
	clear: both;

	border: 2px solid gold;	
}


img.book {
/*  align: right;*/
  float: right;
  
	background-color: #000000;
	
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow:inset 0 0 2px #CACACA;
	-webkit-box-shadow:inset 0 0 2px #CACACA;
	box-shadow:inset 0 0 2px #CACACA;
	clear: both;

	border: 2px solid grey;	
}

img.bookL {
/*  align: left;*/
  float: left;
  
	background-color: #000000;
	
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow:inset 0 0 2px #CACACA;
	-webkit-box-shadow:inset 0 0 2px #CACACA;
	box-shadow:inset 0 0 2px #CACACA;
	clear: both;

	border: 2px solid grey;	
}



table.tight {
	background-color: #FaaaFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
}


.paytable {
	width: 96%;
	text-align: center;

	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	font-size: 100%;
}

.lb .nu {
 	font-size: 100%;
	padding: 10px;
	text-align: left; 
}