html{ height: 100%; padding 0; margin: 0; }
body{
	margin: 0;
	padding: 0;
	border: none;
	height:100%;
	background: #000;
	color: #888;
	font: 12pt Arial, Helvetica, sans-serif;
	min-width: 320px;
}

img{
	border: 0px;
	margin: 0px;
}

a{
	color: #f83;
	text-decoration: none;
}

tag{
	color: #f83;
	text-decoration: none;
}


h3{
	margin-top:0px;
  color: yellow;
}

/* white text on black background */
ul{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color:   #eee; /* #a00; */
	padding-left: 5px;
}

/* indent bullets */
ul li{
    margin-left: 50px;
}

/* need to allow black text if background is white */
ul txt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:   #555;
	padding-left: 0px;
}


dl{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color:   #666666; /* #a00; */
	padding-left: 5px;
}

dt{
    font-weight: bold;
    padding-top: 5px;
}

#wrap{
 width:100%;
 height: 100%;
 max-width: 1280px;
 min-width: 320px;
 min-height: 100%;
 margin: auto;
 margin-top: 0px;
 padding:0;
 background-color: #000;
 background-image: url('./universe.jpg');
 background-repeat:no-repeat;
}

.header{
	overflow: hidden;
	margin: 10px 0px;
	padding: 0px;
    text-align:left;
    color: #fff;
    font-size: 150%;
}

.menu{
	float: left;
	width:18%;
}
.menu a{
	display:inline-block;
	color: #88f;
	padding:5px;
	width: 90%;
	background-image: url('trans50.png');
	margin-bottom: 5px;
	font-weight: bold;
	overflow: hidden;
}
.menu a:hover{
 	color: #fff;
 	width:95%;
 }


.content{
    position:relative;
	margin-left:20%;
	padding:10px 10px 20px 10px;
	color: #eee;     
	background-image: url('trans50.png'); 
    z-index: 1;
}

.footer{
	margin: 10px 0px;
	padding: 5px 10px;
	text-align:left;
	background-color:#a00;
	color:#000;
	min-height: 100px;
}

.footer a{
	color: #333;
	text-decoration: underline;
}

.menu bordered{
	border-style:solid;
    border-width: 2px;
	border-color: #287EC7;
} 

/* define the text environment as white paper 
.bjtext{
	margin-left:20%;
	padding:10px 10px 20px 10px;
	color:  #666666;
	background-color: white;
	width: 75%;
    max-width: 800px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 21px;
}
*/

.bjlink{
	float: left;  
	color: #00f;
}

.bjlink a{
	color: #00f;
	padding:0px;
	font-weight: bold;
}

.bjlink a:link{
	color: #fff;
	padding: 0px;
	font-weight: bold;
}

.bjlink a:hover{
 	color: #f00;
}


.bjlabel{
	float: left;
	width: 100%;      
}

.bjlabel a{
	display:inline-block;
	color: #fff;
	padding:5px;
	width: 90%;
	background-image: url('trans50.png');
	margin-bottom: 5px;
	font-weight: bold;
	overflow: hidden;
}



.bjtext{
    position:relative;
	margin-left:20%;
    /* max-width: 5800px;  */ 
	padding:10px 20px 20px 10px;
	color: #fff;     
/*	background-image: url('BlankW.png');  */
    background-color: white;
    opacity: 1.0;
}

.bjtag{
	float: left;  
	width: 120px;
    background-size: contain;
}
.bjtag a{
	display:inline-block;
	color: #88f;
	padding:5px;
	background-image: url('trans50.png');
	margin-bottom: 5px;
	font-weight: bold;
	overflow: hidden;
}
.bjtag a:hover{
 	color: #ff0;
}

.bjgoto{
	width: 120px;
    background-size: contain;
}
.bjgoto a{
	display:inline-block;
	color: #88f;
	padding:0px;
/*	background-image: url('trans50.png'); */
	margin-bottom: -4px;
    margin-left: 10px;
	font-weight: bold;
	overflow: hidden;
}
.bjgoto a:hover{
 	color: #ff0;
}

.bjump{
	width: 500px;
    background-size: contain;
}
.bjump a{
	display:inline-block;
	color: #00f;
	padding:0px;
/*	background-image: url('trans50.png'); */
	margin-bottom: -4px;
    margin-left: 10px;
	font-weight: bold;
	overflow: hidden;
    line-height: 24px; 
    font-size: 16px;    
}
.bjump a:hover{
 	color: #f00;
}


/* define the main text style */
.bodytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color:   #666666; /* #a00; */
	padding-left: 5px;
}
.bodytextsmall{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #666666;
	padding-left: 5px;
}
.bodytextindent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 21px;
	color: #666666;
	padding-left: 25px;
}

.bottombar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	padding-left: 5px;
}

.BJ_inlinecourierfont {
    font-family: "Courier New", Courier, monospace ;
	font-size: 12px;
	line-height: 21px;
	color: #333333;
	padding-left: 0px;
}
.BJ_smallmonofont {
    font-family: "Courier New", Courier, monospace e;
	font-size: 11px;
	line-height: 12px;
	color: #333333;
	padding-left: 0px;
}
.BJ_indent {
	margin-left: 40px;
}
.bodytext img {
}

.BOOKTITLE {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-weight: 400;
	color: #AAA;
	line-height: 25px;
}
.CHAPTITLE {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 400;
	color: #000; /*  #AAA; */
	line-height: 0px;
}
.PAGETITLE {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: 800;
	color: #000; /*  #AAA; */
	line-height: 25px;
}
.PAGESUBTITLE {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 800;
	color: #333;
	line-height: 25px;
}
.PAGESUBSUBTITLE {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 800;
	color: #AAA;
	line-height: 18px;
	padding-left: 20px;
}

.image_float_right {
	float: right;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.image_float_left {
	float: left;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}