@charset "UTF-8";
/* CSS Document */
/*== base structure ==*/
html { color: #000033;	background: #F0F8FF;/* ANTIQUE WHITE FAEBD7 SNOW FFFAFA FLORAL#F0F8FF GREY 42557a blueish grey #faebd7; */
	margin: 0;	padding: 0; }

body	{
	color: #000033;
	background: #F0F8FF  url(miscImages/4sqTransparent.gif) repeat;
	margin: 0; 	padding: 0; text-align: center;
	font: normal 1em/1.2 Georgia, "Times New Roman", Times, serif; 
	}

#wrap { margin: 0 auto; /* == auto left/right margins to center == */
		width: 950px; 
		overflow: hidden; background: #ffffff;
		}

/*== base elements ==*/
a { font-weight: normal; text-decoration: none; color: #000055; }
a:link { background: transparent; color: #191970; } /* red #cc0033 gold #fc0 */
a:visited {	color: #191970; }
a:hover { text-decoration : underline overline; color: #cc0033; }
a:active { background-color: 00ffcc; } /*lemonn chiffon FFFACD*/

blockquote { margin: 0em 10% 0em 10%; line-height: 1;}

hr {width: 95%; size: 2px; height: 2px; clear:both; padding: 4px; margin: 10px; }

h1, h2, h3	{ color:#000; background: transparent;
		font-family: "Copperplate Gothic Light", Verdana, Arial, Helvetica, Geneva, sans-serif;;
		}

h1.right	{ /*-- RIGHT == */
	font-size: 2em;	line-height: 1.5em;	letter-spacing: 1.5px;
	font-style: italic;	font-weight: bold; text-align: right; margin: 0 10px 10px 0; }
h1	{
	font-size: 2em;	line-height: 1.5em;	letter-spacing: 1.5px; font-style: italic; font-weight: normal; margin: 10px; }
h2	{
	font-size: 1.5em;	line-height: 1.5em;	letter-spacing: 1.3px; font-style: italic; margin: 10px; }
h2.right	{ /* == RIGHT == */
	font-size: 1.5em;	line-height: 1.5em;	letter-spacing: 1.3px; font-style: italic; text-align: right; margin:  0 10px 0 0; }
h3.left	{ /* == LEFT == */
	font-size: 1.2em;	line-height: 1.2em;	font-style: italic;	text-align: left; margin:  0 0 0 10px; }
h3.right	{ /* == RIGHT == */
	font-size: 1.2em;	line-height: 1.2em;	font-style: italic;	text-align: right; margin:  0 10px 0 0; }

/*== MISCELLANEOUS ==*/
.footnote { font: .85em normal Tahoma, Verdana, Arial, Helvetica, sans-serif; margin: 0 50px 0 50px; padding: 0; }   
#footer p { font: .85em normal Tahoma, Verdana, Arial, Helvetica, sans-serif; 	margin: 10px 50px 10px 50px;	line-height: normal; }
.ghost { text-align: left; font-size: 11px; color: #faebd7; }
.hide { display: none; }

/*== SPECIAL DISPLAY DIVs==*/
.picbox {
	margin:0; text-align:center; padding:0; border:0; position:relative; float:left;  width:300px; height:450px; 
	display: table-cell; vertical-align: middle; horizontal-align: center; 	}

#showpics {color:gold; background:transparent; padding: 6px 0; margin: 0 auto;  width: 875px; height: auto;}
#showpics  h3 { text-align: center;  color: #1874CD; font: 1.25em/1 normal "copperplate gothic light", Tahoma, Verdana, Arial, Helvetica, sans-serif; }
#showpics  p { text-align: center;  color: #1874CD; font: .95em/1 normal "copperplate gothic light", Tahoma, Verdana, Arial, Helvetica, sans-serif; }

#space {  float: left; width:550px; height: 600px; text-align: center; color: #000;  background: #fff; }
/*#space img {  width: 95%; height: auto; } */

#thumbnails { float: right; width:300px; background: white;}
#thumbnails img { display: inline-block; float: right; width: 50px; height: 70px; padding: 10px 6px; margin: 10px 6px; text-align:center; }
/*.thumb { display: inline-block; float: left; width: 50px; height: 70px; padding:10px; margin: 10px; text-align:center; } */

	
.text {	display: block;	font: 1em/1.2 normal Georgia, "Times New Roman", Times, serif; text-align:left; padding:2px; margin: 2px auto; } /*== for small CAPTIONS ==*/
#textbox { padding: 10px;  color: #000; background: #fff; overflow: hidden;  } /*== for large text blocks ==*/
#textbox p { text-align: left; margin: 1em 20px 0 20px; }
#textbox p + p { text-align: left;  margin-top: 0; text-indent: 1.5em; }

/* == LIST INDENTATION left "margin" for IE/Opera "padding" for Mozilla/Netscaqpe/Firsfox. To eliminate indent, set margin:0 and padding:0. So marker-type does not go off page, set either margin-left OR padding-left to 10px or 1em == */
ul { margin: 0 10px 0 10px; padding: 0; list-style-type: circle; list-style-position: inside; }
li { margin-left: 0; padding-left: 0; }
 
#navbarContainer { margin: auto; text-align: center; padding: 0; border: none; color: inherit;	background: inherit;}
/* HORIZONTAL UL */
ul#navbar  { 
	white-space: nowrap; margin: 0; padding: 0; border: 0; font-size: .95em; line-height: 1.5em; 
	font-style: italic; color: #000000;
	font-family: "goudy old style", garamond, baskerville, "century schoolbook", goudy, georgia, "times new roman", times, serif;  }
ul#navbar li { 
	 float: left; display: inline; list-style: none; margin: 0; padding: 0;  width: 6em; text-align: center; }
ul#navbar li a, ul#navbar li a:link, ul#navbar li a:visited  { 
	display:block; text-decoration:none; color:#000; background-color:#F0F8FF; border: 1px outset #fc0; margin:2px; padding:2px; width:100%; } /* == problemw/Mac == */
	html>body ul#navbar li a {width: auto; } /* == child selector hack > == */
/* == FIX did not work == */
	
ul#navbar li a:hover {  position: relative; 
	display: block; text-decoration: none; 	color: #009900; background-color: #foffff; border: 1px inset #f00; 
	}	

ul#navbar  a span {display: none; }
ul#navbar  a:hover span { display: block; position: absolute;  top: 2em; left: 0; float: right; width: auto; padding: 0 2px; margin: 0 2px; z-index: 10; color: #ffffff; background: #f0a; font: 14px italic Verdana, Arial, Helvetica, sans-serif; text-align: right; }
 	
ul#navbar li.here a:link { color:#3d9ccd;
	border: 1px inset #cc6600; display: block; cursor: default; }