/* Top elements */
* { margin:0; padding: 0; }


body {
	background-color: #000000;
 	font: 10px  arial, verdana,tahoma;
 	text-align: center; 
 	margin: 0px 0;
	scrollbar-face-color: #300; 
	scrollbar-shadow-color: #600; 
	scrollbar-highlight-color: #600; 
	scrollbar-3dlight-color: #600; 
	scrollbar-darkshadow-color: #600; 
	scrollbar-track-color: #300; 
	scrollbar-arrow-color: pink; 
}  




/* Global Styles */


	
a {
	color: #ffffff;
	text-decoration:none;
	font-weight:none;
	}
	
a:hover {
	color: #cc0000;
	text-decoration:underline;
	}

td	{
	font:11px arial;
	color:#333333;
	}

hr	{
	color:444444;
	height: 1px;
	text-decoration:none;
	}

	
/* Class Styles */

.logo {
	font:22px times new roman,georgia,verdana;
	color: #ffffff;
	letter-spacing:.4em;
	font-weight:;
	}

.sidebarText
	{
	font: 12px tahoma,arial,verdana,helvetica;
	color: #777;
	letter-spacing: 1px;
	margin-left: 20px;
}

.sidebarText a {
	font: 12px tahoma,arial,verdana,helvetica;
	color: #999;
	letter-spacing: 1px;
	font-weight:bold;
	position:relative;
}


.backingmusic
	{
	font: 9px arial,verdana,helvetica;
	color: #999;
	}

.backingmusic a
	{
	font: 9px arial,verdana,helvetica;
	color: #999;
	}


.contentText
	{
	font: 10px tahoma,arial,verdana,helvetica;
	color: #ffffff;
	letter-spacing:.2em
	font-weight:;
	list-style: none;
	}

.title
	{
	font: 18px arial,verdana,helvetica;
	color: #00ffff;
	letter-spacing:.2em
	font-weight:;
	}

.footerText
	{
	color: #555555;
	font:10px arial,georgia;
	}
	
	
.pageName {
	font:20px georgia;
	color: #CC3300;
	letter-spacing:.1em;
	line-height:26px;
	}
	
	

.imgPort	{
	border: 1px solid #555555
	}
	


/*****************************
      LAYOUT 
******************************/

#intro_page {
   margin: 0 auto;
   padding:0;	
   text-align: center;
   background: url('intro_bg.jpg') no-repeat; 
   width: 796px;
   height: 595px;
   z-index: 0;

	}

#wrap {
   margin: 0 auto;
   padding:0;	
   text-align: left;
   background-color:#000000;
   width: 700px;
   z-index: 0;


}


/* header */
#header {
	position: relative;
   	clear:left;
	width: 700px;
	height: 180px; 
	margin: 0; 
	padding: 0;
	background: ;
	z-index: 0;
	  			
}

#header-title {
	position: absolute;
	margin: 220px 0px 0px 390px; 
	padding: 0;
	background: ;
	z-index: 100;
	}

#arrows {
	position: absolute;
	margin: 280px 0px 0px 664px; 
	padding: 0;
	background: ;
	z-index: 100;
	color: #fff;
	}

#arrows img {
	border-width: 0px;
	}

#news {
	filter: Alpha(opacity=70); 
	opacity: .70; 
	position: absolute;
	margin: 460px 0px 0px 30px; 
	padding: 0;

	z-index: 100;
	color: #888888;
	font: 8pt Arial, Verdana, Helvetica;
	}

#angel {
	filter: Alpha(opacity=95); 
	opacity: .95; 
	position: absolute;
	margin: 252px 0px 0px 96px; 
	z-index: 100;
	}


/* main content */

#content-wrap {
	position: relative;
	clear:both;
   margin:0; padding:0;
	width: 700px;
	background: url('bg2.jpg') no-repeat; 
	z-index: 0;
	height: 450px;	
	
}

/* sidebar */
#sidebar {
	position: relative;
	float: left;
	width: 205px;
	height: 205px;
	margin-left: 0px;
	margin-top: 60px;
	padding: 4px;
	text-align: left;
	z-index: 0;
		 
}





#mainWrap {
	filter: Alpha(opacity=70); 
	opacity: .70; 
	position: relative;
	float: right;
	width: 300px;
	height: 300px;
	margin-left: 0px;
	margin-right: 15px;
	margin-top: 76px;
	line-height: 1.6;
	text-align: left;
	z-index: 0;
	background: url('txtbg.gif') no-repeat; 
	padding: 6px;

}




/* footer */
#footer { 
	clear:both;
	width: 700px;
	height: 20px;
	background: inherit;
	margin: 0;




}
#footer a { 
	text-decoration: none; 
	font-weight: bold;	
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }