/*== base structure ==*/
html { color: #FFCC00; background: #000044;	margin: 0;	padding: 0; }
body	{
  	color: #FFCC00; background: #000044; 
	margin: 0;	padding: 0;
	text-align: center; /* == IE centers block elements == */
	min-width: 800px; /* == set min-width to same width as #wrap container == */
	font: normal 1em/1.2 Georgia, "Times New Roman", Times, serif; 
	}
#wrap { margin: 0 auto; /* == auto left/right margins to center == */
		position: relative; width: 800px; 
		/* overflow: hidden; */
		}
	 
/* see GALLERY columnLeft and columnRight  overflow:visible */

/* miscellaneous */
	.ahem { display:none; color:#33FF33; font-size: 16px; }
	.footnote { font-size: .75em; font-family: Helvetica, Arial, sans-serif; }
	.alive { color: lime; } /*LIME GREEN */
	.comments {color: #000000; background-color: #FFFFFF; }
	p.ghost { text-align:left; color: #000099; font-size:10px; margin: 0 10px 0 10px; padding: 0; }
	blockquote { margin: 5px 10% 5px 10%; }
/* General settings */
a { color: #FFCC00; background: transparent; text-decoration: underline; }
a:link { color: #FFCC11; }
a:visited { color: #FFCC33; }
a:active { color: #FF6699; background: lime; }
a:hover { color: #ff9900; background: transparent; text-decoration: underline overline; }

h1 {
	font-size: 1.5em;
	background: transparent;
	text-align: center;
	margin: 0 10px;
	letter-spacing: 1px;
}
h2 {
	font: italic normal 1.3em/1em Georgia, "Times New Roman", Times, serif;
	background: transparent;
	text-align: left;
	margin-top: 0;
	margin-left: 10px;
	margin-bottom: 0;
	letter-spacing: 1px;
}
h2.right {
	text-align: right;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 20px;
}

h3 {
	font: italic normal 1em/1em Georgia, "Times New Roman", Times, serif;
	color: #FFCC00;
	background: transparent;
	text-align: center;
	margin: 0 10px;
}
h3.right {
	text-align: right;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 20px;
}
h4 {
	font: italic normal 1em/1em Georgia, "Times New Roman", Times, serif;
    color: #FFCC00;
	background: transparent;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 20px;
}
h4.right {
	font: italic normal 1em/1em Georgia, "Times New Roman", Times, serif;
	color: #FFCC00;
	background: transparent;
	text-align: right;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 20px;
}
/* http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/#thumb */
/*.gallerycontainer{ position: relative; }
.thumb img{ border: 1px solid white; margin: 0 5px; }
.thumb:hover{ background-color: transparent; }
.thumb:hover img{ border: 1px solid blue; }
.thumb span{ 
position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray;
visibility: hidden; color: black; text-decoration: none;
}
.thumb span img{ border-width: 0; padding: 2px; }
.thumb:hover span{ 
visibility: visible; top: 0; left: 230px; z-index: 50;
}
*/
/* special HOVER/SPAN 2-column layout & DL */
a span { display: none; }  
a:hover span { display: block; position: absolute; top: -400px; z-index: 100; text-align: center; font: 1.5em/1.25em Georgia, "Times New Roman", Times, serif; color:#006666; background: #fff; padding: 200px; margin: 100px; }
#colLeft a { position:relative; display:block; }  #colLeft a:hover span { left: 100px; }
#colRight a { position:relative; display:block; }  #colRight a:hover span { right: 100px; }

#colLeft { 	background: transparent; width: 35%; height: auto; margin: 2px; 
font: Verdana, Arial, Helvetica, sans-serif; font-size:.85em; text-align: left;
padding: 0; border: 0;	position: relative; float:left; display: inline; overflow: visible; }	 
#colRight {  /*fix IE doubling flost-side margin with display:INLINE; */
background: transparent; width: 35%; height: auto; margin: 2px; 
font: Verdana, Arial, Helvetica, sans-serif; font-size:.85em;  text-align: right;
padding: 0; border: 0; position: relative; float:right; display: inline;  overflow: visible; }

#colLeft dl { margin: 5px; padding: 5px; text-align: left; float: left; width: 85%; overflow: visible; }
#colLeft dt { float: right; width: 10em;  margin: 0; padding: 0; font-size: 1em; line-height: .5em; text-align: left;  color: #00FFFF; }
#colLeft dd.thumb img { float: left;  margin: 10px 5px 2em 5px; padding: 20px; background: #fff; width: 50px; height:75px; display: block; }
#colLeft dd.text { margin: 5px; padding: 10px; text-align: left; float: left; 
width: 45%;}	/*#colLeft dd.pix img { float: left; margin: 10px; padding: 5px; background: #fff; }*/	 

#colRight dl { margin: 5px; padding: 5px;  text-align: left; float: right; 
width: 85%; overflow: visible; }
#colRight dt { float: left; width: 10em; margin: 0; padding: 0; font-size: 1em; line-height: .5em;  text-align: right;   color: #00FFFF;  }
#colRight dd.thumb img { float: right;  margin: 10px 5px 2em 5px; padding: 20px;  background: #fff; width: 50px; height:75px; display: block; }
#colRight dd.text { margin: 5px; padding: 10px;  text-align: left; float: left; 
width: 45%; }	 
/*#colRight dd.pix img { float: right; margin: 10px; padding: 5px; background: #fff; }*/	 

/* fix IE hacks */
/*dl { margin: 5px 0; padding: 5px; width: 95%; }*/
dl:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; } /*clear float*/
dl { display: inline-table; } /*inline-table for IE/Mac*/
/* include \ to hide from IE5/Mac \*/
* html dl { height: 1%; } /*for IE/Win*/
dl { display: block; } /*for other browsers & end hide from IE/Mac*/