/* CSS for table-less home page */
body {
	background-color: #ffffff; /* original #E2E3DE*/
	color: #000000;
	background-image: url(sober_housing_Southern_california_pics/background-main.jpg);
	/* background-repeat: repeat;*/
 margin:0;
	padding:0;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 1.0em;
 }
 /*  link="#339966" vlink="#663399" alink="#666666" */
#outer_limits {
position:relative;
 top:0; left:0;
 margin:0; padding:0;
 width: 100%; 
 }
#outer_wrap {
position:relative;
 top:0; left:0;
 margin:0; padding:0;
 width: 100%;
 }
#top_banner {
 top:0; left:0;
 margin:0; padding:0;
 width: 100%;
 }
.flash_strip {
 top:0; left:0;
 width:100%;
 background-color: transparent;
 color: rgb(255,255,255);
 }
.stripe1 img {
  width: 100%; height: 28px;
 }
.image_strip {
 position: relative;
 top:0; left:0;
 margin:0; padding:0;
 width: 100%;
 height: 80px;
 background-color: #CCCCCC;
 color: blue;

 background-repeat: repeat-x; 
 }
#text_silo {
 position: relative;
 top:0; left:0;
 /* old: width: 820px; */
 width:880px;
 margin: 0px auto;
 background-color: transparent;
 color:#000033;
 }
#text_silo_w {
 position: relative;
 top:0; left:0;
 /* old: width: 820px; */
 width:920px;
 margin: 0px auto;
 background-color: transparent;
 color:#000033;
 }
#content_area
 {
 position: relative;
 top:0; left:0;
 width: 100%;
 margin: 0px auto;
 background-color: transparent;
 color:#000033;
 }
#table_area
 {
 position: relative;
 top:0; left:0;
 width: 780px;
 font-size:0.80em;
 margin: 0px auto;
 background-color: transparent;
 color:#000033;
 }
#table_area_wla
 {
 position: relative;
 top:0; left:0;
 width: 800px;
 font-size:0.80em;
 margin: 0px auto;
 background-color: transparent;
 color:#000033;
 } 
 
.altrow {
 /*background-color: rgb(225,230,230);*/
 background-color: rgb(240,245,245);
 }
.altrow a:link {
 color:#0000FF;
 }
 
.blankrow { 
  height:9px;
  /*font-size:1px; line-height: 2px;*/
  /*background-color: rgb(225,230,230);*/
  }
.txrt { text-align: right; }

.left_panel
 {
	position:relative;
	top:0;
	left:0;
	margin:0 auto 3px auto;
	padding:3px 0;
	float: left;
	/* old: width: 30%; */
  width: 234px;
	/*height: 500px;*/
  background-color: #698F9E;
	color:#000000;
  }
.right_panel
 {
  position:relative;
  top:0;
  left:0;
  float: right;
  /* old: width: 69%; */
  width: 636px;
  background-color: #FFFFFF;
  color:#000000;
  }
.right_panel p, .right_panel ul
 {
  font-size: 0.9em;
  line-height: 1.3em;
  }
.right_panel p
 {
    margin:0.3em 10px;
 }
.right_panel li
 {
  font-size: 1.0em;
  margin:0.3em 20px;
  line-height: 1.2em;
  }
.right_panel ul
 {
  font-size: 0.9em;
  margin-right: 20px;
  line-height: 1.2em;
  }
/* alt width */
.right_panel_w
 {
  position:relative;
  top:0;
  left:0;
  float: right;
  /* old: width: 69%; */
  width: 676px;
  background-color: #FFFFFF;
  color:#000000;
  }
.right_panel_w p, .right_panel_w ul
 {
  font-size: 0.9em;
  line-height: 1.3em;
  }
.right_panel_w p
 {
    margin:0.3em 10px;
 }
.right_panel_w li
 {
  font-size: 1.0em;
  margin:0.3em 20px;
  line-height: 1.2em;
  }
.right_panel_w ul
 {
  font-size: 0.9em;
  margin-right: 20px;
  line-height: 1.2em;
  }
.lp_box
 {
  position:relative;
  top:0;
  left:0;
  /*width:100%;*/
  margin: 8px 7px;
  padding:5px 4px;
  
  font-size: 0.8em;
  background-color: #F0F2DB;
  color:#003333;
  }
.lp_box p {margin: 0.5em 5px;}

.rp_box
 {
  position:relative;
  top:0;
  left:0;
  /*width:100%;*/
  margin: 18px 7px;
  padding: 0 0 0 4px;
  font-size: 0.9em;
  border: 1px solid #990000;
  background-color: #D3EBF5; /* CDDDE2 */
  color:#003333;
  }   
.rp_box p {margin: 0.8em 12px;}
.rp_boxr
 {
  float: right;
  width: 250px;
  margin: 12px 4px;
  padding: 0 0 0 3px;
  font-size: 0.85em;
  border: 1px solid #990000;
  background-color: #D3EBF5; /* CDDDE2 */
  color:#003333;
  }   
.rp_boxr p {margin: 0.8em 12px;}
/* This set of base styles is from the current style sheet [sober_housing.css] */
a:link {
	color: #996633; text-decoration: none; 
}
a:visited	{ 
	color: #996633; text-decoration: none; 
}
a:active	{ 
	color: #996633; text-decoration: none; 
}
a:hover		{ 
	color: #9966FF; text-decoration: none;
}
.bluelinks a {
	color:#2233FF;
	}
.bluelinks a:link {
	color:#2233FF;
	}
.bluelinks a:visited {
	color:#2233FF;
	}
.bluelinks a:hover {
	color: #CC0033; text-decoration:underline;
	}
.bluelinks a:active {
	color:#2233FF;
	}
.h2		{ color: #647D86; font-family: geneva, verdana, arial, sans-serif; font-weight: bolder; font-size:28px; }
.title		{ color: #000000; font: 18px verdana, arial, sans-serif; font-weight: bold }
.list 	{ COLOR: #000000; FONT: 12px geneva, verdana, arial, sans-serif; font-weight: normal }
.subtitle	{ COLOR: #999999; FONT: 18px geneva, verdana, arial, sans-serif; font-weight: bold }
/* End of base styles. In addition to a few composites above, others are used. copy to above if needed. */
.menu_bg {
 position: relative;
 top:0; left:0;
 margin:0; padding:0;
 width: 100%;
 height: 24px;
 background-color: rgb(200,200,200);
 color: blue;
 background-image: url("sober_housing_Southern_california_pics/background-menu.gif");
 background-repeat: repeat-x; 
 }
.link_container {
 position: relative;
 top:0; right: 5px;
 text-align: right;
 margin: 0 10px auto 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: .2em .5em;
	font-size: 0.75em;
	width: 170px;	
    font-weight: 600;
    border-top: 0px solid rgb(245,245,255);
	border-right: 0px solid rgb(245,245,255);
	border-bottom: 0px solid rgb(170,185,195);
	border-left: 0px solid rgb(170,185,195);
	background-color: transparent; /* tan matching page and nav: 245,245,235 */
    color: rgb(110,120,120);
		} 

html>body div.hlinks a {
 width: auto;
 } /* hack for CSS-compliant browsers */

div.hlinks a:link {
		background-color: transparent;
    color:rgb(90,110,110);
		font-weight: 600;
		text-decoration:none;
		}
div.hlinks a:visited {
		background-color: transparent;
    color:rgb(90,110,110);
		text-decoration:none;
		} 
div.hlinks a:hover {
		background-color:rgb(225,230,230);
    color:rgb(130,40,10);
		text-decoration:none;
		}
div.hlinks a:active {
		background-color:rgb(110,135,160);
    color:rgb(90,110,110);
		text-decoration:none;
		}
.footer {
 position: relative;
 z-index:1;
 /*bottom:0; left:0;*/
 margin:0; padding:0;
 width: 100%;
 }
.bottom_stripe{
  position: relative;
	/*top:0; left:0;*/
	width: 100%;
	height: 42px;
	background-color: green;
	color: white;
	background-image: url("sober_housing_Southern_california_pics/bottom-shade.gif");
 }
.copyright {
 font-size: 0.65em;
 margin: 0px auto 0px 20px;
 padding: 5px 0;
 color: rgb(150,150,150);
 }
.bottom_stripe a:link {color: green; text-decoration: none;}
.bottom_stripe a:visited {color: green; text-decoration: none;}
.bottom_stripe a:hover {color: blue; text-decoration: none;}
.bottom_stripe a:active {color: green; text-decoration: none;}

/* sponsorship recognition block elememts */
.sponsor_block
 {
  width: 100%;
  margin: 6px auto;
  font-size: 0.8em;
  }
.sbtext
 {
  font-size: 0.8em;
  font-weight:500;
  line-height: 1.3em;
  color:#243A51;
  }
.noborder { border: none; }
.sponsor_block img a:link {text-decoration:none; border: none; }
.sponsor_block img a:visited {text-decoration:none; border: none; }
.sponsor_block img a:hover {text-decoration:none; border: none; }
.sponsor_block img a:active {text-decoration:none; border: none; }

.s_image_block
 {
  text-align: center;
  margin:0 auto;
  }
.s_image
 {
    border: none;
 }
.sponsor_name
 {
  color: #2C5967;
  font-size: 1.2em;
  font-weight: 600;
  margin: 1.0em auto 5px 30px;
  }
.sponsor_name a:link {text-decoration: none; color: #2C5967;}
.sponsor_name a:visited {text-decoration: none; color: #2C5967;}
.sponsor_name a:hover {text-decoration: underline; color: #0066CC;}
.sponsor_name a:active {text-decoration: none; color: #2C5967;}

.sdivide
 {
  width:586px;
  height:5px;
  margin:6px auto 6px 10px;
  }

/*next are from current style sheet, for drop-down menu*/
FORM {
	/* height:30px;  */
	vertical-align:bottom;
	line-height: 24px;
}
.button-popups {background-color:#E2E3DE;
		background-image:  url("sober_housing_Southern_california_pics/button-popups.gif");
		font-family: arial, verdana, helvetica, sans-serif;
		width: 100%;
		height: 25px;
		color: #888888;
		font-size: 8pt;
		/*cursor:hand;*/
		font-weight: bold;
		border: #000000 0px solid }

.buttonon-popups {background-color:#AEB0BA;
		background-image:  url("sober_housing_Southern_california_pics/buttonon-popups.gif");
		font-family: arial, verdana, helvetica, sans-serif;
		width: 100%;
		height: 25px;
		color: #000000;
		font-size: 8pt;
		/*cursor:hand;*/
		font-weight: bold;
		border: #000000 0px solid }

.shadeform	{ font: 13px arial, verdana, sans-serif;
		background-image:  url("sober_housing_Southern_california_pics/shadeform.gif");
		text-align: left;
		width: 180PX;
		border: #000000 1px solid}
.reg_form {
		font-size:0.75em;
		}

.dropdown {
	color: #333333;
	width: 180px;
	font: 11px geneva, verdana, arial, sans-serif;
	background-color: #E8EFF0;
}
.submitbutton { font: 9pt verdana, arial,  sans-serif;
		font-weight: bold;
		color: #000000;
		border: #000000 1px solid;
		padding-top: 2px;
		padding-bottom: 2px;
		background-color:#eeeeee; }
		

.submitbuttonon { font: 9pt verdana, arial,  sans-serif;
		font-weight: bold;
		color: #000000;
		border: #000000 1px solid;
		padding-top: 2px;
		padding-bottom: 2px;
		background-color:#FFCC99; }

.bottom_address {
 width: 300px;
 margin: 20px auto;
 font-size: 0.9em;
 text-align:center;
 }
.bottom_address2 {
 width: 300px;
 margin: 20px auto;
 font-size: 0.9em;
 text-align:center;
 } 
.cform_text {
	font-size: 1.0em;
	font-weight: 500;
}
.cancelled {
 font-size: 1.4em;
 font-weight:700;
 color:#CC0000;
 margin-top: 4px; margin-bottom:4px;
 }
.boldred {
 font-size: 1.0em;
 font-weight:600;
 margin: 0.1em auto;
 color: #cd0000;
 }
 
.emtext {
 font-weight: 600;
 }
 .emtext2 {
 font-weight: 600;
 font-size:1.6em;
 }
 
.standard {
 font-size: 0.8em;
 font-weight: 600;
 padding:4px 0;
 margin: 6px auto;
 border: 1px solid #000000;
 }
.premium {
 font-size: 0.8em;
 font-weight: 600;
 padding:10px 0;
 margin: 6px auto;
 border: 1px solid #000000;
/* background-color: rgb(200,200,255); color: black;*/
 }
.pcell {
 font-weight: 600; font-size: 1.25em;
 }

/* styles for housing rights page */
.qindex {
	font-size: 1.0em;
	margin: 0.5em 10px;
	background-color: #DEF5FA;
 }
.emtitle {
 font-weight: 600;
 font-style:italic;
 font-size: 1.1em;
 margin-top: 0.5em;
 }

.qlinks {padding:4px 5px 4px 5px;}
.qlinks a: {font-size: 1.1em; font-weight:600; padding:5px; color: #003333;}
.qlinks a:link {font-size: 1.1em; font-weight:600; text-decoration: none; color: #003333;}
.qlinks a:visited {font-size: 1.1em; font-weight:600; text-decoration: none; color: #003333;}
.qlinks a:hover {font-size: 1.1em; font-weight:600; text-decoration: underline; color: #0033FF;}
.qlinks a:active {font-size: 1.1em; font-weight:600; text-decoration: none; color: #003333;}

.tight {
   font-size: 0.85em;
   font-weight: 500;
   /*font-family: verdana, tahoma, arial, sans-serif;*/
   font-family: verdana, tahoma, arial, sans-serif;
   }
.tight_bold {
   padding-top: 10px;
   font-weight:600;
   color: #CC0000;
   }
.nlist {
	font-size: 0.9em;
}
/* styles for article summaries and links August  2009 */
.article {
   width: 560px;
   margin: 15px auto;
   padding: 3px 0;
   text-align: center;
   background-color:#D9EBF4;
   border: 1px solid #003333;
   }
.article h3 {
   font-size: 0.9em;
   font=weight:600;
   text-align:left;
   margin:3px auto 4px 10px;
   padding: 4px 6px;
   }
.article p {
   font-size: 0.9em;
   font=weight:500;
   text-align:left;
   }
   
.article a: {font-size: 1.1em; font-weight:600; padding:5px; color: #003333;}
.article a:link {font-size: 1.1em; font-weight:600; text-decoration: none; color: #003333;}
.article a:visited {font-size: 1.1em; font-weight:600; text-decoration: none; color: #003333;}
.article a:hover {font-size: 1.1em; font-weight:600; text-decoration: underline; color: #0033FF;}
.article a:active {font-size: 1.1em; font-weight:600; text-decoration: none; color: #003333;}

/* styles for longer article text Feb. 2010 */
.art2 {
  /* width: 560px;
   margin: 15px auto;*/
   margin: auto 22px;
   padding: 3px 0;
   line-height: 2.7em;
   /*text-align: center;*/

   }
.art2 h2 {
	font-size: 1.6em;
	font-weight: 600;
	    margin:0.3em 10px;
	text-align:left;
}
.art2 h3 {
   font-size: 0.9em;
   font=weight:600;
       margin:0.3em 10px;
   text-align:left;
   padding: 4px 6px;
   }
.art2 p {
   font-size: 0.8em;
   font=weight:500;
   line-height: 1.7em;
       margin:0.3em 10px;
   text-align:left;
   }
.art2Quote {
	padding-left: 12px;
	padding-right: 10px;
	font-weight: 600;
	font-size:90%;
}
.art2 a: {font-size: 1.1em; font-weight:600; padding:5px; color: #003333;}
.art2 a:link {font-size: 1.1em; font-weight:600; text-decoration: none; color: #003333;}
.art2 a:visited {font-size: 1.1em; font-weight:600; text-decoration: none; color: #003333;}
.art2 a:hover {font-size: 1.1em; font-weight:600; text-decoration: underline; color: #0033FF;}
.art2 a:active {font-size: 1.1em; font-weight:600; text-decoration: none; color: #003333;}
.art2title {
	font-size: 1.1em;
	font-weight:600;
	margin: 2em auto;
	padding: 1em 0 0 0;
}

/* styles for new two-line listings */

.test2 {
	background-color: rgb(240,245,245);
 	line-height: 2.7em;
	font-size: 1.1em;
}
.altrow2 {
 /*background-color: rgb(225,230,230);*/
 background-color: rgb(240,245,245);
 line-height: 2.7em;
 }
.altrow2 a:link {
 color:#0000FF;
 }

.nl_hname {
	font-size: 1.0em;
	padding-right:10px;
}
/* announcement block similar to the one for the Summit, but narrower */

.rightBanners {
	float:right;
	width: 356px;
}
.announce1 {
	width: 336px;
	margin: 4px;

}
.announce1 p {
	font-size: 0.80em;
	font-weight: 600;
	margin:0;
}