/* CSS Document "bllue69C-7AD.css"
==MISCELLANEOUS== */

html { color: #ffffff;	background-color: #77aadd;
	margin: 0;	padding: 0; }
	
body	{
	color: #ffffff;	background: #77aadd;
	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; height: auto;
		position: relative;
		}

.ahem {	display: none;}   .hide	{ display: none;}
.footnote { font-size: .85em; font-family: Verdana, Arial, Helvetica, sans-serif; }   
#footer p	{
	text-align:left; font-size: .9em; line-height: 1.2em;
	margin: 5px 50px 5px 50px; padding: 5px; }
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: top; } 
/*== 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; width: 50px; height: 75px; line-height: 80px;  border: 0; margin: 2px; padding: 2px; }

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, 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: #6699cc;
		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 2em .5em 0;
	}
h3	{
	font-size: 1.2em;
	line-height: 1em;
	font-style: italic;
	margin:  0.5em 2em .5em 0;
	}

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

/* == box/BORDER to encompass dt/dd == */
.box { width: auto; height: auto; padding: 2px; border: 3px groove #ffccoo; margin: 10px auto 10px auto; }

/* == 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; }
 

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; /* #ef8342; dds orange slategrey #4e626d*/
  	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 ; }

dd.more { float: left; display: inline;  width: 2em;  margin: 2px; text-align: center;  } 
dd a.more,  dd a.more:link,  dd a.more:visited {
	display: inline; color: #CC0000;  background: none; border: 1px solid #FF0000;	
	font-size: 0.85em; line-height: 0.9em; font-style: italic;text-decoration: none; 
}	
 dd a.more:hover { color: #000033; background-color: #cc0033; }

dl dt.bold { font-weight: bold; color: #000033; font-family: Georgia, garamond, "century schoolbook", "Times New Roman", Times, serif; }
dl dd.bold { display: inline; float: left; color: #000033; font-family: Georgia, garamond, "century schoolbook", "Times New Roman", Times, serif; }



#navbarContainer { margin: auto; text-align: center; padding: 0; border: none; background-color: #69c; }
/* 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: 2px; padding: 2px;  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: #69c; 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, ul#navbar li a:visited  {   
	display: block; text-decoration: none; 	color: #69c; 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==*/
	/*==asterixk* 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: #6699cc; 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; } 

/*drop-down breadcrumbs NO 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: 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: #6699cc; 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: #6699cc; 
  border: 3px #fc0 outset; 
/* Start box model hack */
  voice-family: "\"}\""; voice-family: inherit; width: 500px; height: 160px; /*IE padding & border bug */
}
html>body div.top { 
  width: 500px; height: 160px; /* child > selector "be nice to Opera" */
}
/* End box model hack */

/* Formatting for side, main, and right column divisions. */
div#side {
	position: absolute;
	top: 2px;
	left: 0;
	z-index: 2;
	float: left;
	width: 200px;
	height: auto;
	color: #FFFFFF;
	padding: 0;
	background: transparent;
}
div#main { 
  position: absolute; top: 2px; left: 230px; z-index: 1; /* 210 */
  float: left; width: 500px; height: auto; 
  padding-top: 0; padding-bottom: 10px; margin-top: 2px; 
  color: #42559c; background: #6699cc; 
}
div#right { 
  float: right; 
  position: absolute; top: 2px; left: 744px; /* 210 + 515 = 725 */
  width: 200px; height: auto; 
  color: #FFFFFF; background: #69c; /* #42559c;*/
  padding-bottom: 10px; 
}
/* Nested padding for side, main, and right column divisions. */
div.sidepad { 
  padding-top: 2px; padding-left: 2px; 
}
div.mainpad { 
  padding: 60px 20px 5px 20px; 
}
div.rightpad { 
  padding: 3px; 
}
/* Settings for the side division. */
div#side p { margin: 10px; }
div#right p { margin: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .90em;}
 
/*==see .button==*/
/*== div#side a, div#side a:link, div#side a:visited, div#side a:active { 
  display: block;  padding: 0;  margin-top: 0; margin-bottom: 2px; border: 3px #fc0 outset; 
  color: #FFFFFF; background: #6699cc; font-weight: normal; text-decoration: none; 
  font-family: "apple chancery", "goudy old style", garamond, baskerville, "century schoolbook", goudy, georgia, "times new roman", times, serif;
   } ==*/
div#side a, div#side a:link, div#side a:visited, div#side a:active { /*was 106px / 90px *//*
/* Start box model hack */
 width: 200px; voice-family: "\"}\""; voice-family: inherit; width: 184px; 
}
html>body div#side a { 
  width: 184px 
} 
/* end CALLIHAN End box model hack */


/*J. ZELDMAN XHML sample i3forum.com== basic page divisions */

#primarycontent	{
	/* padding-left: 25px;
	padding-top: 25px; */
	color: #fff; background-color: #6699cc;  /*floral white #FFFAF0; */
	}
/* #primarycontent	img {
	display: block;
	border: 0;
	horizontal-align: center;
	vertical-align: top;
	} */
	
#primarycontent	p {
	font-family: Georgia, "century schoolbook", "Times New Roman", Times, serif;
	text-align: left;
	text-indent: 2em;
	margin-top: 10px;
	margin-right: 1em;
	margin-bottom: 0px;
	margin-left: 1em;
		}
#content {
	background: #42559c; /* #FFFFFF url(/images/arrow.gif) no-repeat center bottom; */
	border: thick outset #42559c;
	}

/* Sidebar display attributes */

#sidebar p	{
	font-style: italic;
	text-align: right;
	margin-top: 0.5em;
	}

#sidebar img	{
	margin: 30px 0 15px 0;
	}
	
#sidebar h2	{
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
	margin: 0;
	line-height: 1.5;
	text-align: right;
	}


/* ZELDMAN Navigation bar components */

table#nav	{
	border-bottom: 1px solid #000;  /* bordercolor="#dcd9d2" */
	border-left: 1px solid #000;
	background: transparent url(MSNpics/Panorama.jpg) center no-repeat;
	}

table#nav td	{
	font: 11px verdana, arial, sans-serif;
	text-align: center;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	}

table#nav td a	{
	font-weight: normal;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0;
	}
	
#nav td a:link, #nav td a:visited {
	background: transparent; /* transparent url(/images/bgpat.gif) repeat; */
	display: block;
	margin: 0;
	width: 100px;
	line-height: 25px;
	} 

#nav td a:hover {
	color: #f60;
	background: white;
	} 

td#home a:link img, td#home a:visited img {
	color: #c30;
	background: none; /* transparent url(/MSNpics/Panorama.jpg) center no-repeat; */
	height: 75px;
	} 

td#home a:hover img {
	color: #f60;
	background: none; /* transparent url(/MSNpics/Panorama.jpg) center no-repeat; */
	width: 400px;
	height: 75px;
	} 
#sidebar {
	background-color: #42559c;
}