/* CSS for CatBooksAndMoreNew */


	body {
		color: #666;
		font: 11px/130% verdana;
		background-color: #FFF;
		background-image: url(media/images/spac004.gif);
		background-repeat: repeat;
	}
	
	a:link {
		color: #008B8B;
		text-decoration: none;
	}
	a:visited {
		color: #008B8B;
		text-decoration: none;
	}
	a:hover {
		color: #FF6347;
		text-decoration: underline;
	}
	a:active {
		color: #000000;
		text-decoration: underline;
	}
	#container {
		position: absolute;
		top: 15px;
		left: 30px;
		width: 750px;
		height: 550px;
		border: 9px solid #FF0000;
		background-color: #FFF;
		z-index: 1;
	}
	
	#localnav {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 747px;
		border: 2px solid #000000;
		background-color: #FF0000;
		text-align: left;
		padding: 0px 0px;
		z-index: 2;

	}
	
		
	#left {
		position: absolute;
		top: 115px;
		left: 15px;
		width: 250px;
		z-index: 2;
		text-align: right;
	}
	
	
	
	#righttop {
	position: absolute;
	top: 80px;
	left: 290px;
	width: 440px;
	text-align: left;
	z-index: 2;
	}
	#righttop ul {
		list-style: disc url(media/graphics/arrow.gif) outside;
		
	}
	
	#righttopgallery {
		position: absolute;
		top: 80px;
		left: 380px;
		width: 300px;
		text-align: left;
		z-index: 2;	
		
	}
	
	
	
	#foot { 
		clear: both;
		position: absolute;
		top: 515px;
		left: 15px;
		width: 720px;
		text-align: center;
		font-size: 10px;
		padding-bottom: 2em;
}
	
	a:link {
		color: #008B8B;
		text-decoration: none;
	}
	a:visited {
		color: #008B8B;
		text-decoration: none;
	}
	a:hover {
		color: #FF6347;
		text-decoration: underline;
	}
	a:active {
		color: #000000;
		text-decoration: underline;
	}


	
	.locate {
		color:#000;
		font-weight: bold;
		font-size: 15px;
		font-variant: small-caps;
	}
	h1 {
		font: normal small-caps bold 21px/140% verdana;
		color: #DC143C;
		letter-spacing: 2px;
	}
	h2 {
		font: normal small-caps bold 15px/140% verdana;
		color: #DC143C;
		letter-spacing: 2px;
	}
	h3 {
		font: normal small-caps bold 12px/140% verdana;
		color: #DC143C;
	}
	strong {color: #DC143C;}
	img {border: 0px;}
	
	ul 
	
	{
		list-style: disc outside;
	}
	
	hr {
		height: 1px;
		width: 100%;
		color: #cccccc;
		background-color: #cccccc;
	}

/*begin the navigation definitions this Only applies to the nav on pages off of cat News-Health, Help, Links, Over the Rainbow*/

#nav {
	width: 135px;
	text-align: right; 
	font-size: 80%; 
	margin-left: 15px;
	float: right
}

.pageIndicator {
	color: #666; 
	font-weight: bold;
	text-indent: 15px;
	padding-top: 10px;
	padding-bottom: 10px
}
#nav p {margin: 5px 0px 0px 0px}
#nav a {
	display: block;
	border: 1px solid #eee;
	background-color:#eee;
	padding: 5px;
	color: #f00;
	text-decoration: none;
}
/*toggle the appearance of the box*/
#nav  a:hover{ 
	background-color: #ddd;
	border-color: #ddd;
}
#nav a:active { 
	background-color: #ddd;
	border-color: #ddd;
}


#img {
	float: left; 
	margin-right: 15px;
	margin-bottom: 5px;
}

	#pics {
		position: absolute;
		top: 80px;
		left: 90px;
		width: 200;
		text-align: right;
		z-index: 4;
		}

	#pics2 {
		position: absolute;
		top: 230px;
		left: 90px;
		width: 200;
		text-align:right;
		z-index: 4;
		}

	#pics3 {
		position: absolute;
		top: 230px;
		left: 415px;
		width: 165px;
		text-align: right;
		z-index: 4;
		}

	#pics4 {
		position: absolute;
		top: 230px;
		width: 165px;
		left: 550px;
		text-align: right;
		z-index: 4;
		}


	#pics5 {
		position: absolute;
		top: 400px;
		left: 40px;
		width: 200px;
		text-align: right;
		z-index: 4;
		}

	#pics6 {
	position: absolute;
	top: 402px;
	left: 293px;
	width: 150px;
	text-align: left;
	z-index: 4;
		}

#pics7 {
	position: absolute;
	top: 402px;
	left: 455px;
	width: 120px;
	text-align: left;
	z-index: 4;
		}
		
#pics8 {
	position: absolute;
	top: 402px;
	left: 580px;
	width: 120px;
	text-align: left;
	z-index: 4;
		}
/*Stuff From Sylvan Sport for Photo Gallery*/

	#top_cnt{
		position: absolute;
		top: 80px;
		left: 15px;
		z-index: 2;
		text-align: left;
	}

	

table {
	border-collapse: collapse;
	border-spacing: 0;
}


.left_col { width: 50%; float: left;}

.right_col { width: 50%; float: center;}



/* Specific Misc. Stuff */


.left_col p { width: 350px; }

td { padding: 4px;}




/* PHOTO GALLERY Page Only */	
#th_gallery { 
	margin-top: 40px;
	}

#th_gallery table { 
	border-collapse: collapse;

	}
	
#th_gallery td {	
	background-image: none;
	text-decoration: none;
	border: 1px dotted #CCC;
	padding: 4px;
	}
		
#th_gallery td:hover {	
	background-color: #00CED1;
	color: #008B8B;
	background-image: none;
	text-decoration: none;
	padding: 4px;
	}
	
img #placeholder {
	border: 1px dotted #CCC;
	padding: 2px;
	}	
