@import "atomicat.css";
*			{max-height:100%;max-width:inherit;}
body  {max-width:100%;margin:0;padding-left:0px;padding-right:0px;text-align:center}
h2 a  {font-size:1em;}

.tiny {width:100%;z-index:1;}
.tiny img, .keyword       {border-width:3px; width:98.8%;z-index:auto;font-weight:bold;font-size:1.1em; color:#C9C9FF;text-decoration:underline;}
.tiny img:hover, .keyword:hover { z-index:0;}

.picPan
	{
		width:18.2%;
		height:450px;
		z-index:2;
	}

.pL
	{
		float:left;
	}
.pL .tiny
	{
		margin-left:0px; 
		text-align:center;
	}
.pL .tiny:hover
	{
		margin-left:4px;
	}

.pR 
	{
		float:right;
		margin-right:5px;
	}
.pR .tiny
	{
		margin-right:0px;
		text-align:center;
	}
.pR .tiny:hover
	{
		margin-left:-4px;
	}
#header
	{
		position:relative;
		width:60%;
		margin:0 auto;
	}
* html #header
	{
		padding:0;
		margin:0;
		width:95%;
	}
#header img
	{
		padding-top:5px;
		width:90%;
		height:auto;
		max-width:479px;
		max-height:45px;
	}
* html #header img
	{
		padding:0;
		margin:0;
	}
#keywords
	{
		float:left;
		padding-left:4px;
		padding-top:6px;
		padding-right:5em;
		margin-right:-140px;
		width:9em;
	}
* html #keywords
	{
		padding:0;
	}
#image-wrapper
	{
		position:relative;
		top:1em;
		margin:0 auto;
		margin-top:0;
		padding:0;
		width:59%;
		height:auto;
		max-height:100%;
		text-align:center;
	}
* html #image-wrapper
	{
		width:95%;
		top:0.4em;
	}
#bigPic
	{
		margin:0 auto;
		padding:0;
	}

.thumb {width:50px;}

td {vertical-align:top;}
.keys div + div {clip:auto; max-width:480px;padding:0px 25px;margin:0 auto;}
.keys div {font-weight:bold;}
.keys div a {text-decoration:none;}
body {padding:0;margin:0;}
html{padding:0;margin:0;}