/********************************************************************

	Contents (remember in CSS order matters - a lot!
	
			 Standard elements 
			 Division control, i.e 2 and 3 columns created by 
			 	cuss
			 Div related - the box that lists relevant links
			 General utility styles suc as .no-dec and more 
			 
**********************************************************************/
	
/********************************************************************
			 General Utility functions
**********************************************************************/
.clearfloats {	clear:both; }
.bold_brown  { color: #996600; font-weight: bold; }
.bullet_point {font-weight: bold;color:brown; margin-bottom: 0} /* added 2019-07-08  */

/************************
.a_div_how_to
	Is the large, light gray box
	used on many of the summaries
	pages that explain step
	by step how to do something.
			 
************************/
.a_div_how_to {  
	margin-right: 1em; margin-left: 1em;
	border: 1px solid #C0C0C0; padding: 3px; 
	background-color: #FAFAFA; 
}

.a_div_how_to h2 { margin-top: 0em; }


/********************************************************************
			 Division control, i.e 2 and 3 columns created by css

			See: Page	SiteSupport/common/tool-links-2-up.htm 
**********************************************************************/
.div_half_right {
	margin: 		0;
	padding:    0;
	width: 		49%;
	float: 		right;
}
.div_half_right p,
.div_half_left p 	{
	margin: 			0 10px 0 20px;
	padding: 		0;
}

.div_half_right p, 
.div_half_left p
{ 
	 text-decoration: none;
	 font-weight: normal;
	 color: maroon;
	 line-height: 110%;
}

.div_half_right a:link, .div_half_left a:link,
.div_half_right a:hover, .div_half_left a:hover,
.div_half_right a:visited, .div_half_left a:visited
 { 
	 text-decoration: none;
	 font-weight: normal;
	 color: maroon;
 }

.div_half_right a:hover, .div_half_left a:hover
 { 
	 font-weight: bold;
 }
 
.div_third_enclose {
	width: 			66%; 
	float: 			left;
}

/* Now at the bottom for testing.
	.div_third_l {
		margin: 		0;
		padding:      	0;
		width: 			49%; 
		float: 			left;
	}
*/
.div_third_m {
	margin: 		0;
	padding:    0;
	width: 		49%; 
	float: 		right;
}
.div_third_r {
	margin: 		0;
	padding:    0;
	width: 		33%;
	float: 		right;
}
.div_third_l p, .div_third_m p, .div_third_r p { font-size: 0.8em; }


/********************************************************************
			DIV_RELATED, i.e. the little box normally in the upper-right
			corner of a page linking to related pages.
		
			 A sub set of the general divisions above			 	
**********************************************************************/
.div_related {
	width: 				200px;
	background-color: #fafad2;
	float: 				right;
	margin: 				0px 8px 21px 21px;  /* for the box as a whole */
	border-color:  	#8b4513;
	padding:      		5px;
	font-size:			11px;
	border: 				1px;
	border-style: 		solid;
}

.div_related_horz2up {
	padding:      	8px;
	border: 			1px  solid;
	border-color:  	#8b4513;
	background-color: #ffffaa; /*#fafad2;*/
	text-decoration: none;
	margin-left:    auto;
	margin-right:   auto;

	width: 			600px;
	margin-top: 	10px;
}

.div_related_horz2up h2  {
	padding: 		0;
	font-size: 		16px;
	font-weight: 	normal;
}

.div_related_horz2up p {
	margin: 0 10px 0 20px;
}

.div_related_horz2up p {
	margin: 0 10px 0 20px;
}

.div_related_horz2up a:link  {
	text-decoration: none;
	color: rgb(102, 0, 0);
}

.div_related_horz2up a:visited  {
	text-decoration: none;
}
.div_related_horz2up a:hover  {
	text-decoration: none;
	color: red;
	font-weight: bold;
}

.div_related2up p  {
	margin-left: 	2px;
	margin-right:	2px;
	line-height: 	120%;
	color: 			#8b4513;
}

/********************************************************************

	Contents (remember in CSS order matters - a lot!
	
			 Standard elements 
			 Division control, i.e 2 and 3 columns created by 
			 	cuss
			 Div related - the box that lists relevant links
			 General utility styles suc as .no-dec and more 
			 
**********************************************************************/
.div_related p  {
	margin: 			0px 2px 0px 2px;
	line-height: 	120%;
    font-size: 	11px;
	color: 			#8b4513;
	text-align: 	right;
}
.div_related p:first-child  {
	margin: 			0px 2px 0px 2px;
	line-height: 	120%;
    font-size: 	11px;
	color: 			#8b4513;
	text-align: 	left;
	font-weight:   bold;
}
.div_related a:link, 
.div_related a:visited,
.div_related a:active,
.div_related a:hover {	text-decoration: none; color: #663300; /*#8b4513;*/
 }
.div_related_section_head { color: #996600; font-weight: bold !important; text-align:center;}

	
.div_related_horz {
	font-size:	11px;
	margin: 		10px auto 0 auto;
	padding:    0.4em;
	border: 		1px  solid;
	width: 		94%;
	overflow: 	auto;
	border-color:  	#8b4513;
	background-color: #fafad2;
}

.div_related_horz  p
			{
				font-size: 1em; 	font-weight:normal;
				margin: 0px 0px 0px 24px; text-indent:-12px;	padding: 0px 12px 0px 12px;
				text-decoration:none;
			}
.div_related_horz  a:link,
.div_related_horz  a:visited,
.div_related_horz  a:active
				{  font-weight:normal;	text-decoration: none;  color: black;}
.div_related_horz  a:hover
				{  text-decoration: underline;  color: red;}
			

/********************************************************************
			 General utility styles suc as .no-dec and more 
**********************************************************************/

/********************************************************************
			Two column (tc) elements, section, header, item
			 (Though these are used --Oct-2011 - in the sitmap.htm)
**********************************************************************/
/* Delete soon 18-Apr-2012
					.a_tc_h     {  
						margin-left: 1em; margin-top: .5em; margin-bottom: .25em; 
						color: #663300; font-weight: bold; 
						text-align: left 
					}
					
					.a_tc_i     {  
						margin: 0 0 0 3em;
						padding: 0;
						font-size: 11px;
						line-height: 1.3;
					}
*/






/**************************************************************
			The sitemap-xxx styles are for use
			in the root/site-map.htm file and possibly
			other similarly formatted places.
**************************************************************/
.sitemap-links p {  
	color: #663300; 
	margin: 0 0 0 3em;
	padding: 0;
	font-size: 11px;
	line-height: 1.3;
}
.sitemap-links p a {  
}

.sitemap-links p[class=sitemap-section]  {
	margin-left: 1em; margin-top: .5em; margin-bottom: .25em; 
	color: #663300; font-weight: bold; 
	text-align: left 
}

.sitemap-links p a {  
	color: #663300; 
	margin: 0 0 0 0;
	padding: 0;
	font-size: 11px;
	line-height: 1.3;
	text-decoration: none;
}


/* first use 11-Oct-2011 for highslide anchor images
	applied to block level, e.g. the <p> tag 
*/
.img-title-top-center { 
		  font-size: 8pt; 
		  color: #000000; 
		  font-family: Arial;
		  margin: 0 0 0px 0;
}
.center-block { 
margin-right: auto !important; margin-left:auto !important;
}

/*******************************************************************
					item-description class
	Used for small details after a heading (such as heading 3)
	Display's the first line in bold brown and then indents the
	following lines (each line must be separated with a <br />
	and not a paragaraph.
	
	E.g.;
			<p class="item-description">Both<br/>
				Files will be copied both ways making the folders equal 
				when done. </p>
*******************************************************************/
.item-description {
	padding: 0;
	margin: 0.2em 2em 0.5em 3em ;
	text-indent: -18px;
}

.item-description:first-line {
	color: #996600;	font-weight: bold; /* replaces use of class 'bold-brown' in a span*/
	font-size:larger;
}

.code-snippet {	 
		font-family:"Courier New", Courier, monospace;
	 font-size: 90%;
	 line-height: 1; 
}
.code-snippet p {
	margin: 0;
} 

.hs-img-border { border: 0 !important}

		/****************************************************************************/
		/*	 STYLES FOR       E X P A N D I N G   &   C L O S I N G   B L O C K S    */
		/****************************************************************************/
.expand_ctrl_dc {	
	background:		url('../graphics/expand-plus.png') no-repeat left center;
	padding-left: 	20px;
}
.expand_ctrl_do {
  	background:		url('../graphics/expand-minus.png') no-repeat left center;
 	padding-left: 	20px;
}
h3[class=expand_ctrl_dc], h3[class=expand_ctrl_do] {	font-size: 0.9em }
				
/* class (usually a div) that surronds the text to show and hide: INITIALLY HIDDEN */
.toggle_block_dc { display:none; margin-right: 50px; margin-left: 40px; }

/* class (usually a div) that surronds the text to show and hide: INITIALLY DISPLAYED */
.toggle_block_do { margin-right: 50px; margin-left: 40px; }

img {	border: none; }


/********************************************************************
			 Formats content in highslide boxes
			 See: uy/lightbox_plain_english_terms.htm
**********************************************************************/
.lightbox-content {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	margin: 0 2em 0 2em;
}
.lightbox-content p {
	font-weight: normal;
	line-height: 1.6;
}

.lightbox-content h1+* {
	margin-top: 3em;
}

/********************************************************************
	 RED BORDERED WARNING BOX - 80% OF THE CONTAINING DIV'S WIDTH
**********************************************************************/
.div_warning_box_80
{
	width: 80%;
	margin: 0.5em auto;
	padding: 0.5em;
	border: 2px solid red;
	border-radius: 8px;
	box-shadow: 5px 5px 3px #888888;
}
.div_warning_box_80 p
{
	margin-left: 0; margin-right: 0;
}


/* Added 22-Jul-2019, for bullet points in boxes 
		<span class="smbullet"></span> 
*/
	.smbullet {font-size: larger; color: darkgoldenrod}
/*	.smbullet::after { content: "&#8226; ";} */
	.smbullet::after { content: "• ";}


/********************************************************************
			 STYLES WHICH ARE CANDIDATES FOR DELETION
**********************************************************************/

.div_third_l {
	margin:	 		0;
	padding:      	0;
	width: 			49%; 
	float: 			left;
}
.float-right { float:right; }

.div_related {
	/* width: 			200px; */
	background-color: #fafad2;
	float: 			right;
	margin: 				0px 8px 21px 21px !important;  /* for the box as a whole */
	border-color:  	#8b4513;
	padding:      		5px;
	font-size:		110%;
	border: 1px;
	border-style: solid;
}


/********************************************************************
			DIV_RELATED, i.e. the little box normally in the upper-right
			corner of a page linking to related pages.
			 A sub set of the general divisions above			 	
			 
**********************************************************************/
.div_related {
	background-color: #fafad2;
	border-color:  	#8b4513;
}

.div_related_horz2up {
	background-color: #ffffaa; /*#fafad2;*/
	border-color:  	#8b4513;
}

.div_related_horz2up a:link  {
	color: rgb(102, 0, 0);
}

.div_related_horz2up a:hover  {
	color: red;
}
.div_related2up 	p,
.div_related 		p,
.div_related 		p:first-child  {
	color: #8b4513;
}

.div_related a:link,
.div_related a:visited,
.div_related a:hover  {
	color: 			#8b4513;
}

.div_related_section_head, 
p.div_related_section_head { color: #996600; font-size: 120% }


.div_related_horz {
	border-color:  	#8b4513;
	background-color: #fafad2;
}

.div_related_horz  a:link,
.div_related_horz  a:visited,
.div_related_horz  a:active
				{  color: #663300; /*#8b4513;*/ }
.div_related_horz  a:hover{  color:red; text-decoration: underline; font-weight:normal; }