body, p, td, th, div, blockquote, dl, ul, ol { color: #333333; background: #333366; }
body 
	{ 
	max-width: 900px; 
	text-align: center; 
	margin: 0% 1% 0% 1%; 
	padding: 0%;
	color: #ffffff;
	background: #333366; 
	}

	/* image gallery */
	
/* tall pics - use div and p 1 */
/* wide pics - use div and p 2 */
	
img 
		{ 
		margin: 1.25% 1% 1% 2%; 
		padding: 0%; 
		background: #666666; 
		border: medium outset #cccccc; 
		}

#mainpicdiv { float: left; width: 45%; margin: 0%; padding: 0%; background: #333366; }
#mainpicp { margin: 0% 0% 0% 1%; background: #333366; }
.mainpicp 
		{
		text-indent: 2em; 
		color: #ffffff; 
		text-align: left; 
		margin: 0em 0em .5em .5em; 
		padding: 0em 1.5em .15em 1em; 
		background: #333366; 
		}

#thumbsdiv1 { margin: 0%; padding: 1% 6% 0% 8%; background: #333366; text-align: center; }
#thumbsp1 { padding: 0% 0% 1% 15%; background: #333366; text-align: center; }

#thumbsdiv2 { margin: 0% 0% 3% 0%; padding: 0% 0% 1% 0%; background: #333366; }
#thumbsp2 { background: #333366; }

/* anchors */

a:link { text-decoration: none; color: #6699cc; }
a:visited { text-decoration: none; color: #9999ff; }
a:hover { text-decoration: none; background: #ffffff; color: #FF0000; display: inline; }
a:active { text-decoration: none; }
/*a:link img { border-style: none }*/
/*a:visited img { border: medium groove #333366; }*/

a.thumbs:link { color: #333366; text-decoration: none; }
a.thumbs:visited { color: #333366; text-decoration: none; font-weight: normal; }
a.thumbs:hover { color: #333366; text-decoration: none; background: transparent; }
a.thumbs:active { color: #333366; text-decoration: none; }
a.thumbs:link img { border-style: none; }
a.thumbs:visited img { border-style: none; }

/* headers */

#toplogo { margin: 0em; padding: 0em; text-align: left;}
.toplogop { margin: 0em; padding: 1em ; text-align: left;}

/*style; variant; weight; size / line-height; family*/


/* breadcrumbs */

#breadcrumbsdiv
	{ 
	margin: .15em 0em 0em 0em;
	padding: 0em 0em 2em 0em;
	text-align: center; 
	background-color: #333366; 
	}
	
/*breadcrumbs menu ul*/
	
#breadcrumbs
	{  
	margin: 0em;
	padding: 0em;
	border-bottom: thin none #8ccafd;
	background-color: #333366;
	font: normal normal bold medium Verdana, Arial, Helvetica, sans-serif; 
	}
	
#breadcrumbs li 
	{
	margin: 0em .5em 0em .5em; 
	list-style: none;
	display: inline;
	}

/*bottom horizontal menu bar*/

#menu2div
	{ 
	margin: .75em 0em;
	padding: 0em;
	text-align: center; 
	background-color: transparent; 
	}

/*menu ul*/

#menu2 
	{  
	margin: 0em;
	padding: .5em 0em .5em 0em;
	border-bottom: thin solid #cccccc;
	font: normal normal bold small Verdana, Arial, Helvetica, sans-serif; 
	}

#menu2 li 
	{
	margin: .5em; 
	list-style: none;   
	display: inline;
	}
	
#menu2 li a 
	{
	margin: 0em; 
	padding: .15em .35em .15em .35em; 
	background: transparent; 
	text-decoration: none;
	border-right: medium solid #999999;
	border-left: medium solid #999999;
	}

#menu2 li a:link 
	{
	color: blue; 
	}
#menu2 li a:visited 
	{
	color: purple; 
	}
#menu2 li a:hover 
	{ 
	background-color: #257ae2;
	color: #ffffff;
	display: inline; 
	}

/*font-size*/

.x-small { font-size: x-small }
.small { font-size: small }
.medium { font-size: medium }
.large { font-size: large }
.larger { font-size: larger }
.x-large { font-size: x-large }
.xx-large { font-size: xx-large }

/*text decoration*/

.underline { text-decoration: underline; }
.bar1 { color: #537b7b; font-size: xx-small;background: #537b7b; }
.border1 { border: medium groove #333366; }

/* colors */

.white { color: #ffffff; }

/* position*/

.floatleft { float: left }
.floatright { float: right }

.copyright
	{ 
	margin: 2em 2em .5em 2em;
	padding: .5em;
	text-align: center;
	background-color: #333366;
	color: #cccccc; 
	}
	
.pglink 
	{ 
	margin: 0em;
	padding: 1em;
	text-align: center;
	color: #cccccc; 
	}
	
.bestviewed 
	{ 
	margin: 0em;
	padding: 1em;
	text-align: center;
	color: #cccccc;
	background-color: #333366; 
	}
	

/* color ideas: green1-#537b7b , darkgrey1-#666666 , ltgrey1-#cccccc , violet1-#333366 , medgrey1-#999999 */
/* from main page:   blueiris-#333366 ; darkergreen-#537b7b ; lightergreen-#98a7a0 */
/* title img-  #660099 ; Viner Hand ITC*/
/* previous colors: iris1 #996699 ; blue1 #666699 ; blue2 #668099 ; brown1 #998066 ; teal1 #669999 ; green1 #669980 ; green2 #8BB18B ; green3 #AFCAAF ; drkgreen1 #336633 ; slate #47476B hdrbgrnd #537b7b  logo - #406060 */