h2 {
font-size:1.25em;
color:#0B70B7;
text-align:left;
margin:-3px 0 8px 0;
padding:0;
 }
/* modality code below */
p.modaltitle {
	font-weight:bold;
	margin-bottom:-2px;
}
ul.modal { /* contains list of modalities */
	border:0;
	padding:0;
	margin:0;
	list-style:none;
	width:14.5em; /* width same as li - but Opera must have a width */
}
ul.modal li { /* list of modalities */
	border:0;
	padding:5px 0 0;
	margin:0;
	position:relative;
	list-style-type:none;
	width:14.5em; /* width same as ul - Opera must have a width for li */
/*	height:2em;*/
}
ul.modal li a:link, ul.modal li a:visited {    /* list of modality links */
	text-decoration:underline;
}
ul.modal li a:hover, ul.modal li a:active {
	text-decoration:none;
}
ul.modal dl, dt, dd {
	border:0;
	padding:0;
	margin:0;
	background-color:#fff;
}
ul.modal li dl { /* box */
	position:absolute;
	left:-999em;
	background-color:#fff;
	border:1px solid #0B70B7; 
}
ul.modal li dl dt a { /* box heading (link) */
	width:18em;
	display:block;
	font:bold 16px Arial, sans-serif;
	text-align:center;
	background-color:#fff;
	padding:5px;
}
ul.modal li dl dt.subhead a { /* box subheading (link) */
	width:18em;
	display:block;
	font:bold 16px Arial, sans-serif;
	text-align:center;
	background-color:#fff;
	padding:0px 5px 5px 5px;
	margin:-5px 0 0 0;
}
ul.modal li dl dt a:link, ul.modal li dl dt a:visited {
	color:#000; /* otherwise it's blue */
	text-decoration:none;
}
ul.modal li dl dt a:hover {
	color:#00f;
	text-decoration:underline;
}
ul.modal li dl dt a:active {
	text-decoration:none;
}
ul.modal li dl dt.utube a {		/* YouTube video links */
	width:18em;
	display:block;
	font:bold 14px Arial, sans-serif;
	color:#CC0000;
	text-align:center;
	background-color:#fff;
	padding:5px;
	margin-left:15px;
}
ul.modal li dl dt.utube a:link {
	color:#CC0000;
	text-decoration:none;
}
ul.modal li dl dt.utube a:visited {
	color:#CC0000;
	text-decoration:none;
}
ul.modal li dl dt.utube a:hover {
	color:#00f;
	text-decoration:underline;
}
ul.modal li dl dt.utube a:active {
	color:#CC0000;
	text-decoration:none;
}
ul.modal dd {  /* box description */
	width:24em;
	font:12px Arial, sans-serif;
	text-align:left;
	background-color:#fff;
	padding:5px 10px;
}
/*ul.modal dd p {  /* to maintain the integrity of <p> in <dd> because of max width set for other <p> *
	width:auto;
}*/
ul.modal dd p.atsubhead {  /* box description, first paragraph */
	margin-top:0px;
}
ul.modal dd p.more {  /* link from more... description box to page */
	margin-top:-10px;
	text-align:right;
}
ul.modal dd p.more a {  /* link from more... description box to page */
	font-style:italic;
}
ul.modal li:hover, ul.modal li.sfhover {
	margin-bottom:-1px; /* the li has a margin of 0px spec'ed aboved - these settings keep the links from jumping */
	border-bottom:1px solid #0B70B7;
}
ul.modal li:hover dl, ul.modal li.sfhover dl { 
	top:-15px;
	left:14.5em;
	background-color:#fff;
}
span {
font-weight:bold;
color:#CC0000;
}
div.cert {   /* blue box with license numbers */
width:403px;
border:1px solid #0B70B7;
background-color:#93d1dc;
margin:25px 0 1em 0;
padding:5px 0 5px 20px;
}
div.cert p {
font-size:12px;
margin:0;
padding:3px 0;
}
#invoca {		/* Massage Invocation */
width:403px;
border:1px solid #0B70B7;
background-color:#FFFFFF;
margin:25px 0 1em 0;
padding:5px 0 5px 0;
text-align:center;
}
#invoca p {
font-family:"Lucida Console", "Courier New", Courier, Arial, sans-serif;
font-size:12px;
}
div#bottompics {
	margin:0;
	text-align:center;
	padding:0 10px 10px;
}
div#bottompics a img {
	border-width:0;
	margin:0 5px;
}
p#copyright {
	color:#000;
	font-size:.8em;
}
p#copyright span {
font-family:"Hobo BT", Arial, sans-serif;
font-weight:normal;
color:#000;
}
div#lunarpages {
	text-align:center;
	padding:10px;
}
div#lunarpages a img {
	border-width:0;
}
.clearfloats {
	clear:both;
}