/* CSS Document "grey42557A,css"
==MISCELLANEOUS== */

html { color: #ffffff;	background-color: #42557A; /*was#42557A*/
	margin: 0;	padding: 0; }
	
body	{
	color: #ffffff;	background: #42557A;
	margin: 2px;	padding: 2px;
	text-align: center; /* IE ceners block elements */
	 /* width: 944px; set min-width to same width as #wrap container */
	}

#wrap { margin: 0 auto; /*auto left/right margins to center*/
		width: 944px; }

.ahem {	display: none;}   .hide	{ display: none;}
.footnote { font-size: .85em; font-family: Verdana, Arial, Helvetica, sans-serif; }   
#footer p	{
	text-align:left; font-size: .85em; line-height: 1.2em;
	margin: 2px 60px 2px 60px; padding: 4px; }
p.signature {text-align: right; }
.signoff {
	font: 0.85em/1em italic Georgia, garamond, "century schoolbook", "Times New Roman", Times, serif;
	text-align: right;	margin: 1em 1em 0 0;	text-indent: 0px; }
p.drop:first-letter { 
	font-size: 2em; float: left; vertical-align:baseline; 
	text-align: left; padding: 6px;  margin: 6px; 
	} 
/*== baseline,sub,super,top,middle,bottom,text-bottom  see also pseudo class P:first-line ==&*/

#container {
	margin: auto; text-align: center; padding: 0;
  	position: relative; border: 1px solid #fff; 
	}
 #space { /*==for MG image HOLDER span==*/
 	position: relative; z-index: 10; left: 0; top: 10px; margin: 0 auto; 
 	text-align: center; width: 526px; height: 526px; 
	}
#thumbnails { position: relative; margin: auto; text-align:center; }
img.thumb { display: block; float: left; width: 50px; height: 75px; border: 0; margin: 2px; padding: 2px; }


/* img {
	display: block;
	border: 0;
	} */
	
a {
	font-weight : normal; 
	text-decoration : none;
	color: #fff; /* gold #fc0 */
	background: transparent; 
	}
a:link { 
	text-decoration : underline;
	}

a:visited {
	text-decoration : underline;
	color:  #e9e8e7;
	}

a:hover {
	text-decoration : underline overline;
	color: #FF99FF;
	}

a:active {
	text-decoration : underline overline;
	color: lime;  
	}
	
p	{
	margin: 0 2em 10px 2em
	text-align: left;
	font-size:  1em;
	line-height: normal;
	}

a, p, td, dl, dt, dd, li, ul, ol, h4, h5, h6	{
		font-family: Georgia, garamond, "century schoolbook", "Times New Roman", Times, serif;
		}
 h1, h2, h3	{ color:#ffffff; background-color: #42557A;
		font-family: "apple chancery", "goudy old style", garamond, baskerville, "century schoolbook", goudy, georgia, "times new roman", times, serif;
		}
h1	{
	font-size: 2em;
	line-height: 1.5em;
	letter-spacing: 1.5px;
	font-style: italic;
	font-weight: normal;
	margin: 5px;
	}
h2	{
	font-size: 1.5em;
	line-height: 1em;
	letter-spacing: 1.3px;
	font-style: italic;
	margin:  0.5em 0 .5em 0;
	}
h3	{
	font-size: 1.2em;
	line-height: 1em;
	font-style: italic;
	margin:  0.5em 0 .5em 0;
	}
 
/* == 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; }
 
/*== box/BORDER to encompass dt/dd ==*/
.box { width: auto; height: auto; padding: 2px; border: 3px groove #ffccoo; margin: 10px auto 10px auto; }

dl { /*==DEFINITION LIST==*/
	margin: 0;   padding: 0;  border: 0;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;	
	}

dl#tidbits img { float: left; }
dl#information img { float: right; }

dt { /*== DEFINITION TERM == */
  margin:10px 0 0 0 ;   padding:0;   text-align:left; 
  font-weight: bold; font-style: italic;
  font-size: 1em; line-height: 1em; color: #ff0000; background: none;
  }
dd { /*==DEFINITION DEFINED==*/
	margin: 0;	padding:0 0 0.4em 0.4em;  text-align: left;
	font-size: 0.9em; line-height: 1em;
  	color: #000033;
  	border: 0;
  }

dt a, dt a:link, dt a:visited { color: #ff0000; text-decoration: none; }
dt a:hover, dt a:active { color: #ff00aa; text-decoration: underline overline ; }


#navbarContainer { margin: auto; text-align: center; padding: 0; border: none; background-color: #42557A; }
/*==HORIZONTAL UL==*/
ul#navbar  { 
	white-space: nowrap; margin: 0; padding: 0; border: 0; 
	font: .85em/1.5em italic  "apple chancery", "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  { position: relative;
	display: block; text-decoration: none; 	color: #000; background-color: #42557A; border: 3px outset #fc0; 
 width: 100%;  } /* == problemw/Mac == */
	html>body ul#navbar li a {width: auto; } /*==child > selector hack==*/
/* == FIX did not work == */
	
ul#navbar li a:hover {   
	display: block; text-decoration: none; 	color: #42557A; background-color: #ffcc00; border: 3px inset #f00; 
	}	

/*==from webreference FOR IE ONLY. IE will expand 1px to fit menu width. & padding to fix IE bug to get border spacing right==*/
	/*==Asterisk* hack==*/
	/*== * html ul#navbar {
		display: inline-block;  width: 1px;  padding: 0 2px; }
	* html ul#navbar li a {
		display: inline-block; margin: 0 -2px;  } ==*/ 
		/*==NOT working!==*/

ul#navbar  a span {display: none; }
ul#navbar  a:hover span { display: block; position: absolute;  top: 2em; left: 0; float: right; width: 100px; 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#current { display: block; background-color: #f36; cursor: default; }
ul#navbar li.here { 
	border: 3px inset #CC6600; list-style: circle; display: inline; cursor: default; 
	}

	
/* used CALLIHAN's "side" */
#navLeft { z-index: 2; width: 200px; height: auto; padding: 0px; border: none; margibn: 0;  color: #FFFFFF; background-color: #42559c; }

.button { width: 184px; height: auto; font-size: 20px; line-height: 40px; white-space: nowrap; padding: 2px; margin: 2px; font-family: "apple chancery", "goudy old style", garamond, baskerville, "century schoolbook", goudy, georgia, "times new roman", times, serif; }

.button ul { float: left; width: 184px; list-style-type: none; margin: 2px; padding: 2px 0 2px 0; border: none; }

.button li { list-style: none; text-align: center; border: none; margin: 2px; padding: 2px 0 2px 0;}

.button li a, .button li a:link, .button li a:visited  { display: block; padding: inherit; border:  2px outset #FFFFFF;  color: #FFFFFF; background-color: #42557A; text-decoration: none;
width: 100%;  } /*problemw/Mac */
	 html>body .button li a {width: auto; } /*child selector hack > */

.button li a:hover, .button li a:active  { position: relative; padding: inherit; border: 2px inset #999999; color: #ff99cc; background-color: #4682B4; }

ul li a.current:link, ul li a.current:hover  { padding: 2px; margin: 2px; border: 2px inset #777777; color: #42559c; background-color: #708090; cursor: default; } 
 .current { padding: 2px; margin: 2px; border: 2px inset #999999; color: #42559c; background-color: #5793C5; cursor: default; } 

/*eric meyers popups */
.button a span {display: none; }
.button a:hover span { display: block; position: absolute;  top: 0; left: 200px; float: right; width: 90px; padding: 0 2px; margin: 0 2px; z-index: 10; color: #ffcc00; background: #708090; font: 14px italic Verdana, Arial, Helvetica, sans-serif; text-align: right; }
 
#squareBut { width: 184px; height: 160px; vertical-align: middle; text-align: center; line-height: 150px; display: block; padding: 0; margin: auto; border:  none; }
#banner { width: 500px; height: 160px; color: #fff; background-color: #42557A; text-align: center; }
#banner img { horizontal-align; center; vertical-align: middle; display: block; margin: auto; padding: 0; border:  none; }

/* CALLIHAN Top banner bar formatting */ /*square buttons 176W x 155H */
div.top { 
  position: absolute; top: 2px; left: 200px; z-index: 2; 
  width: 506px; height: 166px; 
  color: #FFFFFF; background: #42557A; 
  border: 3px #fc0 outset; 
/* Start box model hack */
  vo