body {
	background-color:#232323;
	font-size:20px;
	font-family:TEMPUS SANS ITC, COMIC SANS MS, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:0.5px;
	color:#eee;
	padding:0px;
	margin:0px;
	margin-bottom:20px;
	text-align:center;
	}

html, body {
     min-height:100.1%;
	}

#Page {
	
	font-size:25px;
	font-family:TEMPUS SANS ITC, COMIC SANS MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #232323;
	text-align: left;
	visibility: visible;
	margin-top: 5px;
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 800px;
	height: 600px 

	
	}

#category {

	font-size:20px;
	font-family:TEMPUS SANS ITC, COMIC SANS MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #232323;
	color: #9a9a9a;
	text-align: right;
	visibility: visible;
	top: 0px;
	padding:10px;
	left: 500px;
	position: absolute;
	width: 300px;
	height: 40px 

	}

#box1 {
	
	background-color: #232323;
	position: relative;
	margin-top: 5px;
	text-align: left;
	border: 5px ridge white;
	width: 700px;
	height: 467px;
	margin-right: auto;
	margin-left: auto;
	float: center;
	
	
	}

#box2 {
	
	background-color: #232323;
	position: relative;	
	height: 25px;
	margin-right: 2px;
	margin-left: 2px;
	margin-top: 5px;
	padding:opx;
	float: center; 

	
	}

#box3 {
	
	background-color: #999999;
	background-image: url(http://eternal-lights.net/Test/Background/1.jpg);
	position: relative;
	border: 5px ridge white;
	margin-top: 5px;
	text-align: left;
	width: 700px;
	height: 467px;
	margin-right: auto;
	margin-left: auto;
	float: center;
	}

#box4 {
	
	background-color: #999999;
	background-image: url(http://eternal-lights.net/Test/Background/3.jpg);
	position: relative;
	border: 5px ridge white;
	margin-top: 5px;
	text-align: left;
	width: 700px;
	height: 467px;
	margin-right: auto;
	margin-left: auto;
	float: center;
	}

#box5 {
	font-size:15px;
	font-family:TEMPUS SANS ITC, COMIC SANS MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing:0.5px;
	line-height: 120%;
	color:#000;
	background-color:#ffffff;
  	border:none;
  	/* for IE */
  	filter:alpha(opacity=40);
  	/* CSS3 standard */
 	 opacity:0.4;
	position: Absolute;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	padding: 5px;
	width: 300px;
	height: 450px;
	margin-right: auto;
	margin-left: auto;
	float: center;
	overflow:scroll;
	}	

#box6 {
	font-size:13px;
	font-family:TEMPUS SANS ITC, COMIC SANS MS, Verdana, Arial, Helvetica, sans-serif;
	
	font-weight: normal;
	letter-spacing:0.5px;
	line-height: 120%;
	color:#000;
	background-color:#ffffff;
  	/* for IE */
  	filter:alpha(opacity=40);
  	/* CSS3 standard */
 	 opacity:0.4;
	position: Absolute;
	margin-top: opx;
	text-align: left;
	
	width: 700px;
	height: 467px;
	margin-right: auto;
	margin-left: auto;
	float: center;
	}	

#box7 {
	
	background-color:#ffffff;
	/* for IE */
  	filter:alpha(opacity=40);
  	/* CSS3 standard */
 	 opacity:0.4;
	position: Absolute;
	margin-top: 0px;
	text-align: left;
	width: 700px;
	height: 465px;
	margin-right: auto;
	margin-left: auto;
	float: center;
	}	

#box8 {
	
	background-color: #232323;
	position: relative;
	margin-top: 5px;
	text-align: left;
	border: 5px ridge white;
	width: 600px;
	height: 600px;
	margin-right: auto;
	margin-left: auto;
	float: center;
	
	
	}

#box9 {
	
	background-color: #232323;
	position: center;
	margin-top: 5px;
	text-align: left;

	width: 800px;
	height: 630px;
	margin-right: auto;
	margin-left: auto;
	float: center;
	
	
	}

#box10 {
	
	background-color: #232323;
	border: 5px ridge white;
	position: relative;
	margin-top: 5px;
	text-align: left;
	width: 590px;
	height: 352px;
	margin-right: auto;
	margin-left: auto;
	float: center;
}



/* .............................. */
/* Links */
/* .............................. */

a {
	color:#232323;
	text-decoration:none;
	border:0;
	

	}

a:hover {
	color:#232323;
	text-decoration:none;
	border:0;
	
	}

a:visited{
	color:#232323;
	text-decoration:none;
	border:0;

	}

img {
	border: none;
	
	}




/* .............................. */
/* Headings */
/* .............................. */

h1 {
    float:left;
	clear:left;
	font-weight:bold;
	font-size:11px;
	letter-spacing:2px;
	color:#eee;
	margin:0px;
	margin-left:5px;
	padding:0px;
	}
	
h1 a {
    text-decoration:none;
	color:#3b3a3e;
	}

h1 a:hover {
	color:#3b3a3e;
    text-decoration:none;
	}

.title {
	font-weight:bold;
	font-size:11px;
	letter-spacing:1px;
	color:#eee;
	margin:0px;
	margin-bottom:5px;
	margin-left:0px;
	padding:0px;
	}

h3 {
	font-weight:bold;
	font-size:11px;
	letter-spacing:1px;
	color:#ddd;
	text-align:center;
	}