/* glossymenu: vertical pop-out menu \*/
/*  */
.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 130px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
}

.glossymenu li{
position: relative;
}

.glossymenu li a{
background: white url(glossyback-pearl.jpg) repeat-x bottom left;
font: bold 9px Verdana, Helvetica, sans-serif;
color: darkblue;
display: block;
width: 130;
padding: 5px 0;
padding-left: 5px;
text-decoration: none;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 135px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
}

.glossymenu li ul li{
float: left;
}

.glossymenu li ul a{
width: 125px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}

.glossymenu .arrowdiv{
position: absolute;
right: 2px;
background: transparent url(arrow.gif) no-repeat center right;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: purple;
}

.glossymenu li a:hover{
background-image: url(glossyback-pearl2.jpg);
}

/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */

/* End */

/* H1-H5 css \*/
H1 {
  font-family: 'Comic Sans MS';
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
  text-decoration: none;
  text-align: left;
  color: #00184A;
}
H2 {
  font-family: 'Comic Sans MS';
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
  text-decoration: none;
  text-align: left;
  color: #00184A;
}
H3 {
  font-family: 'Comic Sans MS';
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-align: left;
  color: #9FA29F;
}
H4 {
  font-family: 'Comic Sans MS';
  font-size: 12px;
  font-weight: bold;
  font-style: italics;
  text-decoration: none;
  text-align: left;
  color: #000080;
}
H5 {
  font-family: 'Dark Crystal Script';
  font-size: 14px;
  font-weight: bold;
  font-style: italics;
  text-decoration: none;
  text-align: left;
  color: #009593;
}
/* link- and tooltips css \*/
topnav {
 	font-size: 0.8em;
                color: #000;
 	background-color: #FFCF29;
 	border: 1px #00009C solid;
 	padding: 0.5em;
}
/*---------- Special Numerology Number Tool Tips -----------*/

a.tip {
	position: relative;
}

a.tip span {
	display: none;
	position: absolute;
	top: 80px;
	left: -10px;
	width: 400px;
	padding: 10px;
	z-index: 1000;
	background: darkturquoise;
	color: #fff;
	border-width:6px;
	border-style:outset;
  border-color:violet;
	-moz-border-radius: 5px; /* this works only in camino/firefox */
	-webkit-border-radius: 5px; /* this is just for Safari */
}

a:hover.tip {
	font-size: 99%; /* this is just for IE */
}

a:hover.tip span {
	display: block;
}
	

/*---------- END special numerology Number Tool Tips-----------*/


/* tooltips css \*/
div#content{float:left;width:480px}
div#navigation{float:right;width:230px}
div#navigation a{color: #009}
a{color: #F60;font-weight:bold}
a:hover{color: #F00}
p {
font-family: 'Comic Sans MS';
font-size: 11px;
text-decoration: none;
color: #468284;
margin: 1px 1em;   /* ==> left and right margins are critical. see notes on page */
padding: 2px 2px;
text-align:justify;
}
a.info{
position:relative;           /*this is the key*/
z-index:997;
background-color:#AFEEEE;    /* background colour of display text */
color:#5a5acd;               /* colour of display text */
border:2px dotted #DB7093;    /* border colour */
text-decoration:none;
font-style:italic;
}
a.info:hover {
z-index:998;
background-color:#FFFFFF;
}
a.info span{
display: none;  /* hide the span text using this css */
}
a.info:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top: 2.5em;
left: 3em;
width:30em;
border:2px solid #008080; /* border colour */
background-color:#ffff99; /* background colour here */
color:#000000;         /* text colour */
text-align: center;
font-size: .8em;
font-style:italic,bold;
z-index:999;
}
.images {
vertical-align:bottom;
}
/* popup thumbnail larger image css \*/
<!--
/*Css part of thumbnail-enlargement */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 98;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}

/* search page highlight selected word(s) css \*/
SPAN.searchword {
background-color:silver;
}