/* ######### CSS for CartoonBook.com */

.shadetabs{
padding: 0;
margin-left:0;
margin-top:0;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; 
background: transparent;
float:left;
width:100%
}

.shadetabs li{
float:left;
text-transform:uppercase;
margin:0 0 2 0;
padding:0 0 2 0;
display: inline;

}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 0;
border-right: 1px solid #808080;
border-bottom: 1px solid #808080;
color: #666666;
margin-right:1;
background: white url('shade.gif') repeat-x top left;
padding-left:25px; padding-right:25px; padding-top:3px; padding-bottom:3px;
width:auto
}
.shadetabs li a:visited{
color: #666666;

}
.shadetabs li a:hover{
text-decoration: none;
color: #f79432;
background-color: #ffffff;
border:1px solid #808080;
border-bottom-color: white;
/*background:url('shade.gif') repeat-x bottom;*/
}


.shadetabs li a:active{
text-decoration: none;
color: #f79432;
border-bottom-color: white;
}
a#nav{font-weight:bold;text-decoration:none;color:navy}
a#nav:hover{color:blue;text-decoration:underline}
p{ 
font-family:arial;font-size:12px;line-height:1.5em;font-weight:normal;color:#000;align:left;
}
h1
{
	color: rgb(0, 51, 102);

	text-align:center;
	font-family:Times New Roman
}
h2
{
	color:#000; font-family:Times New Roman
}
h3
{
	color: rgb(204, 0, 153); 
}
h4
{
	color: rgb(0, 51, 102);
}
h5
{
	color: rgb(51, 0, 153);
}

.cell{
margin-right:5;padding-right:5;font-family:arial;font-size:12px;
}
#image_container {
	width:100;
	height:200;
	background:transparent;
	border:1px solid #ccc;
	float:left;
	margin:5;
}
		
.img {
	width:100;
	height:100;
	float:left;
	border:0px none; 
}
.caption {
	width:100;
	height:100;
	float:left;
	font-family:trebuchet ms, helvetica,  verdana, arial, sans-serif; 
	font-size:11px;
	color:#2b2d2b;
	padding:3;
	margin:3;
	background:#ffffff;
}
#Layer1{
	position:absolute;
	top:15;
	left:15;
	}
#Layer2{
	position:absolute;
	top:15;
	left:115;
	}
#Layer3{
	position:absolute;
	top:15;
	left:225;
	}