body
{
background: black repeat scroll 0% 0%;
}

.nav
{
background-image: url(images/Nav.jpg);
background-attachment: fixed;
background-position: 0% 0%;
background-repeat: no-repeat;
width:200;
height:600;
left:8px;
top:8px;
}

a:link{color:white}
a:visited{color:yellow}
a:hover{color: aqua}
a:active{color: red}

.link
{
text-decoration: none;
font-size:80%;
}
.title
{
text-align:center;
white-space:nowrap;
color: white;
font-weight: bold;
font-family: Arial, Helvetica, Sans-Serif;
font-size:150%;
}

.pheader
{
white-space:wrap;
font-family: Arial, Helvetica, Sans-Serif;
font-size: large;
color: red;
}

.pbody
{
white-space:wrap;
font-family: Arial, Helvetica, Sans-Serif;
color: white;
}

.table
{
width: 100%;
border-style:outset;
border-color:#cccccc;
border-width: 2px;
}

.tdheader
{
text-align: center;
width: 15%;
border-style:outset;
border-color:#cccccc;
border-width: 2px;
font: normal normal normal Times New Roman, Times, Serif;
color: red;
}

.tdbody
{
width: 100%;
border-style:outset;
border-color:#cccccc;
border-width: 2px;
font: normal normal normal Arial, Helvetica, Sans-Serif;
color: white;
}

.screenshot
{
border-style:outset;
border-width:1px;
border-color:#cccccc;
}

.tdtutorialh
{
white-space: nowrap;
width: 100px;
padding: 0px 0px 0px 15px;
border:none;
font: normal normal normal Times New Roman, Times, Serif;
color: white;
vertical-align:top;
}

.tdtutorialb
{
white-space: nowrap;
width: 450px;
padding: 0px 0px 0px 25px;
border:none;
font: normal normal normal Times New Roman, Times, Serif;
color: white;
vertical-align:top;
}

.copyright
{
text-align: center;
font: italic normal 80% Times New Roman, Times, Serif;
color: white;
}

.0
{
width: 20px;
border-width: 0;
cursor: hand; 
background-image: url(images/Arrow0.jpg);
} 

.1 
{
width: 20px;
border-width: 0;
cursor: hand; 
background-image: url(images/Arrow1.jpg);
} 

.2
{
width: 20px;
border-width: 0;
cursor: hand; 
background-image: url(images/Arrow2.jpg);
}