body {
background-color: #000000;
margin: auto 0;
}

p {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
width: 95%;
color: #000000;
}

p.small {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
width: 95%;
color: #000000;
}

p.blue {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
width: 95%;
color: #0B19CC;
}

h1 {
font-family: Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;
font-size: 16px;
color: #000000;
}

h2 {
font-family: Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;
font-size: 16px;
color: #3F2D54;
}

a:link {
color: #000000;
text-decoration: none;
font-weight: bold;
}
a:visited {
color: #000000;
text-decoration: none;
font-weight: bold;
}
a:hover {
color: #ffffff;
font-weight: bold;
}
a:active {
color: #ffffff;
font-weight: bold;
}

a.dark:link {
color: #000000;
text-decoration: none;
font-weight: bold;
}
a.dark:visited {
color: #000000;
text-decoration: none;
font-weight: bold;
}
a.dark:hover {
color: #828181;
font-weight: bold;
}
a.dark:active {
color: #828181;
font-weight: bold;
}

#body {
z-index: 20;
background-color: #ffffff;
height: 420px;
width: 760px;
margin-top: -210px;
margin-left: -380px;
position: absolute;
top: 50%;
left: 50%;
}

#banner {
z-index: 10;
background-color: #000000;
height: 60px;
width: 760px;
margin-top: -210px;
margin-left:-380px; 
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
position: absolute;
top: 50%;
left: 50%;
background-image: url("../Backgrounds/Title2.gif");
background-position: 0% 0%;
background-repeat: no-repeat;
}

#navigation {
z-index: 22;
height: 30px;
width: 760px;
margin-top: -150px;
margin-left: -380px;
border-bottom: 2px solid #ffffff;
position: absolute;
top: 50%;
left: 50%;
}

#main {
z-index: 20;
background-color: #ffffff;
height: 360px;
width: 760px;
margin-top: -150px;
margin-left: -380px;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
position: absolute;
top: 50%;
left: 50%;
background-image: url("../Backgrounds/bg2.jpg");
background-position: 0% 0%;
background-repeat: no-repeat;
}

#text {
z-index: 23;
width: 700px;
height: 300px;
text-align: top;
margin-top: -130px;
margin-left:-365px;
position: absolute;
top: 50%;
left: 50%;
}

#photoarea {
z-index: 24;
width: 300px;
height: 300px;
text-align: top;
margin-top: -130px;
margin-left: 100px;
position: absolute;
top: 50%;
left: 50%;
}

#right {
z-index: 25;
height: 300px;
width: 20px;
margin-top: -130px;
margin-left: 364px;
position: absolute;
top: 50%;
left: 50%;
}

#footer {
z-index: 23;
height: 50px;
width: 760px;
margin-top: 170px;
margin-left: -380px;
border-top: 2px solid #ffffff;
position: absolute;
top: 50%;
left: 50%;
}

#download {
z-index: 30;
height: 30px;
width: 250px;
margin-top: 180px;
margin-left: 100px;
position: absolute;
top: 50%;
left: 50%;
}

div#hold	{ 
	position:relative; overflow:hidden;
	width:480px; height:250px; 
  z-index:100;
	}
div#wn	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:480px; height:250px; 
	clip:rect(0px, 700px, 300px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
div.content { 
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	z-index:1; 
	}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar { 
  position:relative; left:0; top:0;
  width:8px; height:250px; 
  font-size:1px; z-index:1;
  }
div#track { 
  position:absolute; left:0; top:12px;
  width:8px; height:226px;
  background: #FFffff repeat;
  z-index:1;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:6px; height:20px;
  background-color:#000000;
  z-index:1;
  }  
div#up { position:absolute; left:0; top:0; z-index:2 }  
div#down { position:absolute; left:0; bottom:0; z-index:3 }