body {
		margin: 0;
		padding:0;
		border: 0px solid black;
		background-color: rgb(25,80,95); 
color: rgb(0,0,0);
font-family: verdana, tahoma, arial, 'trebuchet MS', 'lucida grande', helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-variant: normal;
}

#top_banner {
 position: absolute;
 top:0px; left:0px;
 width: 100%;
 /* height: 150px; */
 background-color: transparent;
 color: rgb(255,255,243);
 }
.banner_left {
 position: absolute;
 z-index: 5;
 top: 56px; left: 110px; /* orig top:52px */
 width: 600px;
  /* background-image: url(images/foc_deco2.png);
	background-repeat: no-repeat; */
 background-color: transparent;
 color: rgb(225,220,190);
 font-family: verdana, tahoma, arial, helvetica, sans-serif;
 border: 0px solid white;
 }
html>body .banner_left {
 top: 30px; /* orig top:30px */
 }
.banner_left h1 {
 line-height: 1.0em;
 margin-bottom: 0; padding-bottom: 0em;
 font-size: 28pt;
 font-weight: 600;
  font-family: garamond, 'times new roman', times, roman, georgia, serif;
	 color: rgb(225,220,190);
 }
.banner_left h3 {
 line-height: 1.0em;
 margin-top: 0; padding-top: 0;
 font-weight: 600;
 }
.banner_left h4 {
 font-size: 11pt;
 line-height: 1.0em;
 margin-top: -1px; padding-top: 0;  /* orig margin-top:0px */
 font-weight: 600;
 }
.banner_left a {
 color: rgb(225,220,190);
 background-color: transparent;
 text-decoration: none;
 border: none;
 }
.banner_left a:link, .banner_left a:visited, .banner_left a:hover, .banner_left a:active {
 color: rgb(225,220,190);
 background-color: transparent;
 text-decoration: none;
 border: none;
 }
.banner_left img {
 margin: -23px 0;
 }
.back_stripe1 {
 position: absolute;
 z-index: 1;
 top:20px;    /* orig: top 15px, ht 75px */
 left:0px;
 width: 100%;
 height: 70px;
 background-color: rgb(100,50,50); /* 80,40,50 */
 color: white;
 }
.back_stripe2 {
 position: absolute;
 z-index: 1;
 top:90px;
 left:0px;
 width: 100%;
 height: 145px;
 background-color: rgb(25,30,50);
 color: white;
 }
.back_stripe3 { /* not currently used */
 position: absolute;
 z-index: 1;
 top:235px;
 left:0px;
 width: 100%;
height: 105px;
 background-image: url(images/bstripes.png);
 background-repeat: repeat-x;
 background-color: rgb(40,50,30);
 color: white;
 }

#outerwrap {     /* this surrounds everything below the banner */
 position: absolute;
 z-index:4;
 top: 144px;
 left: 0px;
 width: 100%;
background-color: transparent; /* light tan bg rgb{242,244,239) darker (223,230,193) */
color: black;
border: 0px solid red;
 }

#c_wrap {    /* inside outerwrap. everything below the banner except the copyright */
 position:relative;
 z-index: 4;
 top: 0;
 width: 800px;
 margin: 0 auto;
 background-color: rgb(25,30,50);
 color: white;
 border: 6px solid rgb(25,30,50);
;
 }
/* this is where the curves need to hang */

#nav_block {  /* contains nav bars and sidebar items */
 position: relative;
 z-index: 4;
 float: left;
 top:0px; left:0px;
 width: 187px;
 margin: 2px 0 10px 0;
 padding: 0;
 background-color: rgb(25,30,50); /* rgb(30,70,90) matches dark teal bg, 25,30,50 was first up */
 color: blue;
 border: 0px solid green;
 }
 /* next line because IE6 handles padding incorrectly */
 html>body #nav_block { padding-right: 15px; margin-top: 0px; }
 
#nav_block img {
 width: 190px;
 margin: 0px auto 4px auto;
/* padding-top: 1px; padding-bottom: 4px; */
 }
.top_pic { margin-top: 4px; }

 /* html> body #nav_block img { margin-bottom: 4px; }another IE adjustment */


.nav_items {
    display: block;
		clear: none;
		font-size: 0.8em;
    font-weight: 500;
		font-family: arial, helvetica, verdana, tahoma, sans-serif;
    margin: 0 0 6px 0;
		padding: 0;
		background-color: rgb(240,243,225);
    color: rgb(40,65,80);
    text-decoration: none;
		border: 0px dashed blue;
	 }
div.nav_items a {
  display: block;
  width: 100%;
	padding: 0.25em 0 .2em 10px;
	background-color: rgb(240,243,225);
  color: rgb(30,60,80);
	margin: 0;
  text-decoration: none;
		}
div.nav_items a:link {
		background-color:rgb(240,243,225);
    /* color: rgb(0,0,40); */
    font-weight: 500;
		text-decoration:none;
		}
div.nav_items a:visited {
		background-color:rgb(240,243,225);
    color: rgb(30,60,80);
    font-weight: 500;
		text-decoration:none;
		} 
div.nav_items a:hover {
		background-color:rgb(250,253,255);
    color:rgb(130,40,10);
    font-weight: 500;
		text-decoration:none;
		border: none;
		}
div.nav_items a:active {
		background-color:rgb(110,135,160);
    color: rgb(30,60,80);
    font-weight: 500;
		text-decoration:none;
		}
.nojava {
 background-color: transparent;
 color: rgb(255,10,10);
 padding: 0.7em;
 font-size: 0.8em;
 font-weight: 500;
 }
 
/* test image layered above the banner bg but behind the text area */
.sandwich_r {
position: absolute;
z-index: 2;
width: 365px; /* set this to the exact width of the image if using image swap, so IE6 will display properly. */
/* original version that works -gh_transf.jpg - is 352px wide */
top: 20px; right: 0;
border: 0px solid white;
}
.sandwich_r img { float: right;  } /* total banner height: 235px; */
.sandwich_l {
position: absolute;
z-index: 3;
width: 471px; /* set this to the exact width of the image, so IE6 will display properly. */
top: 20px; left: 0;
border: 0px solid white;
}
.sandwich_l img { float: left; }

#body_text {         /* this surrounds the entire main text area */
 position: relative;
 z-index: 5;

 top:2px; left: 0px;
 margin: 0px auto 1px 197px;
 padding: 10px 23px 5px 23px;
 background-color: rgb(255,255,243);
 color: rgb(10,20,60);
 border: 0px solid blue;
 }
html>body #body_text {
 top: 0px;
 }
#body_text ul {
 list-style-image: url(images/chev_2.gif);
 list-style-type: square;
 }
#img_block {
 position: relative;
 float: right;
 top: 0px; left: 0px;
 width: 551px;
 margin:0; padding:0;
 background-color: transparent;
 color: blue;
 }
.tc_image {
 clear: right;
 width: 400px; /* 554px will fit */
 margin: 6px auto;
 padding: 0;
 text-align: center;
 border-top: 1px solid rgb(205,210,183); /* borders: 7, 4, 10, 4 */
 border-right: 1px solid rgb(205,210,183);
 border-bottom: 1px solid rgb(205,210,183);
 border-left: 1px solid rgb(205,210,183);
 }
/*html> body .tc_image { width: 100%; } */

p {
 font-size: 0.8em; /* 0.9em for most of development time */
 line-height: 1.4em;
 font-weight: 500;
 color: rgb(50,50,10);
 text-align: justify;
 }
a { 
 font-weight: 600;
 padding: 0;
 text-decoration: none;
 }
a:link {
 background-color: transparent;
 color: rgb(0,0,89);
 font-weight: 600;
 text-decoration: none;
 }
a:visited { background-color: transparent; color: rgb(0,0,89); text-decoration: none; }
a:hover { background-color: rgb(80,110,140); color: rgb(240,250,255); }
a:active { background-color: transparent; color: rgb(0,0,89); text-decoration: none; }

ul, ol, li {
 font-size: 0.95em;
 line-height: 1.4em;
 margin-bottom: .4em;
 font-weight: 500;
 text-align: left; 
 }
.center {
 text-align: center;
 }
.center p { text-align: center; }

.caption {
 text-align: center;
 margin: 4px auto 0 auto;
 font-weight: 600;
 font-size: 0.75em;
 }
.bold { font-weight: 600; }
.swatch {
 margin: 0; padding: 0;
 width: 100%;
 font-size: 1px; line-height: 1px;
 height: 4px;
 background-color: rgb(205,210,183);
 color: rgb(205,210,183);
 border: 0px solid black;
 }
 
.clear_right { /* used to help Firefox keep images where they belong. Use this one as own div */
 width: 500px;
 line-height: 0px; font-size: 0px;
 margin:0; padding:0;
 clear: right;
 }
.clear_right_only { /* used to help Firefox keep images where they belong. Use w/ other classes */
 clear: right;
 }
 
.a_container {
 text-align: center;
 padding: 5px;
 }
 
 /* this set of definitions may not be needed 
.lilink { text-decoration: none; }
.lilink a { font-weight: 600; padding: 0 4px; }
.lilink a:link {
 background-color: transparent;
 color: rgb(0,0,89);
 font-weight: 600;
 text-decoration: none;
 }
.lilink a:visited { background-color: transparent; color: rgb(0,0,89); text-decoration: none; }
.lilink a:hover { background-color: rgb(80,110,140); color: rgb(240,250,255); }
.lilink a:active { background-color: transparent; color: rgb(0,0,89); text-decoration: none; }
 */
 
.lfloat_smallq {
position: relative;
float: left;
top: 0px; left: 0px;
width: 225px;
font-style: italic;
font-size: 0.9em;
font-weight: 700;
margin: 5px 15px 0px 0;
padding: 6px;
text-align: left;
background-color: rgb(255,255,255); /* good lt blue */
color: rgb(105,115,80);
border-top: 2px solid rgb(205,210,183);
border-right: 2px solid rgb(205,210,183);
}
.lfloat_smallq p {
 text-align: left;
 color: rgb(135,145,125);
 margin: 0;
 padding: 0;
 }

.pull_smallq { 
 float: left;
 margin: 10px 10px 10px 0;
 border: 0px solid  rgb(205,210,183);
 color: rgb(45,55,40);
 }

.tbox_smallq {
position: relative;
top: 0px; left: 0px;
width: 550px;
margin: 0 auto;
padding: 0;
text-align: left;
background-color: transparent;
color: rgb(35,45,25);
border: 1px solid rgb(205,210,183);
}
.tbox_smallq p {
 text-align: left;
 font-style: italic;
 font-size: 1.1em;
 line-height: 1.4em; 
 margin: 0;
 padding: 10px 20px;
 }
html> body .tbox_smallq { width: 100% }

.event {
 position: relative;
 top:0; left:0;
 text-align: center;
 padding-top: 5px; padding-bottom: 5px;
 margin: 10px auto;
 background-color: rgb(255,255,255);
 color: red;
 border: 1px solid rgb(0,40,55);
  }
.event p, .event h4, .ev_head { text-align: center; margin: 5px auto; }
.event img {
  width: 95%; 
  margin: 12px auto;
	border: 0px solid rgb(0,40,85);
 }
.event a {
 border: 0px solid rgb(0,40,85);
 background-color: transparent;
 color: rgb(0,40,85); 
 }
.event a:hover {
 background-color: transparent;
 color: rgb(120,90,130);
 }
.org_id {
 text-align: center;
 font-size: 0.9em;
 font-weight: 600;
 }
.footnote_p {
 font-size: 0.9em;
 font-style: italic;
 }
.footnote_b {
 font-size: 0.9em;
 font-style: italic;
 text-align: right;
 }
.artquote_l {font-size: 2em; color: rgb(200,200,200); }
.artquote_r {font-size: 2em; color: rgb(200,200,200); }
/* format for inside page text headings */
.intro {
font-family: verdana, tahoma, helvetica, arial, sans-serif;
 font-size: 1.2em;
 line-height: 1.5em;
 font-weight: 400;
 margin: 0;
 padding-top: 22px; padding-bottom: 5px;
 /* padding-left: 20px; */
  border-top: 4px solid rgb(205,210,183);
  border-bottom: 4px solid rgb(205,210,183);
  border-left: 0px solid rgb(205,210,183);
  border-right: 0px solid rgb(205,210,183);
	background-color: transparent;
	color: rgb(10,30,50);
	}
.site_intro {
position: relative;
top:0; left:0;
clear: right;
/* If a serif font is used, it will significantly change the apparent size here, and the selection in the quote box */
font-family: georgia, 'times new roman', times, roman, garamond, serif;
/* 'trebuchet MS', verdana, geneva, tahoma, helvetica, arial, sans-serif; */
 font-size: 1.3em;
 padding-top: 12px; padding-bottom: 5px;
 margin: 0px auto 2px auto;
  border-top: 0px solid rgb(205,210,183);
  border-bottom: 0px solid rgb(205,210,183);
	background-color: transparent; /* nav bar color: 240,243,225 */
	color: rgb(10,30,50);
	}
.site_intro p {
 font-weight: 500;
 line-height: 1.5em;
 margin: .1em 0px .1em 0;
 }

.si_large { font-size: 1.3em; }

.ttt {
 font-size: 0.85em;
 }
.disclaimer {
 font-size: 0.75em;
 line-height: 1.2em;
 background-color: rgb(240,243,225);
 color: rgb(100,100,100);
 padding: 8px;
 }

.intro2 {
font-size: 0.9em;
font-weight: 600;
margin: 5px 0 0 0;
padding-top: 10px; padding-bottom: 0;
line-height: .8em;
background-color: transparent;
color: rgb(195,0,70);
border: 0px solid blue;
 }
.big_ital {
 font-size: 1.4em;
 font-style: italic;
 font-weight: 700;
 }
.rtext {
 color: rgb(225,0,0);
 font-size:105%;
 font-weight:600;
}
.drtext {
 color: rgb(110,0,30);
 font-size:105%;
 font-weight:600;
}
.section_title {
 clear: right;
 margin-bottom: 0;
 background-color: rgb(240,243,225);
 color: rgb(0,30,60);
 font-size: 1.2em;
 /* font-variant: small-caps; */
 }
.section_title p {
 color: rgb(0,30,60);
 padding: 1px 0;
 margin-left: 40px;
 font-weight: 600;  
 }
.section_title2 {
 margin: 8px auto 0 auto; padding-bottom: 0;
 background-color: transparent;
 color: rgb(0,40,90);
 /* font-variant: small-caps; */
 }
.section_title2 p {
 padding-bottom: 0;
 margin-left: 80px; margin-bottom: 0;
 font-size: 0.85em;
 font-weight: 600;
 }
.section_title3 {
 margin-bottom: 0; padding-bottom: 0;
 background-color: transparent;
 color: rgb(0,40,90);
 }
.section_title3 p {
 margin-bottom: 0; padding-bottom: 0;
 margin-left: 120px;
 font-size: 0.9em;
 font-weight: 500;  
 }
.headline_ctr {
 text-align: center;
 font-size: 1.4em;
 font-weight:600;
 }
.subhead_ctr {
 text-align: center;
 font-size: 1.1em;
 font-weight:600;
 }
.rednote {
  color: rgb(200,0,30);
	font-weight: 600;
	}
.bricktext {
  color: rgb(170,50,50);
	font-weight: 600; 
 }
.site {
 font-style: italic;
 }
.email {
 font-style: italic;
 text-decoration: underline;
 } 
.divider2 {
 width: 100%;
 margin-top: 8px; margin-bottom: 0;
 }
.divider2 hr {
 background-color: rgb(20,0,120);
 color: rgb(20,0,120);
 border: 0px solid rgb(20,0,120);
 height:4px; margin-top:0px;
 }
.rfloat {
position: relative;
float: right;
top: 0px; right: 0px;
margin: 5px 0 0 15px;
padding: 0;
text-align: center;
}

.lfloat, .lfloat_210, .lfloat_230 {
position: relative;
/* width: 190px;  */
float: left;
top: 0px; left: 0px;
margin: 5px 15px 0 0;
padding: 0;
text-align: center;
}
.img_center {
 position: relative;
 width: 99%;
 top: 0; left: 0;
 text-align: center;
 margin: 5px auto; padding: 0;
 border: 0px solid red;
 }
html>body img_center { width: 100%; }

.rfloat img {
 position: relative;
 top: 0; right: 0;
 width: 180px;
 border: 2px solid rgb(205,210,183);
 }
.lfloat img {
 position: relative;
 top: 0; left: 0;
 width: 180px;
 border: 2px solid rgb(205,210,183);
 }
.lfloat_210 img {
 position: relative;
 top: 0; left: 0;
 width: 210px;
 border: 2px solid rgb(205,210,183);
 }
.lfloat_230 img {
 position: relative;
 top: 0; left: 0;
 width: 230px;
 border: 2px solid rgb(205,210,183);
 }
.lfloat_ttt {
position: relative;
float: left;
top: 0px; left: 0px;
margin: 5px 10px 5px 0;
width: 270px;
padding: 0;
text-align: center;
border: 0px solid rgb(150,30,30);
}
.lfloat_ttt img {
 position: relative;
 top:0; left:0;
 width: 260px;
 border: none;
 }

.lfloat_sss {
position: relative;
float: left;
top: 0px; left: 0px;
margin: 1px 10px 0 0;
width: 310px;
padding: 0;
border: 0px solid rgb(150,30,30);
}
.lfloat_sss img {
 position: relative;
 top:0; left:0;
 margin-top: 5px;
 width: 100%;
 border: none;
 }

.lfloat_putt {
position: relative;
float: left;
top: 0px; left: 0px;
margin: 20px 25px 0 0;
width: 150px;
padding: 0;
border: 0px solid rgb(150,30,30);
}
.lfloat_q {
position: relative;
float: left;
top: 0px; left: 0px;
width: 220px;
margin: 5px 15px 0 0;
padding: 0px;
text-align: left;
background-color: rgb(235,245,240);
border: 3px solid rgb(225,225,210);
}
.lfloat_q p {
 font-size: 0.9em;
 font-style: italic;
 font-weight: 500;
 text-align: left;
 padding:4px 6px; margin: 0;
 }
.lfloat_java {
position: relative;
float: left;
top: 0px; left: 0px;
width: 250px;
margin: 1.0em 15px 0 0;
padding: 0;
text-align: center;
}
.copyright {
position: relative;
top: 0; left: 0;
width: 100%;
margin: 0 auto;
padding: 2px 0 3px 0;
 text-align: right;
background-color: rgb(25,30,50);
color: white;
border: 0px solid red;
 }
.copyright p {
 text-align: right;
 font-size: 0.75em;
 margin: 0 25px 0 auto;
 padding: 0;
 color: rgb(250,250,255);
 }
.w3c_valid {
 position: absolute;
 display: block;
 left: 10px;
 top: -55px;
 width:90px;
 border: 0px solid white;
 margin:0; padding: 0;
 }
.w3c_valid img {
 border: 0px solid white;
 width: 70px;
 margin:0; padding:0;
 }
.w3c_valid a {  border: 0px solid white; }
 /* W3C valid CSS as of 9/7/05 */

/* items for images page(s) */
.imgbox_c {
    position: relative;
		clear: none;
		top:0; left:0;
    margin:0px;
    text-align:center;
		border: 0px solid red;
		}
.imgbox_c img {
 height: 250px;
 border: 4px solid rgb(205,210,183); /* swatck */
 margin: 0 auto;
 }
.pic_caption {
 text-align: center;
 font-size:0.9em;
 font-weight: 700;
 color: rgb(195,0,70);
 margin-bottom: 0; padding: 0;
 }
.dropcap100 {   /* method: mandarin design: http://www.mandarindesign.com/dropcaps.html */
 position: relative;
 float:left;
 background-color: transparent;
 color:rgb(205,210,183);
 font-size:100px;  /* 100/70 px */
 line-height:70px;
 padding-top:4px;
 padding-right: 6px;
 font-family: Georgia, 'times new roman', Palatino, Garamond, Times, serif;
 }
.dropcap80 {
 position: relative;
 float:left;
 background-color: transparent;
 color:rgb(205,210,183);
 font-size:80px;
 line-height:65px;
 padding-top:3px;
 margin-right: 5px;
 border: none;
 font-family: Georgia, 'times new roman', Palatino, Garamond, Times, serif;
 }
.dropcap65 {
 position: relative;
 float:left;
 background-color: transparent;
 color:rgb(205,210,183);
 font-size:65px;
 line-height:45px;
 padding-top:3px;
 padding-right: 3px;
 font-family: Georgia, 'times new roman', Palatino, Garamond, Times, serif; 
 }
.emtext1 {
 /* color:rgb(50,50,10);  best lighter olive: 105,110,90 */
 font-style: oblique;
 font-size: 1.1em;
 font-weight: 600;
 }
 /* Image gallery for sober living homes and other pages */
#table_intro {
 margin-top: 12px;
 margin-bottom: 0px;
 font-size: 0.9em;
 text-align: center;
 font-weight: 500;
 }
.fw600 { text-align: center; font-weight: 600; }
.gallery {
 /* margin-left: 12px; */
 border: 0px solid red; margin-bottom: 0;
 }
.gallery img {border: 0px solid red; width: 110px; } /* this is the place to control thumb widths */
.gallery a.link {text-decoration: none;}
.gallery a.visited {text-decoration: none;}
.gallery a.active {text-decoration: none;}
.gallery a.hover {text-decoration: none;}

table {
 border-collapse: separate;
 padding: 5px;
 margin: 0 auto 10px auto;
 border: 0px solid blue;
 border-spacing: 5px 2px; /* not supported by Internet Explorer */
 background-color: rgb(240,243,225); /* swatch: 205,210,183; nav_items: 240,243,225 */
 color: rgb(25,25,75);
 }

td {
 border: 0px solid red;
 background-color: transparent;
 color:  rgb(25,25,75);
 text-align: center;
 font-size: .7em;
 font-weight: 600;
 }

.thumb {
 border: none; 
 }
#sitemap ul li {
 line-height: 1.3em;
 font-size: 0.9em;
 list-style-image: none;
 list-style-type: none;
 }

/* Extra navigation links (horizontal, centered bar within body text) */
#linkbar {
 position: relative;
 top: 0px; left:0px;
 width: 550px;
 /*height: 30px; */
 z-index: 2;
 padding-top: 0; padding-bottom: 0;
 margin: 10px auto 15px auto;
 background-color: rgb(240,243,225);
 color: black;
 }

#linkbar img {
 position: absolute;
 z-index: 1;
 top: 0; left: 0;
 width: 100%;
 height: 30px;
 }
#linkbar2 {   /* for single button at bottom of sober living homes pages */
 position: relative;
 top: 0px; left:0px;
 width: 250px;
 margin-top: 10px;
 z-index: 2;
 /* padding-top: 1px; padding-bottom: 1px; */
 margin: 10px auto 15px auto;
 background-color: rgb(240,243,225);
 color: black;

 }
.link_container {
 position: relative;
 text-align: center;
 margin: 0 auto;
 padding: 0px 0 0px 0;
 background-color: transparent;
 color: blue;
 border: 0px solid green;
 }
div.hlinks a {
position: relative;
    display: inline;
    margin: 0;
    padding: .4em .6em .4em .6em ;
		font-size: 0.7em;
		width: 170px;	
    font-weight: 600;
    border-top: 2px solid rgb(245,245,255);
		border-right: 2px solid rgb(245,245,255);
		border-bottom: 3px solid rgb(170,185,195);
		border-left: 3px solid rgb(170,185,195);
		background-color: rgb(255,255,243); /* tan matching page and nav: 245,245,235 */
    color: rgb(0,0,90);
		} 
div.hlinks a {
    color: rgb(0,0,90);
		font-weight: 600;
		text-decoration: none;
}
html>body div.hlinks a {
 width: auto;
 } /* hack for CSS-compliant browsers */

div.hlinks a:link {
		background-color:rgb(255,255,243);
    color:rgb(0,0,90);
		font-weight: 600;
		text-decoration:none;
		}
div.hlinks a:visited {
		background-color:rgb(255,255,243);
    color:rgb(0,0,90);
		text-decoration:none;
		} 
div.hlinks a:hover {
		background-color:rgb(245,250,255);
    color:rgb(130,40,10);
		text-decoration:none;
		}
div.hlinks a:active {
		background-color:rgb(110,135,160);
    color:rgb(0,0,90);
		text-decoration:none;
		}
.bod_list {
 line-height: 1.0em;
 padding-bottom: 0;
 margin-bottom: 20px;
 }
.bod {
 font-weight: 500;
 margin-bottom: 0px;
 line-height: 1.0em;
 }
.bod a:link { color: rgb(0,80,100); }
.bod a:visited { color: rgb(0,80,100); }
.bod a:hover { background-color: rgb(240,243,225); color: rgb(125,30,50); }
.bod a:active { color: rgb(0,80,100); }

.bbios img { margin-top: .5em; border: 0px solid red; }

.lilink { text-decoration: none; }
.lilink a { font-weight: 600; padding: 0 4px; }
.lilink a:link {
 background-color: transparent;
 color: rgb(0,0,89);
 font-weight: 600;
 text-decoration: none;
 }
.lilink a:visited {  background-color: transparent; color: rgb(0,0,89); text-decoration: none; }
.lilink a:hover { background-color: rgb(80,110,140); color: rgb(240,250,255); }
.lilink a:active {  background-color: transparent; color: rgb(110,0,40); text-decoration: none; }
/* curve elements for outside of center text area */
.lcurve {
 position: absolute;
 z-index: 3;
 top: 0px; left: 0px;
 margin: 85px 0 0 -38px;
 border: 0px solid white;
 }

.lcurve img {
 top: 0; left: 0;
 margin-left: 0; padding: 0;
 width: 32px;
 }
.rcurve {
 position: absolute;
 z-index: 3;
 top: 0; right: 0;
 margin: 85px -38px 0 0;
 }
.rcurve img {
 top: 0; right: 0;
 margin:0; padding: 0;
 width: 32px;
 }
.intro_color { /* early page banner now used for popup comment form only */
 font-size: 1.0em;
font-weight: 700;
margin: 15px 0 0 0;
padding-top: 5px; padding-bottom: 6px;
background-color: rgb(200,215,235); /* med blue-grey: 165,185,210 */
color: rgb(40,0,110);
border: 0px solid blue;
 }
.intro_color h4 { margin: 10px auto 15px 25px; }
.comment_p {
 margin: auto 12px;
 }
.pitch_div { margin-bottom: 20px; }
.pitch_div p { margin: 6px auto; }
.pitch1 {
 background-color: rgb(240,243,225);
 margin-top: 0;
 padding: 4px 20px;
 }
 /* formatting for bullet point services on About... page */
.servlist {
	margin: auto 25px 1em 35px;
  }
.servlist li {
   font-size: 0.85em;
	 line-height: 1.5em;
	 color: rgb(55,60,40);
	 }

/* Contribute/volunteer navigation links (horizontal, centered bar) */
#vlinkbar {
 position: relative;
 top: 0px; left:0px;
 width: 550px;
 /*height: 30px; */
 z-index: 2;
 padding-top: 0; padding-bottom: 0;
 margin: 0 auto 15px auto;
 background-color: rgb(240,243,225);
 color: black;
 }
#vlinkbar img {
 position: absolute;
 z-index: 1;
 top: 0; left: 0;
 width: 100%;
 height: 30px;
 }
.vlink_container {
 position: relative;
 text-align: center;
 margin: 0 auto;
 padding: 9px 0 13px 0;
 background-color: transparent;
 color: blue;
 border: 0px solid green;
 }
div.vhlinks a {
position: relative;
    display: inline;
    margin: 0;
    padding: .4em .6em .4em .6em ;
		font-size: 0.7em;
		width: 170px;	
    font-weight: 600;
    border-top: 2px solid rgb(235,255,255);
		border-right: 2px solid rgb(235,255,255);
		border-bottom: 3px solid rgb(160,195,225);
		border-left: 3px solid rgb(160,195,225);
		background-color: rgb(255,255,255); /* tan matching page and nav: 245,245,235 */
    color: rgb(0,0,90);
		} 
div.vhlinks a {
    color: rgb(0,0,90);
		font-weight: 600;
		text-decoration: none;
}
html>body div.vhlinks a {
 width: auto;
 } /* hack for CSS-compliant browsers */

div.vhlinks a:link {
		background-color:rgb(220,245,250);
    color:rgb(0,0,90);
		font-weight: 600;
		text-decoration:none;
		}
div.vhlinks a:visited {
		background-color:rgb(220,245,250);
    color:rgb(0,0,90);
		text-decoration:none;
		} 
div.vhlinks a:hover {
		background-color:rgb(245,245,250);
    color:rgb(130,40,10);
		text-decoration:none;
		}
div.vhlinks a:active {
		background-color:rgb(110,135,160);
    color:rgb(0,0,90);
		text-decoration:none;
		}
.sm_link a {
 font-size: 0.7em;
 font-style: italic;
 text-align: center;
 background-color: transparent;
 color: blue;
 }
.sm_link a:visited {color: blue; }
.sm_link a:hover { color: white; }
.sm_link a:active {color: blue; }

.credits {
 margin-top: 20px;
 margin-bottom: 20px;
 }
.credits a { font-weight: 500; }
.credits a:link { font-weight: 500; }
.credits a:visited { font-weight: 500; }
.credits a:hover { font-weight: 500; }
.credits a:active { font-weight: 500; }

/* image links on the left-hand sidebar, if used */
.lbar_imgs img {border: 0px solid black;}
.lbar_imgs a {
 text-decoration: none;
 border: none;
 }
.lbar_imgs a:link { text-decoration: none;  border: none; }
.lbar_imgs a:visited { text-decoration: none;  border: none; }
.lbar_imgs a:hover { text-decoration: none;  border: none; }
.lbar_imgs a:active { text-decoration: none;  border: none; }

/* CSS for the SLhouses page */
/* Extra navigation links (horizontal, centered bar within body text) */
#pic_linkbar {
 position: relative;
 top: 0px; left:0px;
 width: 550px;
 text-align: center;
 padding-top: 0px; padding-bottom: 0;
 margin: 0 auto 15px auto;
 background-color: rgb(240,243,225); /* nav bar: 240,243,225 */
 color: green;
 border: 1px solid rgb(25,80,95);
 }
 html>body #pic_linkbar {
 top: 0px;
 /* padding-top: 5px; padding-bottom: 7px; */
 padding-left: 0px;
 }

.sl_gallery {
 margin: 0 auto;
 width: 100%;
 text-align: center;
 border: 0px solid red;
 }
.sl_gallery p {
 text-align: center;
 font-size: 0.80em;
 margin: 8px auto 0 auto;
 font-weight: 500;
 background-color: transparent;
 /* color: rgb(25,30,50); */
 }
.sl_gallery table {
 margin: 5px auto;
 border-collapse: separate;
 padding: 0px;
 border: 0px solid blue;
 border-spacing: 3px; /* not supported by Internet Explorer */
 background-color: transparent; 
 }
.sl_gallery img {border: 0px solid red;}
.lh { text-decoration: none; }

.sl_gallery a {
   color: rgb(40,60,80);
	 text-decoration: none;
	 font-weight: 600;
	 }
 
.sl_gallery td {
 border: 0px solid red;
 background-color: transparent;

 text-align: center;
 font-size: .75em;
 font-weight: 600;
 }
 
.sl_gallery  a:link {color: rgb(40,60,80); text-decoration: none;}
.sl_gallery  a:visited {color: rgb(40,60,80); text-decoration: none;}
.sl_gallery  a:hover {background-color: rgb(255,255,255); color: rgb(100,100,255); text-decoration: none; font-weight: 700;}
.sl_gallery  a:active {color: rgb(140,160,180); text-decoration: none;}

.link_img img {border: none;}
.link_img a {
   color: rgb(40,60,80);
	 border: none; text-decoration: none;
	 font-weight: 600;
	 }
.link_img a:link {color: rgb(40,60,80); border: none; text-decoration: none;}
.link_img a:visited {color: rgb(40,60,80); border: none; text-decoration: none;}
.link_img a:hover {color: rgb(100,100,255); border: none; text-decoration: none;}
.link_img a:active {color: rgb(140,160,180); border: none; text-decoration: none;}

/* .sl_gallery a:hover { color: white; } */

.thumb {
 width: 150px; /* sets width for individual thumbnails. Height will auto-adjust. */
 }