body {
  padding:0;
  margin:0;
}


#top {
  position:absolute;
  top:150px;
  left:8px;
  height:200px;
  width:100%;

}

#main {
  position:absolute;
  top:195px;
}

#bottom {
  position:absolute;
  top:494px;
  left:-16px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:9px;
  font-style:normal;
  color:#999999;
}

#middletable {
background-color:#FFFFFF;
border-top-width:1px;
border-top-style:solid;
border-top-color: #999999;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#999999;
}

#sketchbook {
position:relative;
top:0px;
background-color:#ff6633;
}

#pages {
position:relative;
left:75px;
top:30px;
color:#FFCC00;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-style:normal;
}

#text {
color:#FFFFCC;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
}

#copyright {
font-size: 10px;
color:#CCCCCC;
font-family: Arial, Helvetica, sans-serif;
}

a:link {
color:#FFFFCC;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

a:visited {
color:#FFFFCC;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

a:active {
color:#FFFFCC;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

a:hover {
color:#333333;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

.numbers {
	font-size: 8px;
	color:#000000
}