/*-----------------------------------------------------------------------------
 Copyright Whittier Home Association 2008 
 KATE BROUGHTON/DON MESKIE
 WatershedOnlineMedia.com

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


/*******************************GLOBAL*****************************************/
body  {
	padding:0;
	margin:0;
	background-color:#FFF;
	background-image:url(../images/img_SpencerianHandwriting.jpg);
	background-position:top;
	}
	
blockquote {
	padding: 5px 20px 5px 20px;
	font-family:"Times New Roman",Times, serif;   
	font-size: 12px;    
	line-height: 18px;    
	}	
	
/*******************************CONTAINER*******************************/
#container {
	margin:5px auto;
	width:900px;
	background-color:#ffffff; /*KB note 11-3-08: Restore this to #CEDAD1 once we figure how to prevent it from affected inside pgs*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #D5AE90;
}
/**********************************UTILITY CLASSES**********************************/
.break {
	clear:both;
	}
/*******************************HEADER*******************************/
#header {
	background-image:url(../images/header_bg.jpg);
	background-position:top;
	margin: 0;
	width:100%;
	height:90px;
	float:left;
	}
/*******************************TOP NAVIGATION*******************************/
#top_nav {
	padding:0;
	margin:0;
	font-size:11px;
	background-color:#5F7D66; /*was 80634D*/
	text-align:center;
	width:100%;
	/*background-image:url(../images/topNav.jpg);*/
	background-repeat:repeat-x;
	}
#top_nav ul {
	padding:5px 0;
	margin:0;
	}
#top_nav ul li {
	display:inline;
	}
#top_nav a:link {
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	padding:5px 20px;
	} 
#top_nav a:visited {
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	padding:5px 20px;
	} 
#top_nav a:hover {
	text-decoration:none;
	color:#604954;
	font-weight:bold;
	background-color:#FFFFFF;
	padding:5px 20px;
	background-repeat:repeat-x;
	} 
#top_nav a:active {
	text-decoration:none;
	color:#CC3300;
	font-weight:bold;
	padding:5px 20px;
	}
	
/***************************HOME PAGE**********************************/

#bodyBG { /*this is the container area for the home page content BELOW the nav bar*/
	background-color:#BFC6B3;  /*light sage green*/
}

/*#home_body_container { this is the box that holds the  home page content - Is it necessary? Not sure
	width:900px;
	height:500px;
	float:left;
} */

#home_left-body { /*the left side of the page where the pic of the house is*/
	width:360px;
	height:420px;
	float:left;
	background-color:#E1DCCB;
	border-right: 1px solid #D5AE90;
	/*background-image:url(../images/home_left_bot_bg.jpg);*/
	background-repeat:no-repeat;
	background-position:bottom;	
	}
	
#home_left-body img {
	padding:0 0 2px 0;
	}
	
#home_left-body p  {
	font-family: Georgia, Times, serif;
	font-style:italic;
	font-size: 12px;
	line-height:18px;
	padding: 0px 8px 4px 10px;
	margin-left:6px; 
}

#home_left-body a {	
	text-decoration:none;
	color:#566F5C;
	}
	
#home_left-body a:hover {
	color:#495860;
	}
		
#home_right-body {  /*Welcome text area */
	width:355px;
	height: 410px;
	margin: 0; 
	padding:10px 12px 0px 10px;
	float:left;
	background-color:#CEDAD1;
}

#home_right-body h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size:18px;
	text-align:center;
	color:#333333;
	margin:0; 
	padding:10px 0 0 0;
	}
	
#home_right-body h2 { /*italic subhead */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-style:italic;
	line-height:20px;
	text-align:left;
	color:#656E4A;
	/*margin:4px 0 0 0; why use margin for space between text? */
	padding:4px 0 0 0;
	}
	
#home_right-body h3 {	/*bold paragraph subhead */
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	color: #96A3B0;
	/*margin:4px 0 0 0; why use margin for space between text? */
	padding:4px 0 0 0;
	}
	
#home_right-body p {
	font-family: "MS Serif", "New York", serif;
	text-align:justify;
	font-size: 13px;
	color: #333333;
	line-height:20px;
	padding: 0px 8px 4px 0px;
	margin-left:6px; 
	}

	
.img-right {
	float:right;
	margin: 0 0 8px 12px;
	}
	
.img-left {
	float:left;
	margin: 0 12px 8px 0;
	}

#home_sidebar { /*used to be called news-box*/
	width:118px;
	height:388px;
	float:right;
	margin: 6px 25px 8px 8px;
	padding:3px;
	border:0;	
	}
	
#home_sidebar h3{
	text-align:center;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:900;
	padding:0;
	Margin:0 0 20px 0;
	background-color:#B1BDC4;
	padding:2px 0 5px 0;
	width:130px;
	}
#home_sidebar p{
	padding:2px;
	font-weight:500;
	color:#666666;
	line-height:1.5em;
	}
#home_sidebar a{
	text-decoration:none;
	border-collapse:collapse;
	}
#home_sidebar a:link{
	text-decoration:none;
	border-collapse:collapse;
	}
#home_sidebar a:visited{
	text-decoration:none;
	border-collapse:collapse;
	}
#home_sidebar a:hover{
	text-decoration:none;
	border-collapse:collapse;
	}
#home_sidebar a:active{
	text-decoration:none;
	border-collapse:collapse;
	}
	

	
/*************SECONDARY PAGES**********************************/

/*******************************HEADER*******************************/
#header_secondary {
	background-image:url(../images/header_secondary2.jpg);
	background-position:top;
	margin: 0;
	width:100%;
	height:90px;
	float:left;
}

/********************************SIDEBAR-LEFT********************/	

#secondary_left { /*box properties*/
	width: 160px;
	height:430px;
	float:left;
	margin: 0 8px 0 0;
	padding:0px 3px 3px 6px; 
	border-right:1px solid #D5AE90;
	background-color:#BFC6B3;
	}
	
#secondary_left h3 { 
	text-align:left;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:900;
	padding:3px 0 0 0; /*this is for space above and space below the h3*/
}
	
#secondary_left p{
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	font-weight:500;
	line-height:1.5em;
	margin:0;
}

#secondary_left ul {
	padding:0;
	margin:0;
	}
	
#secondary_left ul li{
	list-style-type:none;
	font-size:10.5px;
	font-weight:700;
	line-height:20px;
	}

#secondary_left ul li a{	
	text-decoration:none;
	color:#3F4141;
	}
#secondary_left ul li a:hover{
	color:#ffffff;
	}

/***********************POETRY EXCERPTS******************************/
#poetry_excerpts { 
	color:#434F56; /*dark navy blue*/
	width: 155px;
	height:410px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	font-weight:750;
	font-style:italic;
	line-height:1.6em;
	float:left;
	margin: 18px 0px 3px 0px;
	border:0;
	
	} 

/*************** (Secondary) BODY **********************/

#secondary_body { /*box properties*/
	width:520px;
	float:left;
	border-right:1px solid #D5AE90;
	margin:4px 6px 0 12px;
	padding-right:4px;
	
}

#secondary_body h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	text-align:left;
	padding:3px 0 0 0;
	color:#555555;
	}
	
#secondary_body h2 { /*italic subhead */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height: 20px;
	font-style:italic;
	text-align:left;
	color:#545454;
	padding:2px 0 10px 0;
	}
	
#secondary_body h3 {	/*bold paragraph subhead */
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	color: #666666;
	padding: 6px 0 0 0;
	}
	
#secondary_body p {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 13px;
	color:#343434;
	line-height:22px;
	padding: 0px 10px 0 0;  
	}
	
#secondary_body ul {
	list-style-type: disc;
	right: 8px;
}
#secondary_body ul li{
	list-style-type:disc;
	right: 8px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:20px;
	font-style:italic;
	color:#333333;
	}
	
#secondary_body_container{
	float:left;
	width:722px;
	height:433px;
	overflow:auto;
	}

.img-right {
	float:right;
	margin: 0 0 8px 12px;
	border: 0;
	}
	
.img-left {
	float:left;
	margin: 0 12px 8px 0;
	border: 0;
	}
	
.img-center {  /*added by Kate*/
	float:center;
	margin: 2px 2px 4px 6px;
	border: 0;
	}
	

/************************************* (Secondary) RIGHT SIDE ****************************/

#secondary_right { /*box properties*/
	width:155px;
	float:left;
	margin: 8px 0 8px 4px;
	padding-left:0;
	border:0;
	vertical-align:top;
	}

#secondary_right p{
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#43564B;
	font-weight:850;
	line-height:1.5em;
	margin:0;
	}
	
#secondary_right h3 { 
	text-align:center;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:900;
	padding:3px 0 0 0; /*this is for space above and space below the h3*/
	}

#secondary_right ul {
	padding:0;
	margin:0;
	}
	
#secondary_right ul li{
	list-style-type:none;
	font-size:11px;
	}

#secondary_right ul li a{	
	text-decoration:none;
	color:#80634D;
	}
#secondary_right ul li a:hover{
	color:#495860;
	}
	
.img-sidebar {  /*added by Kate*/
	float:center;
	margin: 2px 2px 8px 6px;
	border: 0;
	}		

/**********************************FOOTER**********************************/
#footer  {
color:#FFF;
	width:900px;
	border-top:1px solid #D5AE90;
	text-align:center;
	font-style:italic;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 10px;
	background-color:#C06435;  /*was 657155*/
	/*background-image:url(../images/botNav.jpg);*/
	background-repeat:repeat-x
	}
#footer a {
	text-decoration:none;
	color:#D7D6BB;
	}