/* CSS Document 
== MISCELLANEOUS == wsdds ORANGE captions.links #ef8242, greyBlue text #4E626D */

html { color: #000033;	background-color: #fffafa;/*SNOW #FFFAFA FLORAL#FFFAF0 blueish grey #fffafa; */
	margin: 0;	padding: 0; }
html p	{ margin-top: 0;  margin-bottom: 10px; font-size:  1em;	line-height: normal;
	/* text-align: left; */ }

body	{
	color: #000033;	background: #fffafa;
	margin: 2px;	padding: 2px;
	/* text-align: center; == IE centers 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: Tahoma, Verdana, Arial, Helvetica, sans-serif; margin: 0 50px 0 50px; padding: 0; }   
#footer p	{ font-size: 11px;	margin: 10px 50px 10px 50px;	line-height: normal; }
p.signature {text-align: right; padding: 0 10px 0 0; margin: 0 10px 10px 0; font-style: italic; }
.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; }
#special { color: #000; background-color: #fff; }
#container { width: 95%; margin: auto; border: 2px solid #808; padding: 6px; }

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 ==&*/

a { 
	font-weight : normal; 
	text-decoration: none;
	color: #cc0033; /* gold #fc0 */
	}
a:link { 
	font-weight : normal; 
	text-decoration : underline;
	color: #cc0033; /* gold #fc0 */
	background: none; 
	}

a:visited {
	color: #f30; /*firebrick*/
	}
a:hover {
	text-decoration : underline overline;
	color: #cc0033;
	}

a:active {
	background-color: #8899aa;
	}
	
a, p, td, ul, ol,li,  h4, h5, h6	{
		font-family: Georgia, garamond, "century schoolbook", "Times New Roman", Times, serif;
		}

 h1, h2, h3	{ color:#000; background: none;
		font-family: "apple chancery", "goudy old style", garamond, baskerville, "century schoolbook", goudy, georgia, "times new roman", times, serif;
		}

h1.right	{ /*-- RIGHT == */
	font-size: 2em;	line-height: 1.5em;	letter-spacing: 1.5px;
	font-style: italic;	font-weight: bold; text-align: right; margin: 0 10px 10px o;
	}

h1	{
	font-size: 2em;	line-height: 1.5em;	letter-spacing: 1.5px;
	font-style: italic;	font-weight: normal;	margin: 10px;
	}
h2	{
	font-size: 1.5em;	line-height: 1.5em;	letter-spacing: 1.3px;
	font-style: italic;	margin: 10px;
	}

h2.right	{ /* == RIGHT == */
	font-size: 1.5em;	line-height: 1.5em;	letter-spacing: 1.3px;
	font-style: italic;	text-align: right;	margin:  0 10px 0 0;
	}
h3.left	{ /* == LEFT == */
	font-size: 1.2em;	line-height: 1.2em;
	font-style: italic;	text-align: left;	margin:  0 0 0 10px;
	}
h3.right	{ /* == RIGHT == */
	font-size: 1.2em;	line-height: 1.2em;
	font-style: italic;	text-align: right;	margin:  0 10px 0 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; }



td#navbarContainer { margin: auto; text-align: center; padding: 0; border: none; position: relative; }
/*==HORIZONTAL UL==*/
ul#navbar  { 
	white-space: nowrap; margin: 0; padding: 0; border: 0; font-size: .85em; line-height: 1.5em; 
	font-style: italic; 
	font-family: "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  { 
	display: block; text-decoration: none; 	color: #000; background-color: #8899aa; border: 2px 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:active  {   
	display: block; text-decoration: none; 	color: #8899aa; background-color: #ffcc00; border: 2px inset #f00; 
	}	

/*== from web reference FOR IE ONLY. IE will expand 1px to fit menu width. Asterisk^ hack -& padding to fix IE bug to get border spacing right 
	* html ul#navbar {
		display: inline-block;  width: 1px;  padding: 0 2px; }
	* html ul#navbar li a {
		display: inline-block; margin: 0 -2px;  }  ==*/
/*==BUT MESSES EVERTHING UP!==*/
	
ul#navbar li#current { display: block; background-color: #f36; cursor: default; }
ul#navbar li.here a,  ul#navbar li.here a:link, ul#navbar li.here a:visited  { 
	color: #00FFCCbackground-color: #f36; border: 2px inset #c60; cursor: default; 
	}
/* used CALLIHAN's "side" */
#navLeft { z-index: 2; width: 200px; height: auto; padding: 0px; border: none; margin: 0;  color: #000033; background-color: #8899aa; text-align: center;
 } /* margin left/right "auto" to center ? */

/* == VERTICAL menu == */
.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: 10px; 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; text-decoration: none; padding: inherit; border: 2px outset #8899aa; color: #8899aa; background-color: #fffafa;
	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: #000033; background-color: #708090; cursor: default; 
	 } 
 .current { 
 	padding: 2px; margin: 2px; border: 2px inset #999999; color: #000033; 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: #8899aa; 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: #fffafa; 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: #8899aa; 
  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: #000033; background: none; 
}
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: #8899aa; 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 */
/* img {
	display: block;
	border: 0;
	} */
	

/* ZELDMAN basic page divisions */

#primarycontent	{
	/* padding-left: 25px;
	padding-top: 25px; */
	
	color: #000033; background-color: #fff;  /*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: 0;
	margin: 5px;
		}
#content {
	background: #fff; /* #FFFFFF url(/images/arrow.gif) no-repeat center bottom; */
	border: none;
	}

/* 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: #8899aa;
}