/*  Pleasant Hill Cohousing CSS stylesheet  using flyout menu by Stu Nichols*/

/*-------------------------------------------------------------------------*/

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color:#4c667f;
	height:100%;
	font-size: 12px;
	margin:0px;
	padding:0px;
}

body a:link
	{
         color:#21588E;  /*blue*/
         text-decoration:none;
         font-weight:bold;
	}

body a:visited
	{
        color:#4D0099; /*darker purple*/
         font-weight:bold;
        text-decoration:none;
 	}

body a:hover  {
	color:#645E00;  /*darkgold*/
	text-decoration:underline;
 	}
	

h1 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:18px; 
text-transform:none;
line-height:25px;
text-align:center;
color:#00003d;
text-decoration:none;
padding:0px;
margin:0px;
margin-top: 10px;
letter-spacing:2px;
}


h2 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:14px; 
line-height:20px;
text-align:left;
color:#00003d;
text-decoration:none;
padding: 15px 0px 0px 0px;
margin: 0px;
}


h3 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:12px; 
line-height:30px;
text-align:left;
color:#00003d;
padding: 15px 0px 0px 0px;
margin:0px;
}



h4 {
font-family: Verdana, Helvetica, sans-serif;
font-size:12px; 
line-height:15px;
text-align:left;
color:#00003d;
padding: 0px;
margin:0px;
letter-spacing:2px;
}


h5 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: normal;
	text-align: left;
	color: #000;
	text-decoration: none;
	border-bottom:#000 thin solid;
	margin: 5px 0px 10px 0px;
	padding:0px;
}


img {border:none;}


/*-------------------------------------------------------------------------*/
/* STYLES FOR LAYOUT */

.biobox {
	border:5px solid #4c667f;
	padding:10px; 
	font-size:12px; 
	font-family: Arial, san-serif;
}

.centercol {
	margin:0px;
	background-color: #FFFFFF;   /* white */
	padding: 5px 20px 5px 10px;
	text-align:left;
	width:645px;
	font-size: 12px;
	}

.footer
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#fff3cb;  /*beige*/
	padding-top:5px;
	padding-bottom:20px;
	width:800px;
	text-align:center;
	float:none;
	margin-left: auto; 
	margin-right: auto;
	}

	
.footer a:link 	{
	color:#fff;
	color:#fff3cb;  /*beige*/
	}
	
.footer a:visited 	{
	color:#dba400; /*gold*/
	}
	
.footer a:hover 	{
	color:#FFDD75;  /* light gold*/
	text-decoration:underline;
	}



.header { 
	background-color:#dba400;
	padding:10px;
	border-bottom: 3px solid white;
} 


      
.leftcol {
	background-color:#dba400;  /*new gold*/
	width:157px;
	margin:0px;
	padding:0px;
}



.wrapper {				/* total width */
	text-align:left; 
	width: 800px; 
	margin:auto;
	padding:0px;
	border: none;
} 

	
/*-------------------------------------------------------------------------*/
/* STYLES CREATED BY US */


.bold { font-weight:bold;}


.center { text-align: center;}



.double  li {
/* this is for double-spaced lists */
  margin-bottom: 15px; 
}



.float-left {
  float: left;
  padding-right: 10px;
}

.float-right {
  float: right;
  padding-left: 10px;
}

.float-clear {
 clear: both;
}

.indent {
  margin-left: 20px;
  margin-bottom: 5px;
  margin-top: 5px;
}

.left { text-align: left;}

	
.noticebox {
	border:4px solid #dba400;
	font-size:16px;
	color: navy;
	text-align: center;
	width:350px;
	margin:auto;
	padding:10px;
	margin-top:10px;
}


.right { text-align: right;}


.single  li {
/* this is for single-spaced lists that come within double-spaced lists */
  margin: 3px 0px 0px 0px; 
}


.smalltext {
	font-size:80%;
}

.toc {
text-align:center;
padding: 5px 0px 0px 0px;
font-size:12px;
}




.tocphotos {
text-align:center;
padding:10px 0px 10px 0px;
}


.updated {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  color:#fff3cb;  /*beige*/
  margin-top: 20px;
  text-align:left;
  margin-left:10px;
}



/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/* LEFT NAVIGATION BAR */

/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
/* common styling */
/*container for menuing*/
.menu {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	width:155px;
	height:100%;
	position:relative;
	left: 0px;
	top: 15px;
	background-color:#dba400;  /*new gold*/
font-size:11px;
	margin:0px;
	z-index:1000;
}

/*base menu background color here*/
.menu ul li a, .menu ul li a:visited {
	display:block;
	text-decoration:none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	width:157px; /*space of base bar from first fly horiz measurement*/
	height:20px; /*height of individual bars*/
	text-align:left;
	line-height:19px;
	font-size:11px;
	text-indent:6px;
}
.menu ul {
	padding:0;
	margin:0;
	list-style-type: none;
}
.menu ul li {
	float:left;
	margin-right:1px;
	position:relative;
}
.menu ul li ul {
	display: none;
}
/*base menu ROLLOVER COLOR*/
/* specific to non IE browsers */
.menu ul li:hover a {
	color:#000;
	background-color:#FFDD75; / *light gold*/
}
/*distance of 1st level flyout from left of page*/
.menu ul li:hover ul {
	display:block;
	position:absolute;
	top:0;
	left:157px;  /*SH note - this must be same as width of base bar*/
	width:170px;
}
/*this is 3rd level flyout background color NO ROLLOVER--not used in uccc7107*/
.menu ul li:hover ul li a.hide {
	background:#dfc184;  /*darker beige - not used?*/
	color:#000;
}
.menu ul li:hover ul li:hover a.hide {
	width:205px;
}

.menu ul li:hover ul li ul {
	display: none;
}
/*width+color of 1st level flyout*/  /*SH note - must be wide enough for the text inside*/
.menu ul li:hover ul li a {
	display:block;
	background-color:#FFDD75; / *light gold*/
	color:#000;
	width:175px;
}


/*sublist 1 rollover background color*/
.menu ul li:hover ul li a:hover {
	background-color:#9eab7d;  /*new green*/
	background-color:#dba400;  /*new gold*/
	color:#000;
}
.menu ul li:hover ul li:hover ul {
	display:block;
	position:absolute;
	left:10px;
	top:0;
	color:#000;
}
/*this is sublist 2 menu base color */
.menu ul li:hover ul li:hover ul li a {
	display:block;
	width:205px;
	background:#ebe9c0;  /*very pale yellow*/
	color:#000;
}
/*this is sublist 2 rollover background*/
.menu ul li:hover ul li:hover ul li a:hover {
	background:#bd8d5e;  /*darkest beige - not used?*/
	color:#fff;
}

/*END stu nichols menu - 4/9/07 */
/* ================================================================*/