@charset "utf-8";
/* CSS Document */


body {
	padding:0px;
	margin:0px;	
	}
div {
	padding: 0px;
	margin: 0px;
	}
#sideNav {
	padding:0px;
	margin:0px;
	float:left;
	width:30%;
	height: 500px;
	} 

ul {
	list-style:none;
	}
li {
	margin:0px;
	padding:0px;
	}
#navLink li {
	padding-left: 20px;
	}
.counting {
	margin-left: 20px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;	
	}
.nav {
	margin-top: 2px;
	margin-bottom: 2px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;	
	}
#table {
	float: right;
	padding-left:75px;
	margin-right: 30%;
	}
#paragraph {

	float: right;
	width:70%;
	height: 400px;
	}
#words {
	padding: 30px;
	padding-left: 15%;
	margin: 5%;
	margin-right: 30%;
	font-family:"Courier New", Courier, monospace;
	width: 350px;
	height: 275px;
	float: right;
	overflow:auto;
	}
#holder {
	background: url(images/backgrad2.gif) repeat-y;
	height: 750px;
	}
#top {
	
	background:url(Images/graph_03.gif);
	margin:0px;
	padding:0px;
	z-index:1;
	}

#drop {
	position: absolute;
	z-index: 1;
	padding:0px;
	margin:0px;
	height:10px;
	width:100%;
	background-image:url(Images/dropshadow_03.gif);
	}
img {
	border:0px
	}
.sub {
	vertical-align: sub;
	font-size:small;
	}
#title {
	padding: 20px;
	}
#subtitle {
	padding-left:50px;
	padding-bottom:20px;
	}
#systems {
	background:url(images/countinggrad.gif) no-repeat;
	}
#systems:hover {
	background: url(images/onSystem.gif) no-repeat;
	}
#history {
	background:url(images/historygrad.gif) no-repeat;
	}
#history:hover {
	background: url(images/onhistory.gif) no-repeat;
	}
#base2 {
	background:url(images/base2grad.gif) no-repeat;
	}
#base2:hover {
	background: url(images/onBase2.gif) no-repeat;
	}
#base8 {
	background:url(images/base8grad.gif) no-repeat;
	}
#base8:hover {
	background: url(images/onBase8.gif) no-repeat;
	}
#base10 {
	background:url(images/base10grad.gif) no-repeat;
	}
#base10:hover {
	background: url(images/onBase10.gif) no-repeat;
	}
#base16 {
	background:url(images/base16grad.gif) no-repeat;
	}
#base16:hover {
	background: url(images/onBase16.gif) no-repeat;
	}
#base64 {
	background:url(images/base64grad.gif) no-repeat;
	}
#base64:hover {
	background: url(images/onBase64.gif) no-repeat;
	}
#page2 {
	background:url(images/scrible2.gif) no-repeat;
	}
#page2:hover {
	background: url(images/onBase2.gif) no-repeat;
	}
#page10 {
	background:url(images/scrible10.gif) no-repeat;
	}
#page10:hover {
	background: url(images/onBase10.gif) no-repeat;
	}
#page8 {
	background:url(images/scrible8.gif) no-repeat;
	}
#page8:hover {
	background: url(images/onBase8.gif) no-repeat;
	}
#page16 {
	background:url(images/scrible16.gif) no-repeat;
	}
#page16:hover {
	background: url(images/onBase16.gif) no-repeat;
	}


/************ Table formating ****************************/
table
{
border-collapse: collapse;
border-spacing:0;
border: 1px solid #BA9;
font: 90% "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
padding: 30px;
padding-left: 15%;

}
 caption{
  padding: 0 .4em .4em;
  text-align: center;
  font-size: 110%;
  font-weight: bold;
  text-transform: uppercase;
  color: #453827;
  background: transparent;
  }
	
tr{

}
td, th {
  border: 1px solid #BBAA99;
  padding: .3em;
	font-size: 0.9em;
color: #666;
  }
thead th, tfoot th, tfoot td {
	border: 1px solid #BA9;
	text-align: left;
	font-weight: bold;
	font-size: 100%;
	background: #BA9 url("thbg.gif") repeat-x top left;
	color: #FFF;
}
 tbody th,thead th,tbody td {
	vertical-align: top;
	text-align: center;
}

tbody tr:hover td, 
tbody tr:focus td,
tbody tr:hover th,
tbody tr:focus th
{
	background: url("images/ntable.png")  repeat-x top left;
	color: #000;
}