/*table.css related style*/
table, th, td		{font:1em verdana,arial,sans-serif;}
table 			{border-style:none;}
tr			{vertical-align:top;}
td			{padding:0;}
td h3			{font-weight:bold;}



/*screen.css related style*/
body			{font:0.8em verdana,arial,sans-serif;}

h1, h3, h3 a		{margin:0; padding:0;}
h1			{font-size:2.1em; font-weight:bold;}
h3			{font-size:1.2em;}

ul			{list-style-type:disc;}

a, a:visited		{color:black;}
a img			{border:0px;}

.nav			{bottom:auto; left:auto; right:1em; width:auto;}
.nav			{overflow:hidden; margin:1px; padding:1px; font-weight:bold;}
.nav			{position:absolute;}

p#where			{top:1em;}
p#counter		{top:2.5em; text-align:right;}

.note			{font:italic 1.1em times,serif;}
.item			{padding:0.5em;}

div#content h1		{padding-top:1em; padding-bottom:0.2em; border-bottom:3px groove #03f;}	/*replace <hr>*/
div#content h3.albumGroupName {margin-top:1.5em; margin-bottom:1.5em;}

div#footnote		{padding-top:0.5em; border-top:3px ridge #03f; font:1em times,serif;}	/*replace <hr>*/

div.back2top		{visibility:hidden;}	/*good to leave empty space between content and footnote*/

#head h1		{display:block; font-variant:small-caps;}
.skip			{display:none;}

div#logoBlock		{display:none;}


/* use by album_index.html */
#thumbnailsTable	{background:#DEE6E6; font-size:0.9em; margin:10px; padding:10px; text-align:center;}
#thumbnailsTable tr	{vertical-align:middle;}
img.isThumbnailOnly	{display:none;}


/* use by album_photos.html*/
div#thumbnailsBar	{display:none;}

img#photo		{height:350px; clear:both; margin-top:0.5em; margin-bottom:0.5em;}
html>body img#photo	{height:auto; max-height:350px;}

div#mainPhoto		{height:100%;}				/*added to overcome IE bug*/
div#mainPhoto		{margin-top:1em; margin-bottom:1em; text-align:center;}
div#mainPhoto		{background:#DEE6E6; padding:2em;}

.caption				{color:black;}
.caption a, .caption a:visited		{color:blue;}
.caption a:active, .caption a:hover	{color:aqua;}

#previous, #next	{margin-left:3em; margin-right:3em;}