body {
	margin: 0;
	padding: 0;
	border: 0;
	background-color:#000000;
	font-family: "Comic Sans MS", Verdana, Arial, helvetica, sans-serif;
	
}
h2 {
	font-size:16px;
	text-align:center;
	}

td {background-color:#CCCCCC;
	padding-left:4px;
}
p {	font-size:14px;	}

a:link 	  { color:#669966; text-decoration:none;}
a:visited { color:#66CCFF; text-decoration:none;}
a:hover   { color:#0033CC; text-decoration:underline;}


.tbltitle{
	background-color:#999999;
	vertical-align:text-top;
	}

.blurb {
	padding: 20px;
	background-color:#CCCCCC;
	color: #000000;
	display:block;
	clear:float;
	
}
.blurb a {
	color: #000000;
	
}


#wrapper {
	background-color:#000000;
	width:840px;
	margin-left:auto;
	margin-right:auto;
	padding: 0;
	border: 0;
}

#sidebar {
	float: left;
	width: 125px;
	padding: 0;
	margin: 0;
	border: 0;
	
	}
	


  #navbar {
    width: 125px;
    height: 840px;
    background: url(/images/feathers-jpg.jpg);
    margin: 0; 
	padding: 0;
	border: 0;
    position: relative;
	}
  #navbar li {
    margin: 0; 	padding: 0; list-style: none;
    position: absolute;
	}
  #navbar li, #navbar a {
    height: 70px; 
	display: block;
	}
	
  #feather0 {top: 0;    left: 0; width: 125px; padding:0; margin:0; border: 0;}
  #feather1 {top: 71px; left: 0; width: 125px; padding:0; margin:0; border: 0;}
  #feather2 {top: 141px;left: 0; width: 125px; padding:0; margin:0; border: 0;}
  #feather3 {top: 211px;left: 0; width: 125px; padding:0; margin:0; border: 0;}
  #feather4 {top: 281px;left: 0; width: 125px; padding:0; margin:0; border: 0;}
  #feather5 {top: 351px;left: 0; width: 125px; padding:0; margin:0; border: 0;}
  #feather6 {top: 421px;left: 0; width: 125px; padding:0; margin:0; border: 0;}
  #feather7 {top: 491px;left: 0; width: 125px; padding:0; margin:0; border: 0;}
  #feather8 {top: 561px;left: 0; width: 125px; padding:0; margin:0; border: 0;}
  #feather9 {top: 631px;left: 0; width: 125px; padding:0; margin:0; border: 0;}
  #feather10 {top: 701px;left: 0; width: 125px; padding:0; margin:0; border: 0;}
  #feather11 {top: 771px;left: 0; width: 125px; padding:0; margin:0; border: 0;}
  #feather12{top: 841px;left: 0; width: 125px; padding:0; margin:0; border: 0;}
  
  #feather0 a:hover {
    background: transparent url(/images/feathers-jpg.jpg)
    0 -840px no-repeat;}
  #feather1 a:hover {
    background: transparent url(/images/feathers-jpg.jpg)
    0 -910px no-repeat;}
  #feather2 a:hover {
    background: transparent url(/images/feathers-jpg.jpg)
    0 -980px no-repeat;}
  #feather3 a:hover {
    background: transparent url(/images/feathers-jpg.jpg)
    0 -1050px no-repeat;}
  #feather4 a:hover {
    background: transparent url(/images/feathers-jpg.jpg)
    0 -1120px no-repeat;}
  #feather5 a:hover {
    background: transparent url(/images/feathers-jpg.jpg)
    0 -1190px no-repeat;}
  #feather6 a:hover {
    background: transparent url(/images/feathers-jpg.jpg)
    0 -1260px no-repeat;}
  #feather7 a:hover {
    background: transparent url(/images/feathers-jpg.jpg)
    0 -1330px no-repeat;}
   #feather8 a:hover {
    background: transparent url(/images/feathers-jpg.jpg)
    0 -1400px no-repeat;}
   #feather9 a:hover {
    background: transparent url(/images/feathers-jpg.jpg)
    0 -1470px no-repeat;}
   #feather10 a:hover {
    background: transparent url(/images/feathers-jpg.jpg)
    0 -1540px no-repeat;}
   #feather11 a:hover {
    background: transparent url(/images/feathers-jpg.jpg)
    0 -1610px no-repeat;}
    #feather12 a:hover {
    background: transparent url(/images/feathers-jpg.jpg)
    0 -1680px no-repeat;}
	
h1#repl {
   	padding: 160px 0 0 0;
    overflow: hidden;
	display:block;
    width:840px;
    margin:0; 
    background:url("/images/tt-std-banner.jpg") top left no-repeat;
	height: 0px !important; /* for most browsers */
    height /**/:160px; /* for IE5.5's bad box model */
}  
h1#repl-main {
   	padding: 160px 0 0 0;
    overflow: hidden;
	display:block;
    width:840px;
    margin:0; 
	border: 0;
    background:url("/images/tt-main-banner.jpg") top left no-repeat;
	height: 0px !important; /* for most browsers */
    height /**/:160px; /* for IE5.5's bad box model */
}     


#maincontent {
	width: 715px;
	margin-left:125px;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 0;
	padding: 0;
	border: 0;
	position:relative;
}


#treestones {
	width: 715px;
	height: 589px;
	background: url(/images/main-tree-image.jpg);
    margin-top: 3px;
	margin-left:0;
	margin-right:0;
	margin-bottom:0; 
	padding: 0;
	border: 0;}

#treestones li{
    margin: 0; padding: 0; list-style: none;
    position: absolute;}

#treestones li, #treestones a {
	height: 150px; display:block;
	}

#publisher {top: 409px; left: 43px; width: 131px;}
  #publisher a:hover {background: transparent url(/images/click-to-buy.jpg)}
#coach     {top: 441px; left: 220px; width: 136px;}
  #coach     a:hover {background: transparent url(/images/click-to-buy.jpg)}
#witness   {top: 435px; left: 521px; width: 155px;}
  #witness a:hover {background: transparent url(/images/click-to-buy.jpg)}
#glasses   {top: 382px; left: 375px; width: 125px;}
  #glasses a:hover {background: transparent url(/images/click-to-buy.jpg)}
   
#ideatable {
	width:695px;
	table-layout:auto;
	font-size:	12px;
	border:3px; 
	}

#ideatable a:link {color:#000000;}
#ideatable a:visited {color:#339900;}
#ideatable a:hover {color:#0033cc;}

#cat {
	float:right;
	margin-top: 10px;
	width: 400px; 
	height: 300px;
	margin-right:205px;

}

#samples {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 0;
	padding-left: 65px;
	margin: 0;
	margin-top: 20px;
	background-color:#669966;
}	

#copyright {
	clear:both;
	padding-top: 30px;
	width:840px;
	text-align:center;
	padding: 10px;
	background-color:#000000;
	color:#CCCCCC;	
	}
#copyright a:link {color:#669966;}
#copyright a:visited {color:#0033cc;}
#copyright a:hover {color:#66CCFF;}