body		
		{
			background-color: #FFF;
			margin: 0px;
			padding: 0px;
			float: none;
			font-size: 76%;
			font-family: verdana, arial, sans-serif;
			color: #6E6E6E;
		}
		
		a {text-decoration: none;}

	p.footer
	{
		clear: both;
		color: #AAA;
		margin: 40px 0 0 0;
		text-align: center;
	}

	p.footer img
	{
		margin: 40px 0 0 0;
	}


/*   ---------------   main img box overrides */

div#banner
{
	left: 0px;
	top: 0px;
	height: 65px;
	background-color: #000;
	background-image: url(/navimg/banner-needle2a.jpg);
	background-repeat: no-repeat;
			background-position: -10px -20px;
} 
div#topnav {text-align: center;} 

div#content {text-align: center; left: 0px;} 
div#content h1 {text-align: center; font-size: 1.4em;}

		div#content div.mainimgbox
		{	
			background-color: transparent;
			margin: 0px; padding: 0px;
		}

		div.mainimgbox img
		{
			padding: 40px;
			border-color: #AAA;
			border-width: 1px;
			border-style: solid;
			background-color: #fff;
		}
		div.mainimgbox h1, div.mainimgbox h2, div.mainimgbox p		
		{
			display: block;
			clear: left;
			margin: 12px 20% 12px 20%;
			padding: 0px;
			text-align: center;
			color: #6E6E6E;
			font-family: arial, verdana, sans-serif;
			
		}
			div.mainimgbox h1 {text-align: center;font-size: 1.4em;}
			div.mainimgbox h2 {text-align: center;font-size: 1.2em; font-style: italic; font-weight: normal;}
			div.mainimgbox p {text-align: center; font-size: 0.9em;}


/*   ---------------   lightbox tns */

table.imgblock td
{
	text-align: center;
	vertical-align: top;
}
	
table.imgblock td a, table.imgblock td a.on
{
	text-align: center;
	color: #6E6E6E;
	font-family: arial, verdana, sans-serif;
	font-size: 10px;
	display: block;
	margin: 10px 10px 5px 10px;
	border-color: #AAA;
	border-width: 1px;
	border-style: solid;
}

		table.imgblock td a:hover, table.imgblock td a.on
	{
		color: #000;
		border-color: #000;
		border-width: 1px;
		border-style: solid;
}
table.imgblock td img
{
	border: 0px;
	margin: 10px 10px 4px 10px;
}
table.imgblock td span
{
	display: block;
	margin: 0px 10px 4px 10px;
}


/*   ---------------   back and next btns */

	div#topnav a, a.introlink
	{
		display: block;
		background-image: url(/navimg/arrow-up.gif);
		background-repeat: no-repeat;
		background-position: center top;
		padding: 21px 0 30px 0;
		color: #BABABA;
		font-size: 10px;
	}
			table.imgblock td a.introlink			
			{
				border-style: none;
				border-width: 0px;
			}
		div#topnav a:hover, a.introlink:hover {background-image: url(/navimg/arrow-up-over.gif); color: #000;}

	div.backnext	
	{
		position: fixed;
		width: 98%;
		top: 50%;
		padding: 0px;
		margin: 0px 10px 0px 10px;
		text-align: center;
		font-size: 10px;
	}
	
		div#content div.backnext a		
		{
			color: #FFF;
			margin: 0px;
			padding: 1px 5px 1px 5px;
		}


		
			div#content div.backnext a#back, div#content div.backnext a#next			
			{
				color: #BABABA;
			}

			div#content div.backnext a#back:visited, div#content div.backnext a#next:visited { color: #BABABA; }


			div#content div.backnext a:visited { color: #BABABA; }


		div#content div.backnext a:hover, div#content div.backnext a#back:hover, div#content div.backnext a#next:hover		
		{
			color: #000;
			text-decoration: none;
		}


			div#content div.backnext a#back, div#content div.backnext a#next			
			{
				display: block;
				clear: none;
				height: 27px;
				padding: 7px 23px 0px 23px;
				margin: 0 0 0px 0;
			}
	
				div#content div.backnext a#back			
				{
					float: left;
					background-image: url(/navimg/arrow-left.gif);
					background-repeat: no-repeat;
					background-position: left top;
				}
					div#content div.backnext a#back:hover	 
					{background-image: url(/navimg/arrow-left-over.gif);}		

				div#content div.backnext a#next
				{
					float: right;
					background-image: url(/navimg/arrow-right.gif);
					background-repeat: no-repeat;
					background-position: right top;
				}
					div#content div.backnext a#next:hover
					{background-image: url(/navimg/arrow-right-over.gif);}