/* 

	This is the default CIF style sheet cif.css.  The current direction for CIF styles is to

	validate both with IE6 XHTML and with the CSS2 standard as documented at:

	http://www.w3.org/TR/REC-CSS2/

	Version History:

    v20060728
    Removes speech and print styles and eliminates elements not supported by IE6.
	
	v20040625
	Adds feature-sidebar class to provide inline cutout sidebars.	
	
	v20030213
	Adds emphasis-largebold, fantasy, cursive styles.  Deletes unused Devanagari style.

	v20020719

	Adds various display features to simplify site design:

	--crumbtrail: to show navigation clues
	--header-cell: coordinated with navigation-cell	

	v20020628

	Modifies various details of the navigation classes and adds two new navigation-cell classes.

	Typical usage: <td class="navigation-cell-title"> or <td class="navigation-cell-summary">

	Adds TD vertical-align=top.	

      v20010914

      Adds navigation-small as a new variation of the navigation link class.

	v20010823

	1. Removes LI tag, which does not work correctly in Netscape 4;  bullets were showing up

	on prior line.

	2. For H1-H6, changes style from bolder to bold to reduce intensity of effect.  For H1, reduce font size

	to 110% from 120% to reduce intensity of effect.

	3. Added emphasis-maple style.

		v20010816 

	Adjusts some elements to comply with W3 recommended sample at

	< http://www.w3.org/TR/REC-CSS2/sample.html >

	Adjusts some elements to pass the code screener at:

	< http://www.htmlhelp.com/tools/csscheck/ >

	Adjusts some elements to pass the code screener embedded in Top Style Pro 2.10.

	Changes:

	1. Adds speech and print media extensions.  CSS1 did not support @media but CSS2

	has recommended settings for text-to-speech conversion needed for accessibility by the blind.  

	Properties such as voice-family, stress, and richness are used by speech synthesizers.  

	Internet Explorer 3, Internet Explorer 4,  and Netscape 4 do not support

	@media extensions.  Netscape 6 and Opera 5 support @media but do not support all properties 

	of voice media.  As of this date the CSS2 code screener still does not correctly check for these

	media and throws errors when you check the style sheet, but the coding is correct.

	2. Adds classes for BLOCKQUOTE, FORM, OL, P, PRE, UL.

	3. For STRONG, changes font-weight to bolder instead of bold, per recommended W3 standard.

	4.  Adds H4-H6 to existing header styles and redefines H1-H6 to use percentage sizing and other 

	adjustments to comply with W3 Web Accessibility Guidelines.	Percent sizing (e.g., 120%) was

	used rather than em sizing (e.g., 1.2em) because Microsoft Internet Explorer 3.x will incorrectly

	treat em units as pixels. Percentage units are therefore preferable.

	5. The shorthand background property is more widely supported than background-color.

    Elements that specified background-color now refer simply to background for that reason.

	
v20010812 Upgrades various styles to CSS2 level.  The main effect of this is that some older browsers

	such as Internet Explorer 3 and Netscape 4 will simply not recognize some enhancements.  This version

	recognizes that these older browsers are no longer the default for most users.  All effects have been

	validated against Internet Explorer 4 and higher and Netscape 5 and higher, which are the dominant

	products we see now.  Known compliance issues are noted in the style sheet. Also adds custom styles 

	for Traditional Chinese and Devanagari, and improves multilingual

	support by adding the Arial Unicode MS font as the first choice for text fonts for all styles where

	sans serif font is specified.  Added TD to the BODY style because Navigator 4 does not honor BODY

	styles within cells of tables;  to get the BODY effect there the TD element must be specified explicitly.

	Credit class now inherits properties from area in which it is found.

	

	v20000626 Added navigation and button styles to support full site navigation designs.  The button family can

	be extended to meet color requirements for many web sites as needed.  Use of blue schemes eliminates problems with red-green color blind

	users who cannot depend on color as a guide in all cases.

	

	v20010614 Removes font-size: smaller parameter for BODY style.  This corrects a display problem noted

	when users have set small display sizes in their own browsers as the default setting.  BODY text will now be

	sized according to the parameters set by the user's browser for default display.

	

	v20010312 Adds warning style.  This is mostly used in Cold Fusion applications where user interaction with

	pages is taking place.

    v20060805 Eliminated various old styles to reduce the number of styles in use.

 */

 

BODY {

	background : white;

	color: black;

	font-family: "Arial Unicode MS", Arial, Verdana, "MS Arial", Helvetica, "MS Verdana", Swiss, Univers, Futura, "ITC Avant Garde Gothic", "ITC Stone Sans", "Gill Sans", "Akzidenz Grotesk", "MS Trebuchet", sans-serif;

	font-style: normal;

	font-variant: normal;

	font-weight: normal;

	margin: 1em;

	text-align: left;
	


}



FORM {

	display : block;

}



H1              { 

  background:#ffffff;

  color : #ff0000;

  display: block;

  font-size: 110%; 

  font-weight: bold;

  text-align : left; 

 }

 

H2              { 

  display:block;

  font-size: 110%; 

  font-weight: bold;

  text-align : left; 

  }

  

H3              {

 display:block;

 font-size: 100%;

 font-weight: bold; 

 text-align : left; 

 }

 

H4 {

	display:block;

	font-size: 90%;

	font-weight: bold;

	text-align : left; 

}

H5 {

	display:block;

	font-size: 80%;

	font-weight: bold;

	text-align : left; 

}

H6 {

	display:block;

	font-size: 70%;

	font-weight: bold;

	text-align : left; 


}






TABLE 
{
   
    vertical-align: top;
        
   	}

TD {
    vertical-align: top;
    padding: 5pt;
	}
	
A:link {

	text-decoration: underline;

}



A:visited {

	text-decoration: underline;

}



A:active {

	text-decoration: underline;

}



/* Note: Pseudo-class A:hover is not supported in CSS1, Internet Explorer 3, and Netscape 4. */

A:hover {

    text-decoration : none;

	border : none #ccffcc;

	background: #ffff00;

	color : #cc6600;

}



BLOCKQUOTE { display: block }







pre {

  margin-left: 10%;

  white-space: pre;

}



/* Basic styling font effects.  Note that the <B> tag is deprecated;  use <span class="strong"> instead. */	 

	 	

B { font-weight: bold }

		

.strong {

	font-weight: bold;

}



.larger {

	font-size: larger;

}



.smaller {

	font-size: smaller;

}



.center {

	text-align : center;

}



/* Special functions.  The navigation and button classes can be extended as needed to meet special

requirements for different web sites.*/

.navigation {
	font-family: "Arial Unicode MS", Arial, "MS Arial", Helvetica, Verdana, "MS Verdana", Swiss, Univers, Futura, "MS Trebuchet", sans-serif;
	color: black;
	background: #c9e2e9;
	font-size: smaller;
}

.left-sidebar-cell 
{
    width: 300px;}

.navigation-cell {
	font-family: "Arial Unicode MS", Arial, "MS Arial", Helvetica, Verdana, "MS Verdana", Swiss, Univers, Futura, "MS Trebuchet", sans-serif;
	font-size: smaller;
	color: black;
	background: #e7efff	;
	border : thin solid #cccccc;
	padding: 5pt;
	text-align : left;
	vertical-align : top;
}
	/* old navigation-cell: background: #c9e2e9	; */

.navigation-cell-title {
	font-family: "Arial Unicode MS", Arial, "MS Arial", Helvetica, Verdana, "MS Verdana", Swiss, Univers, Futura, "MS Trebuchet", sans-serif;
	color: black;
	background: #e7efff;
	text-align : left;
	vertical-align : top;
	font-style : normal;
	font-size : larger;
	font-weight : bold;
}

#navcontainer
{
width: 12em;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: #90bade;
color: #333;
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{
border-bottom: 1px solid #90bade;
margin: 0;
}

#navcontainer li a
{
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}

#navcontainer li a:hover
{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}

#horizontal-navcontainer {
background: #369000;
border-top: 1px solid #9cccbb;
}

#horizontal-navlist
{
list-style: none outside none;
margin: 0;
padding: 0;
}

#horizontal-navlist li
{
border-bottom: 11px;
border-top: 2px;
display: inline;
line-height: 1.2em;
margin: 0;
padding: 0;
}

html>body #horizontal-navlist li
{
background: #000;
margin: 0 3px 0 0;
padding: 4px 0px 4px 0;
}

#horizontal-navlist a, #horizontal-navlist a:link, #horizontal-navlist a:visited
{
background: #900;
border: 1px solid #FFF;
border-bottom: 2px;
color: #ffffff;
display: inline;
height: 1em;
margin: 0;
padding: 3px 5px 3px 5px;
border-right: 2px;
text-decoration: none;
}

#horizontal-navlist a:hover
{
background: #c00b00;
border-bottom: 1px;
color: #ffffff;
border-right: 1px;
}

#horizontal-navlist a:active
{
background: #999;
bottom: 0px;
color: #FFF;
position: relative;
right: 0px;
}

#horizontal-navlist li#active
{
background: #369;
bottom: 13px;
display: inline;
margin: 0 3px 0 0;
padding: 0;
position: relative;
}

html>body #horizontal-navlist li#active
{
background: #000;
margin: 0 4px 0 4px;
}

#horizontal-navlist #active a, #horizontal-navlist #active a:link, #horizontal-navlist #active a:visited, #horizontal-navlist #active a:hover
{
background: #369;
border-bottom: none;
border-left: 1px solid #9CC;
border-right: 1px solid #9CC;
border-top: 1px solid #9CC;
bottom: 0;
color: #FFF;
cursor: text;
margin: 0;
padding: 2px 5px 0 5px;
position: relative;
right: 0;
}


ul#navlist
{
width: 200px;
padding: 0px;
border: 1px solid #808080;
border-top: 0px;
margin: 0px;
background: #ccccdd;
}

ul#navlist li
{
width: 200px;
list-style: none;
margin: 0px;
border: 0px;
border-top: 1px solid #808080;
}

ul#navlist li a
{
display: block;
width: 200px;
padding: 4px 8px 4px 8px;
border: 0px;
border-left: 20px solid #aaaabb;
background: #ccccdd;
text-decoration: none;
text-align: right;
}

ul#navlist li a:link { color: #666677; }
div#navcontainer li a:visited { color: #666677; }

ul#navlist li a:hover
{
border-color: #fffde7;
color: #ffffff;
background: #000d33;
}


.CONTENT-CELL-TITLE {

	background : #bbbbcc;

	color : Black;

	font-family : "Arial Unicode MS", Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-style : normal;

	font-weight : bold;

	height : auto;

	text-decoration : none;
	padding: 5pt;



}




.feature-cell {
	font-family: "Arial Unicode MS", Arial, "MS Arial", Helvetica, Verdana, "MS Verdana", Swiss, Univers, Futura, "MS Trebuchet", sans-serif;
	font-size: smaller;
	color: black;
	background: #fffde7;
	border : thin solid #cccccc;
	padding: 5pt;
	text-align : left;
	vertical-align : top;
}

/* old feature-cell background: #FDF8ED;*/

.feature-sidebar  {

   font-family: serif;
   background: #fffde7;
   border : thin solid #cccccc;
   font-size : smaller;
   padding-left : 10px;
   padding-right : 10px;
   padding-top : 5px;
   padding-bottom : 5px;
   color : #000000;
   text-align : left;
   vertical-align : top;
   display : inline;
   float : right;
   width : 200px;
   margin-left : 5px;
   margin-top : 5px;
   margin-bottom : 5px;
}




.feature-cell-title {
	font-family: "Arial Unicode MS", Arial, "MS Arial", Helvetica, Verdana, "MS Verdana", Swiss, Univers, Futura, "MS Trebuchet", sans-serif;
	color: #6495ED;
	background: #fffde7;
	text-align : left;
	vertical-align : top;
	font-size : larger;
	font-style : normal;
	font-weight : bold;
}

.feature-music {
	color: black;
	font-size: smaller;
	background: #e9e2c9;
	padding-left : 5px;
	padding-right : 5px;
	text-align : left;
	vertical-align : top;
	font-style : normal;
}

.feature-audiotext {
	font-family: "Arial Unicode MS", Arial, "MS Arial", Helvetica, Verdana, "MS Verdana", Swiss, Univers, Futura, "MS Trebuchet", sans-serif;
	font-size: smaller;
	color: black;
	background: #e2e9c9;
	border: thin solid #cccccc;
	padding-left : 5px;
	padding-right : 5px;
	text-align : left;
	vertical-align : top;
}

.caption {
	font-size: x-small;
	background-color: #ffffff;
	color: #666666;
	font-weight : normal;
}

.bull {
background-image : url("http://web.archive.org/web/20110101161315im_/http://www.growthhouse.org/graphics/bullet_rb.gif"); 
background-repeat : no-repeat; 
padding-left : 10px; 
font-size : 11px; 
} 

.crumbtrail  {
   background-color: #e7efff; 
   border : thin solid #cccccc;
   font-size : smaller;
   padding-left : 5px;
   padding-right : 5px;
   color : #000000;
   text-align : left;
   vertical-align : top;
}

.crumbtrail-related  {
   background-color: #e6e6ff; 
   border : thin solid #cccccc;
   font-size : smaller;
   padding-left : 5px;
   padding-right : 5px;
   color : #000000;
   text-align : left;
   vertical-align : top;
}





.order {

    background: #ffff00;

	font-weight: bold;

	color : #000000;

}



.credit {

background-color: #e7efff; 
   border : thin solid #cccccc;
   font-size : smaller;
   padding-left : 5px;
   padding-right : 5px;
   color : #000000;
   text-align : left;
   vertical-align : top;

}



.html {

	background: Yellow;

	color: blue;

	font-family: Courier, "MS Courier New", Prestige, "Everson Mono", monospace

}

		

.html-red {

	background: Yellow;

	color: red;

	font-weight: bold;

	font-family: Courier, "MS Courier New", Prestige, "Everson Mono", monospace

}



.link-noline {

text-decoration: none;

}

		

.warning {

	color : #ff0000;

	background : #ffff00;

	font-weight : bold;

}



		

/* Multilingual styles */

/* Hong Kong uses Traditional Chinese, primarily with Big5 encoding.  The mingliu font is distributed with

the Chinese version of Windows and in the Win2000 multilingual support packs.

*/		

.big5 {

	font-family: "Arial Unicode MS", mingliu, sans-serif;

}


.emphasis-cursive {

	font-family: cursive;
	font-size : larger;
	font-weight : bold;
}

.emphasis-largebold {

	font-size : large;
	font-weight : bold;
}

		

/* Emphasis styles.  These can be used to highlight words or passages in body text.

emphasis-lightblue, emphasis-lightgreen, and emphasis-creme are the three least-dark background

colors supported by the standard browser color palette, making them good choices for high-contrast use.

Additional emphasis styles can be added as needed to support individual site color requirements.

 */

 

.EMPHASIS-MAPLE {

	background : #FFFFFF;

	color : #663300;

	font-family : "Arial Unicode MS", Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-style : normal;

	font-weight : normal;

	height : auto;

	text-decoration : none;

}

 

.EMPHASIS-LIGHTBLUE {

	background : #CCFFFF;

	color : Black;

	font-family : "Arial Unicode MS", Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-style : normal;

	font-weight : normal;

	height : auto;

	text-decoration : none;

}



.EMPHASIS-LIGHTGREEN {

	background : #CCFFCC;

	color : Black;

	font-family : "Arial Unicode MS", Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-style : normal;

	font-weight : normal;

	height : auto;

	text-decoration : none;

}

.emphasis-lightgrey {
	font-family: "Arial Unicode MS", Arial, "MS Arial", Helvetica, Verdana, "MS Verdana", Swiss, Univers, Futura, "MS Trebuchet", sans-serif;
	font-size: smaller;
	color: black;
	background: #eeeeee;
	border : thin solid #cccccc;
	padding-left : 5px;
	padding-right : 5px;
	text-align : left;
	vertical-align : top;
}

.emphasis-lightgreylavender {
	font-family: "Arial Unicode MS", Arial, "MS Arial", Helvetica, Verdana, "MS Verdana", Swiss, Univers, Futura, "MS Trebuchet", sans-serif;
	font-size: smaller;
	color: black;
	background: #eeeeff;
	border: thin solid #cccccc;
	padding-left : 5px;
	padding-right : 5px;
	text-align : left;
	vertical-align : top;
}

.emphasis-lightgreylavender2 {
	font-family: "Arial Unicode MS", Arial, "MS Arial", Helvetica, Verdana, "MS Verdana", Swiss, Univers, Futura, "MS Trebuchet", sans-serif;
	font-size: smaller;
	color: black;
	background: #ddddff;
	border : thin solid #cccccc;
	padding-left : 5px;
	padding-right : 5px;
	text-align : left;
	vertical-align : top;
}


.emphasis-mustard {
	font-family: "Arial Unicode MS", Arial, "MS Arial", Helvetica, Verdana, "MS Verdana", Swiss, Univers, Futura, "MS Trebuchet", sans-serif;
	font-size: smaller;
	color: black;
	background: #F2EDC6;
	border : thin solid #cccccc;
	padding-left : 5px;
	padding-right : 5px;
	text-align : left;
	vertical-align : top;
}



.emphasis-creme {
	background : #FFFFCC;
	color : Black;
	font-family : "Arial Unicode MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style : normal;
	font-weight : normal;
	height : auto;
	text-decoration : none;
}

.emphasis-darkgreen {
	background : #006666;
	color : White;
	font-family : "Arial Unicode MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style : normal;
	font-weight : normal;
	font-size: smaller;
	height : auto;
	text-decoration : none;
}



.emphasis-mediumgreen {

	background : #99cc99;

	color : Black;
	
	font-family : "Arial Unicode MS", Verdana, Geneva, Arial, Helvetica, sans-serif;

}



.EMPHASIS-mediumlightblue {

	background : #9999ff;

	color : White;

	font-family : "Arial Unicode MS", Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-style : normal;

	font-weight : normal;

	height : auto;

	text-decoration : none;

}



.EMPHASIS-MEDIUMPINK {

	background : #FFCCCC;

	color : Black;

	font-family : "Arial Unicode MS", Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-style : normal;

	font-weight : normal;

	height : auto;

	text-decoration : none;

}



.EMPHASIS-LAVENDER {

	background : #CCCCFF;

	color : Black;

	font-family : "Arial Unicode MS", Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-style : normal;

	font-weight : normal;

	height : auto;

	text-decoration : none;

}



.EMPHASIS-SKYBLUE {

	background : #bbCCFF;

	color : Black;

}



.EMPHASIS-PINK {

	background : #FFCCFF;

	color : Black;

	font-family : "Arial Unicode MS", Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-style : normal;

	font-weight : normal;

	height : auto;

	text-decoration : none;

}



.EMPHASIS-YELLOW {

	background : #FFFF00;

	color : Black;

	font-family : "Arial Unicode MS", Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-style : normal;

	font-weight : normal;

	height : auto;

	text-decoration : none;

}

.theme-color1 {
    font-family: "Arial Unicode MS", Arial, "MS Arial", Helvetica, Verdana, "MS Verdana", Swiss, Univers, Futura, "MS Trebuchet", sans-serif;
	color: black;
	font-size: smaller;
	background: #e7efff;
	border : thin solid #cccccc;
	padding-left : 5px;
	padding-right : 5px;
	text-align : left;
	vertical-align : top;
	font-style : normal;
}

.theme-color1-darker {
    font-family: "Arial Unicode MS", Arial, "MS Arial", Helvetica, Verdana, "MS Verdana", Swiss, Univers, Futura, "MS Trebuchet", sans-serif;
	color: black;
	font-size: smaller;
	background: #b4cdff;
	border : thin solid #cccccc;
	padding-left : 5px;
	padding-right : 5px;
	text-align : left;
	vertical-align : top;
	font-style : normal;
}
/*
Previous theme-color1: D7E8CE
Previous theme-color1-darker: BAD8AC
*/

.theme-color2 {
    font-family: "Arial Unicode MS", Arial, "MS Arial", Helvetica, Verdana, "MS Verdana", Swiss, Univers, Futura, "MS Trebuchet", sans-serif;
	color: black;
	font-size: smaller;
	background: #efffe7;
	border : thin solid #cccccc;
	padding-left : 5px;
	padding-right : 5px;
	text-align : left;
	vertical-align : top;
	font-style : normal;
}

.theme-color2-darker {
    font-family: "Arial Unicode MS", Arial, "MS Arial", Helvetica, Verdana, "MS Verdana", Swiss, Univers, Futura, "MS Trebuchet", sans-serif;
	color: black;
	font-size: smaller;
	background: #cbd8c4;
	border : thin solid #cccccc;
	padding-left : 5px;
	padding-right : 5px;
	text-align : left;
	vertical-align : top;
	font-style : normal;
}








/*
playback timings (ms):
  captures_list: 162.968
  exclusion.robots: 0.142
  exclusion.robots.policy: 0.129
  RedisCDXSource: 8.235
  esindex: 0.009
  LoadShardBlock: 136.647 (3)
  PetaboxLoader3.datanode: 77.445 (4)
  CDXLines.iter: 15.274 (3)
  load_resource: 233.763
  PetaboxLoader3.resolve: 196.349
*/