/* ==CSS DODUMENT "steelBlueCAE1FF " ==MISCELLANEOUS==*/
/*==lightSteelBlule #6699cc slateGray1 #C6E2FF slateGray2 #B9B6CD ==*/

html { color: #ffffff;	background-color: #6699cc;  /* steelBlue cae1ff */ 
	margin: 0;	padding: 0; }
	
body	{
	color: #ffffff;
	background: #77aadd url(../images-buttons/69c7adGrad.gif) repeat-y;
	margin: 0;
	padding: 0;
	text-align: center; /* IE ceners block elements */
	 /* width: 924px; set min-width to same width as #wrap container */
	}
/* MISCEELLANEOUS */
.ahem {	display: none;}   .hide	{ display: none;}
.footnote { font-size: .85em; font-family: Verdana, Arial, Helvetica, sans-serif; margin-left: 5em; margin-right: 5em; } 

/* STRUCTURAL DIVs */
div#wrap { margin: 0 auto; /*auto left/right margins to center*/
		padding: 4px; width: 950px; /*position: relative; */
		background: transparent/* url(../images-buttons/steelblueGradiHorizFlip.gif) right 500px repeat-y*/;
}
div#banner { 
float: left; width: 520px; height: 155px; color: #ffffff; background: transparent; text-align: center; margin: 0 auto;
}

div#container {
	margin: auto; text-align: center; padding: 0; float: left; display: inline-block; 
  	position: relative; border: 0; width: 530px; height: auto; 
	}
div.box { margin: 2px; padding: 2px; border: 1px #fff solid; color: #ffffff; background: #6699cc; } /*to hold text */
div#content {
	background: none; /* #FFFFFF url(/images/arrow.gif) no-repeat center bottom; */
	border: 0;
	}

div#main { 
  float: left; width: 530px; height: auto; 
  padding-top: 0; padding-bottom: 10px; margin-top: 2px; 
  color: #ffffff; background: transparent; 
}

div#primarycontent	{
	width: 520px; height: auto; color: #ffffff; background: transparent;  /*floral white #FFFAF0; */
	}
div#primarycontent	p {
	font-family: Georgia, "century schoolbook", "Times New Roman", Times, serif;
	text-align: left; text-indent: 0;
	margin: 5px 0 5px 10px; padding: 2px; 
	}

div#display { 
	float: left; padding: 2px; display: inline;
	margin: 0 auto; text-align: center; width: 520px; height: 530px;
	color: #ffffff; background-color: #fff;
 	}
div#space { /*==for MG image HOLDER span==*/
 	position: relative; z-index: 10; left: 0; top: 10px; margin: 0 auto; 
 	text-align: center; width: 520px; height: 526px; color: #FFCC00;  background: #ffffff; 
	}
td#display { backgruond-color: #ffffff; } 

div#side {
	top: 2px; left: 2px;
	z-index: 2;
	float: left; width: 200px; height: auto;
	color: #ffffff; background: transparent;
	padding: 0;
}
div#side p { margin: 10px; padding: 10px; }
div#side img { float: left; margin: 0 auto; padding: 0; border:0;  }
div#right { 
  width: 200px; height: auto; float: right; display: inline-block;
  color: #ffffff; background: transparent; /* #ffffff;*/
  padding: 0; 
}
div#right p { text-align: left; padding: 10px; margin: 0 20px ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .90em; }
div#right ol { text-indent: 5px; text-align: left; padding: 20px; margin: 0 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; }
 
#footer { clear: both;}
#footer p	{
	text-align:left; font-size: .9em; line-height: 1.2em;
	margin: 5px 50px 5px 50px; padding: 5px; }

#thumbnails { position: relative; margin: auto; text-align:center; }
img.thumb { display: block; float: left; width: 50px; height: 75px; border: 0; margin: 2px; padding: 2px; }

/* basic elements */  
a	{
	font-weight : normal; 
	text-decoration : none;
	color: #ffffff;  /* gold #fc0  #ff0099; */
	background: transparent; 
	}

a:link {
	text-decoration : underline;
	}

a:visited {
	color: #ffffff; /*#e9e8e7 */
	}

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

a:active {
	text-decoration : underline overline;
	color: lime;
	}
	
p, td, dl, dt, dd, li, ul, ol, h4, h5, h6 { color: #ffffff; 
		font-family: Georgia, garamond, "century schoolbook", "Times New Roman", Times, serif;
		} 
h1, h2, h3 { color:#ffffff; background: transparent;
		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;
	}
h3	{
	font-size: 1.2em;
	line-height: 1em;
	font-style: italic;
	margin:  0.5em 0 .5em 0;
	}

html p	{
	margin-top: 0;
	margin-bottom: 10px;
	/* text-align: left; */
	font-size:  1em;
	line-height: normal;
	}


/* NAVIGATION used CALLIHAN's "side" */
#navLeft { z-index: 2; width: 180px; height: auto; padding: 0px; border: none; margin: 0;  color: #FFFFFF; background-color: #ffffff; }

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

.button ul { float: left; width: 170px; list-style-type: none; margin: 0; padding: 0; border: none; background-color: transparent;}

.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: #5588bb; 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: #69c; }

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

/*drop-down breadcrumbs NOT WORKING
.button ul li ul { position: relative; float: right; width: 184; margin: 2px; padding: 2px 0 2px 0; border: none; }

.button ul li ul li { display: none; position: absolute; left-margin: 200px; list-style: disc; text-align: left; border: 1px solid #000; margin: 2px; padding: 2px 0 2px 0:}
.button ul li:hover ul,  .button ul li:over ul { display: block;
*/
/*eric meyers popups */
.button a span { display: none; }
.button a:hover span { display: block; position: absolute;  top: 0; left: 170px; 
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: 176px; height: 155px; vertical-align: middle; text-align: center; line-height: 150px; display: block; padding: 0; margin: auto; border:  none; clear: both; }