
 
HTML{		
margin: 0px;
padding: 0px;}



BODY{
background-color:#000000; 
background-image:url(images/bgShadow.jpg); 
background-position: center Center; 
background-attachment:fixed; 
background-repeat:repeat-y; 
border-width:0px; 
border-style:Solid; 
height: 100%;		
margin: 0px;
padding: 0px;
text-align: center; 
margin-left: auto; 
margin-right: auto; 
color:#f09080; 
font: verdana, sans-serif; font-size: 10px;
}

BODY.popup{
background-color: #ffffff; 
background-image:url(); 
background-position: top Center; 
background-attachment:fixed; 
background-repeat:repeat-y; 
border-width:0px; 
border-style: Solid; 	
margin: 0px;
padding: 0px;
text-align: center; 
margin-left: auto; 
margin-right: auto; 
color:#f09080; 
font: verdana, sans-serif; font-size: 10px;
}

#wrapper{		
width: 700px; 
neight: 100%;
margin-left: auto; 
margin-right: auto;  
margin-top: 0px; 
margin-bottom: 0px;
text-align: center; 
padding: 0px;
border: 0px red solid; 
background: transparent url() no-repeat 0px 0px;
}


#banner {
position: fixed;
z-index: 20;
height: 150px; 
width: 700px;
margin-right: 0px; 
margin-left: 0px;  
margin-top:  20px; 
margin-bottom: 0px; 
padding-top: 10px; 
background: transparent url(images/banner.png) 30px 0px no-repeat; 
border: 0px blue solid; 
text-align: left; }


#centerbox{
position: fixed; 
z-index: 30;
width: 555px; 
height: 100%; 
margin-right: auto;
margin-left: 72px; 
margin-top: 10px; 
margin-bottom: 0px; 
padding:0px ;
padding-top: 0px;
padding-bottom: 0px;
border: 0px yellow solid;  
background:transparent url(images/Book.png) -5px 0px  no-repeat; 
overflow: normal;
}

#movie{ 
width: 200px; 
height: 120px; 
margin-right: 0px;
margin-left: -10px; 
margin-top: 400px; 
margin-bottom: 0px; 
padding:0px ;
padding-top: 0px;
padding-bottom: 0px;
border: 0px green solid;  
background:transparent url(mages/AlphaWhite65.png) repeat; 
overflow: normal;
}

#popup{ 
width: 650px; 
height: 395px; 
margin: 0px auto 0px auto; 
padding: 0px;
border: 0px #000000 solid;  
background:transparent url(images/PopUpWindow.jpg) no-repeat 30px 0px; 
overflow: hidden;
}

#innerpopup{
float: left;
width: 280px;
padding: 0px 10px 0px 10px;
}

#innerpopup2{
float: left;
width: 295px;
padding: 0px 10px 0px 10px;
}

#menuright{  
position:fixed;
z-index:50;
width:130px; 
height: 100%;
margin-right:0px; 
margin-left: 520px;  
margin-top: 0px; 
margin-bottom: 0px; 
padding: 120px 0px 0px 0px; 
padding-bottom: 0px; 
border:  solid 0px blue; 
background: transparent url() 0px 0px repeat; 
text-align: left;}
	


#menuleft{
position:fixed;
z-index:50;
width: 130px; 
height: 95%;
background:transparent url() repeat 0px 0px;
margin: 0px 0px 0px  60px;
padding: 120px 0px 0px 0px; 
border: solid 0px red;
}


.musiccontrols{
width: 120px;
height: 120px;
margin-left: 10px;
margin-top: 20px;
background: transparent url(images/music-controls.png)
}

 

.spacer1 {height: 10px}
.spacer2 {height: 25px}
.spacer3 {height: 50px}
.spacer4 {height: 100px}
.spacer5 {height: 150px}
.spacer6 {height: 200px}
.spacer7 {height: 250px}
.spacer8 {height: 300px}



 
#buttonsleft a {
background-color: transparent;  
margin: 0px;
padding-top: 40px;
border: 0px solid green; 
text-align: center;}


#buttonsleft a:hover {
background:transparent; 
margin; 0px;
padding-top: 40px;
}


#buttonsright a {
background-color: transparent; 
padding-top: 40px;
border: 0px solid green;}


#buttonsright a:hover {
background: transparent; 
padding-left: 0px;
}


a:link { 
font-family: "courier new",serif;  
font-size: 11px;
color: #000060; 
background: none; 
font-style: normal; 
font-weight: bold ; 
letter-spacing: 1px; 
text-decoration: none; 
}

a:visited { 
font-size: 11px;
font-style: normal; 
font-weight:bold; 
letter-spacing: 1px; 
color: #000060;
text-decoration: none }

a:hover {
font-weight:bold;
color:#0000f0}
 
a:active {
font-weight:bold;
color: #0000f0; }
 
 
.hidden a:link { 
font-family: "courier new",serif;  
font-size: 1%;
color: #000060; 
background: none; 
font-style: normal; 
font-weight: bold ; 
letter-spacing: 0px; 
text-decoration: none;
visibility: hidden; 
}

.hidden a:visited { 
font-size: 1%;
font-style: normal; 
font-weight:bold; 
letter-spacing: 1px; 
color: #000060;
text-decoration: none }

.hidden a:hover {
font-size: 1%;
font-weight:bold;
text-decoration:underline;
color:#000060}
 
.hidden a:active {
font-size: 1%;
font-weight:bold;
color: #700000; }
 
 




 
 
H1 { 
margin: 45px 10px 0px 0px; 
padding: 0px 0px 0px 5px;
line-height: 20px;
font-family: "courier new", serif; 
color: #000000; 
font-size: 12pt;
letter-spacing: 3px;
font-weight: bold; font-style: normal;
border-bottom: 1px  solid  #000000;  
background: transparent url(); 
text-align: left; 
 }
 
H1.hidden {
visibility: hidden;
font-size: 1%
}
 


p {
line-height: 16px; 
margin:10px ;
font-family: verdana, sans-serif; 
font-variant:normal; 
letter-spacing:0px;
text-shadow: none; 
font-weight: normal; 
font-style:bold; 
color: #000000; 
font-size:10px; 
text-align: left}
 

 
p.hidden{
visibility: hidden;
font-size: 1%;
margin-top: -50px;
}
 

.credit1{
width: 100px;
float:left;
padding-left: 5px;
font-family: "courier new", courier;
font-weight: bold;
font-size: 12px;
color: #400000;
text-align: left;
}

.credit2{
float: right;
width: 120px;
font-family: "courier new", courier;
font-weight: bold;
font-size: 12px;
color: #000000;
text-align: left;
}

p.menuleft{
}

p.menuright{
padding-right: 6px;
margin-bottom: 0px;
}






LI { 
list-style: square outside; 
color:#b0b0f0; 
text-align: left;
margin-bottom: 0px; }
  
ul.Horizontal li {
display: inline; 
margin-left: 0px;  
margin-right: 0px; 
margin-bottom: 0px;  
font-family: verdana, sans-serif; 
font-variant:normal; 
letter-spacing:0px;
text-shadow: none; 
font-weight: normal; 
font-style:normal; 
color: #ff9660; 
font-size:8px; 
text-align: left; 
text-indent: 0em; 
}


ul.Bullets li {
margin-left: 0px;  
margin-right: 10px; 
margin-bottom: 0px; 
margin-top: 20px; 
font-family: verdana, sans-serif; 
font-variant:normal; 
letter-spacing:0px;
text-shadow: none; 
font-weight: bold; 
font-style:normal; 
color: #502020; 
font-size:10px; 
text-align: left; 
text-indent: 0em; 
}




img.button{
margin-left: 0px; 
margin-right: 0px; 
margin-bottom: 0px; 
padding-left: 0px; 
border: 0px}

img.button2{
margin-left: auto; 
margin-right: auto; 
margin-top: -20px; 
padding: 0; 
border: 0px}

img.po{
margin-top: 10px;
margin-left:0px;
border:0
}

img.wr{
margin-left: 10px; 
margin-right: 0px;
 margin-top: -90px;
margin-bottom: 0px; 
padding-left: 30px; 
border: 0px}

img.border1{
margin-left: 30px; 
margin-right: 10px; 
margin-bottom: 0px; 
padding-left: 0px; 
border: 3px solid #101020 #909090 #909090 #101020;}

img.border2{
margin-left: 10px; 
margin-right: 0px; 
margin-top: 520px; 
padding-left: 0px; 
border: 2px solid #101020 #808080 #808080 #101020;}

img.border3{
margin-left: 0px; 
margin-right: 0px; 
margin-top: 10px; 
padding-left: 0px; 
border 2px solid #101020 #404050 #202030 #101020;}




img.floatleft{
float:left;
margin: 50px 5px 5px 5px; 
border: none; padding: 0px;}
 
img.floatright{
float:right;
margin-top: 10px; 
margin-right: 20px; 
margin-bottom: 10px; 
border: none; 
padding: 0px;}
 
BODY{
scrollbar-arrow-color:#a0a0a0;
scrollbar-3dlight-color:#161616;
scrollbar-highlight-color:#161616;
scrollbar-face-color: #161616;
scrollbar-shadow-color:#161616;
scrollbar-darkshadow-color:#161616;
scrollbar-track-color:#303030;
}
