@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600');
@import url('https://fonts.googleapis.com/css?family=Varela+Round');

body	{
	margin: 0px;
	border: #000000 0px solid;
	background-color: #FFFFFF00;  
	/* SEE BACKGROUNDS BELOW original is background-color: #FFFFFF; using a extended 8 digit hex color code vs 6 allows adjustment of the opacity by changing the last 2 digits */
	}


/* hr set to Beagle Brown #8e6738 */
hr      {  
            height: 3px;  
            background-color: #8e6738;  
            border: none;  
        }  

/* hr set to Beagle Brown #8e6738 */
hr.pagenumber {  
            height: 2px;  
            background-color: #8e6738;  
            border: none;  
        }                  
        
        
/* hr set to turquoise #40E0D0 */
hr.speaker {  
            height: 2px;  
            background-color: #40E0D0;  
            border: none;  
        }          
        
/* hr short hr line 50% */
hr.short {  
            height: 1px;  
            background-color: #40E0D0;  
            border: none; 
            width: 50%; 
        }  
    
    
/* DEFAULTS - MARGINS SPACING */

div		{ margin: 0; padding: 0; border: 0; }

table, tr, td	{ border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0; border: 0; }





/* DEFAULTS - ALIGNMENT */

.td-right 	{ text-align: right; }

.td-left 	{ text-align: left; }

.td-center	{ text-align: center; }

.td-top		{ vertical-align: top; }

.td-middle	{ vertical-align: middle; }

.td-bottom	{ vertical-align: bottom; }

.center-text { text-align: center; }

.center-align { text-align: center; }

.center-div	{ margin-left: auto; margin-right: auto; }

.right-div	{ margin-left: auto; margin-right: 0; }

.left-div	{ margin-left: 0; margin-right: auto; }

.divclear 	{ height: 1px; clear: both; font-size: 1px; line-height: 1px; padding: 0px; margin: 0px; }

.float-left	{ float: left; }

.float-right	{ float: right; }

.text-nowrap	{ overflow: hidden; min-width: 200px; }

.center-figcap { text-align: center; }



/* DEFAULTS - MISC */

.fullwidth	{ width: 100%; }

.halfwidth	{ width: 50%; }

.nobreak	{ white-space: nowrap; }

.just 		{ text-align: justify; }

img 		{ border: 0; }

.rimage		{ max-width: 100%; height: auto; }

.blockimage	{ display: block; }

.nonmedia	{ visibility: hidden; }

.formmargin	{ margin: 0px; }





/* NON-MENU PAGE LINK COLORS  FF6600 #48D1CC */

a:link		{ color: #bf0a30; text-decoration: none; }

a:visited	{ color: #bf0a30; text-decoration: none; }

a:active	{ color: #bf0a30; text-decoration: none; }

a:hover		{ color: #00CED1; text-decoration: none; }





/* THE NEXT LINE CONTROLS THE FONT SIZE ON ALL PAGES */

body, div, table { color: #000000; font: 19px "Source Sans Pro", arial, sans-serif; }

.title		 { color: #000000; font: 24px "Varela Round", arial, sans-serif; font-weight: bold; letter-spacing: 0px; }

.titlecenter { 
        color: #000000; 
        font: 24px "Varela Round", arial, sans-serif;
        font-weight: bold;
        letter-spacing: 0px;
        text-align: center; }

.subtitle	 { color: #000000; font: 20px "Source Sans Pro", arial, sans-serif; font-weight: 600; }

.subtitlecenter	 { 
        color: #000000; 
        font: 20px "Source Sans Pro", arial, sans-serif;
        font-weight: 600;
        text-align: center; }


.smalltext	 { color: #336600; font: 14px "Source Sans Pro", arial, sans-serif; font-weight: 400; padding: 3px 0px 10px 0px; }

.hilite		 { color: #009900; }

/* for bbjourney - BB version numbers */
.versioncenter	 { 
        color: #000000; 
        text-align: center; }



/* REMOVES MARGINS ON HEADING TAGS (FOR SEO) */

h1, h2, h3, h4	{ margin: 0px 0px 1px 0px; }


  
/* CONTENT HEIGHTS, WIDTHS & MARGINS */

#pagewrapper	{
		min-width: 676px;  /* WORKS WITH PADDING IN CLASS inner-background BELOW */
		max-width: 1124px;
		margin: 0 auto;
		}

.pageheight	{ min-height: 710px; }

#left-content 	{
		float: left;
		width: 220px;
		margin: 0 auto;
		margin-top: 0px;
		}

#right-content	{
		margin-left: 220px;
		min-width: 325px;
		}

.content-pad 	{ padding: 25px 50px 25px 50px; }


/* PAGE BACKGROUNDS WITH PADDING */

.outer-background	{
			background-color: #FFFFFF; /* for use with background-outer.jpg  */
 /*			background-color: #F5F5F5; /* for use with background-outer-lighter.jpg */
 /*     	background-image: url("https://storiesofrecovery.org/picts/background-outer-lighter16.jpg");*/
			background-image: url("https://storiesofrecovery.org/picts/background-outer.jpg");   
			background-repeat: repeat-x;
			background-attachment: fixed;
			padding: 0px 5px 0px 5px;
			}

.inner-background	{
           /* background-color: set to 90% Transparent 00000090 - original #FFFFFF - Transparent defined as #00FFFFFF . In HTML/CSS (browser code) the format is #RRGGBBAA with the alpha channel as last two hexadecimal digits*/ */
			background-color: #FFFFFF70;  
			border: solid #999999;
			padding: 12px;
			border-width: 0px 0px 0px 0px;
			/* NOTE: BORDERS ABOVE ARE | top | right | bottom | left */
			}

/* HEADER - TEXT & GRAPHIC */

.headerarea	{
		position: relative;
		min-width: 290px;
		background-color: #000000;
		background-image: url("https://storiesofrecovery.org/picts/header-background.png");
		background-repeat: no-repeat;
		background-position: 0px 0px;
		padding: 20px 0px 20px 0px;
	/* CORNER ROUNDING */
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
		border-bottom-right-radius: 15px;
		border-bottom-left-radius: 15px;
		-moz-border-radius-topleft: 15px;
		-moz-border-radius-topright: 15px;
		-moz-border-radius-bottomright: 15px;
		-moz-border-radius-bottomleft: 15px;
		}

.logo-respond	{ max-width: 500px; }

.logopad	{ padding: 25px 0px 20px 0px; }

.header-image	{
		position: absolute;
		z-index: 100;
		top: 25px;
		right: 15px;
		border: #FFFFFF 1px solid;
		}


/* TEXT LOGO USING GOOGLE FONTS */

.textlogo	{
		color: #FFFFFF;
		font: normal 33px "Varela Round", arial, sans-serif;
		letter-spacing: -1px;
		line-height: normal;
		padding: 20px 0px 0px 15px;
		display: block;
		}

a.textlogo:link, a.textlogo:visited, a.textlogo:active	{ color: #FFFFFF; text-decoration: none; }

a.textlogo:hover { color: #F8E7BB; text-decoration: none; }

/* TABLES */

.t-speakerdir table, th, td {
    table-layout: fixed;
    width: 100%;    
    padding: 12px; 
    border-collapse: collapse;
    border: 1px solid #825923;
 }

 .t-speakerdir thead th {
   color: #FFFFFF;
   background-color: #825923;
   text-align: center;
   } 
 
  
 .t-speakerdir th :nth-child(1) {
   width: 60%;
   text-align: center;
   color: #FFFFFF;
   background-color: #825923; 
}
    
 .t-speakerdir th :nth-child(2) {
   width: 40%;
   text-align: center;
   color: #FFFFFF;
   background-color: #825923;
}       
        
 .t-speakerdir tr:nth-child(1) {
   color: #000000;
   background-color: #FFFFFF50;
   text-align: left;}
    
.t-speakerdir tr:nth-child(2) {
   color: #000000;
   background-color: #FFFFFF50;
   text-align: left;} 

.t-speakerdir  tbody tr:hover { 
        background-color: #82592310;
        font: 22px "Source Sans Pro", arial, sans-serif;
        }                 
   
.t-speakerdir tfoot th {
   color: #FFFFFF;
   background-color: #825923;
   text-align: center;
   }

/* UNORDERED LIST WITH NO BULLETS */ 
ul.no-bullets {
  list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margins */
}
    
 /*    
    
    
    
    
    
    
.t-header table, th, td {
    width: 100%;
    padding: 3px 3px; 
    border: 1px solid #8e6738; 
    border-collapse: collapse;
    background-color: #f6f3ea99; }
    
.t-header tr:nth-child(1) {
   width: 70%;
   color: #000000;
   text-align: center;}
    
.t-header tr:nth-child(2) {
   width: 30%;
   color: #000000;
   text-align: center;}
   
       
    
.js-sort-table  table { 
    width: 100%;
    border: 1px solid #8e6738; 
    border-collapse: collapse;
    background-color: #f6f3ea97;
  }

.js-sort-table  th { 
        padding: 3px 3px;
        color: #000000;
        text-align: center; 
        border: 1px solid #8e6738; }
/*     
.js-sort-table  td { 
        padding: 3px 3px; 
        border: 1px solid #8e6738;
        color: #000000; }
        */ 
 
/* background color of cell when hovering       
.js-sort-table  tr:hover { 
        background-color: #8e673880;}        

.js-sort-table  thead { 
        background: #8e6738; }

.js-sort-table table#demo2.js-sort-0 tbody td:nth-child(1) {
   width: 60%;
   color: #000000;
   white-space: nowrap;
   padding: 3px 3px;
   text-align: left;
   background: #8e6738;}
    
.js-sort-table table#demo2.js-sort-1 tbody td:nth-child(2) {
   width: 40%;
   color: #000000;
   white-space: nowrap;
   padding: 3px 3px;
   white-space: nowrap;
   text-align: left;
   background: #8e6738;}
   
*/    
   
/* Table that holds top of page fields - 2 col no border */ 
.ToP table {
   width: 100%;
   border-collapse: separate;
   border: none;
   background-color: #00000000;
   }
   

.ToP tr td:first-child {
    width: 15%;
    border: none;
    text-align:left; }

.ToP tr td:nth-child(2) {
    width: 85%;
    border: none;
    text-align:left; }        

/* Workshop Directory - Table - 3 cols - border used on Index page */   

.tWorkshop table {
   width: 100%;
   border-collapse: separate;}

.tWorkshop tr td:first-child {
    width: 55%;
    text-align:left;}

.tWorkshop tr td:nth-child(2) {
    width: 10%;
    text-align:left;}

.tWorkshop tr td:nth-child(3) {
    width: 30%;
    text-align:left;}           
        
/* How to Download mp3 - Table - 2 cols - on Index page */          
.dlSteps table {
   width: 100%;
   border: none; }   
   
.dlSteps tr td:first-child {
    width: 60%;
    border: none; 
    padding: 4px;
    text-align:left;}     
 
.dlSteps tr td:nth-child(2) {
    width: 40%;
    border: none; 
    padding: 4px;
    text-align:left;}



/* Credits Table - 2 cols - borders used on About page */           
 .tPCredits table {
    width: 100%;
    border-collapse: separate;
    border: #8e6738 1px solid;
    padding: 4px; }

.tPCredits tr td:first-child {
    width: 40%;
    text-align:left;
    border-collapse: separate;
    border: #8e6738 1px solid;
    padding: 4px;}

.tPCredits tr td:nth-child(2) {
    width: 60%;
    text-align:left;
    border-collapse: separate;
    border: #8e6738 1px solid;
    padding: 4px;}               
        
/* Table for mp3's */     
    
.Talks table {
   width: 100%;
   border-collapse: separate;
   border: none;
   border-spacing: 2px;}

.Talks tr td:first-child {
    width: 15%;
    border: none;
    text-align:left;
    }

.Talks tr td:nth-child(2) {
    width: 85%;
    border: none;
    text-align:left;}

    

    
                
.t5050 table {
    width: 100%; 
    border: none;}

.t5050 tr td:first-child {
    width: 20%;
    text-align:center;
    border: none;}

.t5050 tr td:nth-child(2) {
    width: 20%;
    text-align:center;
    border: none;}
    
.t5050 tr td:nth-child(3) {
    width: 20%;
    text-align:center;
    border: none;}
    
.t5050 tr td:nth-child(4) {
    width: 20%;
    text-align:center;
    border: none;}   

.t5050 tr td:nth-child(5) {
    width: 20%;
    text-align:center;
    border: none;}   
 
       
.t3535 table {
    width: 100%;
    border: none; }

.t3535 tr td:first-child {
    width: 5%;
    text-align:center;
    border: none;}

.t3535 tr td:nth-child(2) {
    width: 40%;
    text-align:center;
    border: none;}
    
.t3535 tr td:nth-child(3) {
    width: 10%;
    text-align:center;
    border: none;}
    
.t3535 tr td:nth-child(4) {
    width: 40%;
    text-align:center;
    border: none;}   

.t3535 tr td:nth-child(5) {
    width: 5%;
    text-align:center;
    border: none;}                  

.t-design table, th, td {
    table-layout: fixed;
    width: 100%;    
    padding: 12px; 
    border-collapse: collapse;
    border: 1px solid #825923;
 }

.t-design thead th {
   color: #FFFFFF;
   background-color: #825923;
   text-align: center;
   } 
 
  
.t-design th :nth-child(1) {
   width: 60%;
   text-align: center;
   color: #FFFFFF;
   background-color: #825923; 
}
    
.t-design th :nth-child(2) {
   width: 40%;
   text-align: center;
   color: #FFFFFF;
   background-color: #825923;
}       
  
.t-design th :nth-child(3) {
   width: 40%;
   text-align: center;
   color: #FFFFFF;
   background-color: #825923;
} 

.t-design th :nth-child(4) {
   width: 40%;
   text-align: center;
   color: #FFFFFF;
   background-color: #825923;
}
                 
.t-design tr:nth-child(1) {
   color: #000000;
   text-align: left;}
    
.t-design tr:nth-child(2) {
   color: #000000;
   text-align: left;} 

                 
.t-design tr:nth-child(3) {
   color: #000000;
   text-align: left;}
    
.t-design tr:nth-child(4) {
   color: #000000;
   text-align: left;} 





.t-design  tbody tr:hover { 
        background-color: #82592350;
        font: 22px "Source Sans Pro", arial, sans-serif;
        }                 
   
.t-design tfoot th {
   color: #FFFFFF;
   background-color: #825923;
   text-align: center;
   }




/*
  

      

.tPCredits table {
    width: 100%;
    border-collapse: separate;
    border: #8B4513 1px solid;
    padding: 4px; }

.tPCredits tr td:first-child {
    width: 40%;
    text-align:left;
    border-collapse: separate;
    border: #8B4513 1px solid;
    padding: 4px;}

.tPCredits tr td:nth-child(2) {
    width: 60%;
    text-align:left;
    border-collapse: separate;
    border: #8B4513 1px solid;
    padding: 4px;}        
    
 
/* Speaker Directory Table - 3 cols - border used on Index page */   
/* 
.Speakers table {
   width: 100%;
   border: 1px solid;}

.Speakers tr td:first-child {
    width: 60%;
    text-align:left;
    border-collapse: separate;
    border: #8B4513 1px solid;
    padding: 4px;}

.Speakers tr td:nth-child(2) {
    width: 10%;
    text-align:left;
    border-collapse: separate;
    border: #8B4513 1px solid;
    padding: 4px;}

.Speakers tr td:nth-child(3) {
    width: 30%;
    text-align:left;
    border-collapse: separate;
    border: #8B4513 1px solid;
    padding: 4px;}
    
   
 
/* Table for photo credits */ 

/* 		font: 15px arial, sans-serif;
		background-color: #F6F6F3;
		width: 135px;
		height: 18px;
		border: #666666 1px solid;
		} */ 
/*		
.tcredits table, th, td {
   width: 135px;
   border: 1px solid #8B4513;
   border-collapse: collapse;}
   
.tcredits tr td:first-child {
    width: 45px;
    text-align:left;}

.tcredits tr td:nth-child(2) {
    width: 45px;
    text-align:left;}
    
.tcredits tr td:nth-child(3) {
    width: 45px;
    text-align:left;}
    



/* FOOTER */

.footer		{
		color: #666666;
		font: 18px "Source Sans Pro", arial, sans-serif;
		padding: 10px 0px 8px 0px;
		margin: 0 auto;
		background-color: #F8F6F1;
		border: solid #E7DEBF;
		border-width: 4px 1px 4px 1px;
		/* NOTE: BORDERS ABOVE ARE | top | right | bottom | left */
	/* CORNER ROUNDING */
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		-khtml-border-radius: 6px;
		border-radius: 6px;
		}

.copytext	{
		color: #666666;
		font-size: 15px;
		padding: 15px 6px 6px 6px;
		}

.footer-top	{ margin: 15px auto 0px auto; }





/* FOOTER SOCIAL ICONS */

.socialspace	   { padding: 3px 2px 16px 1px; }

.socialicon	   {
		   border: #000000 0px solid;
		   display: block;
		   background-color: #835923;
		   padding: 12px;
	/* CORNER ROUNDING */
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;
		border-radius: 4px;
		   }

.socialicon:hover  { border: #000000 0px solid; background-color: #A37532; }





/* HOME PAGE */

.bottom-links	{
		color: #CAB189;
		text-align: left;
		padding: 10px 0px 12px 0px;
		margin: 0px 0px 0px 0px;
		border: solid #CAB189;
		border-width: 1px 0px 1px 0px;
		/* NOTE: BORDERS ABOVE ARE | top | right | bottom | left */
		}

.bottom-links a { margin-left: 8px; margin-right: 8px; }





/* BORDERS AND BARS #CAB189 */
/* background color was #CAB189 now turquoise #40E0D0  */

.page-splits	{
		font-size: 1px;
		line-height: 2px;
		height: 2px;
		margin: 18px auto 15px auto;
		background-color: transparent;
		border-top: #8B4513 2px solid;
		}

.splits-xtramargin { margin-top: 24px; margin-bottom: 24px; }





/* IMAGES */

.img-borders	{ border: #000000 1px solid; }

.main-imagediv	{
		text-align: left;
		padding: 0px;
		margin: 0px auto 1px auto;
		}

.main-image	{
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto 0px auto;
		}

.main-imagediv, img.main-image 
		{
		max-width: 100%;
		min-width: 290px;
		}

.page-image50	{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
		height: auto; 
		border: #211608 3px solid;
		}				

.page-image75	{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 75%;
		height: auto; 
		border: #211608 3px solid;
		}		

.page-image85	{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 85%;
		height: auto; 
		border: #211608 3px solid;
		}				
				
.page-image90	{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 90
        %;
		height: auto; 
		border: #211608 3px solid;
		}				

.page-imagenoborder	{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
		height: auto; 
		border: none;
		}		

.page-image100noborder	{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
		height: auto; 
		border: none;
		}		

/* LINKS PAGE CODE */

.search-bar {
  display: flex;
  justify-content: center;
  padding: 24px;
}
.search-bar input {
  width: 50%;
  min-width: 300px;
  padding: 12px 24px;
  border-radius: 24px;
  font-size: 16px;
  border: 0px;
  outline: none;
}


.searchbox		{ border: #C0C0C0 1px solid; border-collapse: separate; border-spacing: 2px; }

table.searchbox td 	{ padding: 1px 0px 1px 1px; }

.linksmargin	{ margin: 0px; margin-top: 6px; }

.searchbutton 	{ font: 15px "Source Sans Pro", arial, helvetica, sans-serif; }

.searchform 	{
		font: 15px arial, sans-serif;
		background-color: #F6F6F3;
		width: 135px;
		height: 18px;
		border: #666666 1px solid;
		}





/* CLIENTS & SERVICES PAGES CODE */

.list		{ color: #000000; line-height: 130%; margin-top: 0px; margin-bottom: 0px; }





/* NEWS PAGE */

.float-news	{ float: left; margin-right: 15px; margin-bottom: 6px; }

.news-box	{ overflow: hidden; }





/* HIDE MENU AND ITEMS FOR PRINTING */

@media print {
.printhide 	{ display:none; }
.printhelp	{ width:600px; }
}
@media screen{
.printonly 	{ display:none; }
}
.shiftprntmenu	{ height: 33px; width: 100px; }





/* LEFT SIDEBAR (WIDTH DEFINED BY #left-content CLASS ABOVE) */

.sidebar		{ font-size: 14px; padding: 14px 0px 5px 0px; }

.sidebar-textarea	{ margin: 14px auto 10px auto; }

.sidebar-text 	{
		color: #000000;
		font: 17px "Source Sans Pro", arial, sans-serif;
		font-weight: 400;
		line-height: normal;
		text-align: left;
		}

.sidebar-title	{
		color: #FFFFFF;
		font: 18px "Varela Round", arial, sans-serif;
		font-weight: normal;
		line-height: normal;
		text-align: left;
		background-color: #835923;
		padding: 10px 5px 10px 8px;
		margin: 0px auto 0px auto;
	/* CORNER ROUNDING */
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
		-moz-border-radius-topleft: 6px;
		-moz-border-radius-topright: 6px;
		-moz-border-radius-bottomright: 0px;
		-moz-border-radius-bottomleft: 0px;
		}

.sidebar-box 	{
		background-color: #F8F6F1;
		padding: 8px 5px 12px 5px;
		margin: 0px auto 0px auto;
	  	border: solid #CAB189;
	  	border-width: 0px 1px 1px 1px;
	  	/* NOTE: BORDERS ABOVE ARE | top | right | bottom | left */
	/* CORNER ROUNDING */
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-topright: 0px;
		-moz-border-radius-bottomright: 6px;
		-moz-border-radius-bottomleft: 6px;
		}

.sidebar-link 	{
		padding: 10px 0px 3px 0px;
		text-indent: 23px;
		background-image: url("https://storiesofrecovery.org/picts/sidebar-arrow.png");
		background-repeat: no-repeat;
		background-position: 0px 12px;
		}

.sidebar-link a { display: block; }

.sideimage	{
		Width: 214px;
		height: 110px;
		border: #835923 3px solid;
		display: block;
		margin: 14px auto 0px auto;
	/* CORNER ROUNDING */
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		-khtml-border-radius: 6px;
		border-radius: 6px;
		}





/* START THE CODE FOR THE MENUS (See also class #left-content above) */

/* CLICK MENU CODE IN "media-queries.css" */

#mobile-menu-icon { display: none; }

#menusub a	{
		color: #FFFFFF;
		font-family: "Varela Round", arial, helvetica, sans-serif;
		font-size: 17px;
		font-weight: normal;
		text-align: left;
		text-indent: 10px;
		text-decoration: none;
		width: 100%;
		padding: 11px 0px 11px 0px;
		margin: 0px auto 1px auto;
		cursor: pointer;
		display: block;
		background-color: #835923;
		background-image: url("https://storiesofrecovery.org/picts/menu.png");
		background-repeat: repeat-x;
		border: solid #000000;
		border-width: 0px 0px 0px 0px;
		/* NOTE: BORDERS ABOVE ARE | top | right | bottom | left */
	/* CORNER ROUNDING */
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;
		border-radius: 4px;
	/* FADE UP */
		transition: background-color 0.5s ease;
		-webkit-transition: background-color 0.5s;
		}

#menusub a:first-child { border-width: 0px 0px 0px 0px; }

#menusub a:hover {
		  text-decoration: none;
		  background-color: #A37532;
		  color: #FFFFFF;
		  }


/* favorite color hex codes
- Default text is SaddleBrown 8B4513
- Active is Turquoise 40E0D0

turquoise   #5CD4BD  93 212 189
adobe #D86725  216 103 37 
SaddleBrown	#8B4513	139,69,19
PaleTurquoise	#AFEEEE	175,238,238
Aquamarine	#7FFFD4	127,255,212
Turquoise	#40E0D0	64,224,208
MediumTurquoise	48D1CC	72,209,204
DarkTurquoise	00CED1	0,206,209
IndianRed	CD5C5C	205,92,92
Red	FF0000	255,0,0
NM Flag Red BF0A30
NM Flag Yellow FFD700
Tans Browns
#CCAE88 204 174 136
*/