
/*layout styles*/
body	{
margin: 0;
padding: 10px;
overflow: hidden;
}

.linkbox	{
position: absolute;
left: 10px;
top: 75px;
width: 140px;
}

iframe.infobox	{
position: absolute;
left: 160px;
width: 85%;
top: 15px;
height: 725px;
overflow: hidden;
}

/*font, color styles*/
body {background-color: #dddddd;} 

a:link, a:visited, button#printbutton {
display: block;
color: #ff9966;
background-color: white;
font-weight: bold;
font-size: 13px;
line-height: 16px;
font-family: Arial, Helvetica, sans-serif;
margin: 4px 0 0 0;
padding: 2px;
width: 100%; 
text-decoration: none;
border: 1px solid DarkGray;
}

a:hover {
color: white;
background-color: #ffc9ae;
}

a span {
visibility: hidden;
display: inline;
width: 13px;
height: 11px;
}

a:visited span {
visibility: visible;
background: url(chek.gif) no-repeat;
}

.tutorial-title {
font-weight: bold;
font-size: 18px;
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
position: absolute;
top: 20px;
left: 38%;
z-index: 100;
letter-spacing: 8px;
}

.linkbox-title {
font-weight: bold;
font-size: 12px;
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
letter-spacing: 5px;
color: #717171;
}