/*  
Theme Name: NCF Sliding Door
Theme URI: http://mac-host.com/slidingdoor/
Description:A template featuring sliding images in the menu, based on Samuel Birch's phatfusion image menu.
Version: 1.5
Author: Christine Liu
Author URI: http://www.macintoshhowto.com/
Tags: black, custom header, fixed width, left and right sidebar,three columns, widget ready, widgets, valid CSS
*/

/* 

Colors used: #73a0c5
		#CCFF99
		#BDCCA1  -- light green for logo and for menu highlight of which page you're on
		#CCC, #AAA -- hover

*/ 

* { margin: 0; padding: 0; list-style: none; }


/********************
Styles for full page
*********************/

	/* opened in header.php; closed in footer.php */
	/* default text and color unless overridden below*/
	body {
		text-align: center;
		color: black;
		font-family: Verdana, sans-serif;
		background: white; /* url('img/1024-peppers3.jpg') repeat top left; */
		width: 100%; /* online tips say IE might need this for ems to work*/
	}

	/* opened in header.php; closed in footer.php */
	/* this controls page width and margins */
	#wrapper {
		width: 48em; /* 800px; using ems here allows layout to adjust to font size for large-print users */
		margin:  0 auto;
		text-align: left;
		position: relative;
		background-color:white;
	} 

	/* default hyperlink styles */
	body a {
		color: black; /* #42adfb; */
	}

	/* is this used?  not sure where...comment out for now */
	/*
	#upperBar {
		height: 0px;
		background: #01bcff;
	}
	*/
 
  
/**************************************************
Styles for page header (logo in left upper corner)
***************************************************/

	/* header wrapper */
	#logoheader {
		float: left;
		background: white; /* url('img/newlogo.jpg') no-repeat top left; */ /*logo pic */
		width: 30%;  /* as a percentage of wrapper width, with photobanner should equal 100% */
	/*	min-width: 100px;*/
		height: 8em; /* 120px; */
	}

	/* main title */
	#logoheader h1 {
		text-align: /* center; */ left;
/*		visibility: hidden;
		margin-bottom: 0em;
		padding-left:  0em;
		padding-bottom: 1.5em;
*/		font: 0.5em Verdana, sans-serif;
		padding-top: 0em;
	}

	/* main title hyperlink */
	#logoheader h1 a {
		color: black; /* #ffffff */  
		text-decoration: none;
	}

	/* logo image */
	#logoheader img {
		height: 80%; /* as a percentage of logoheader */
		width: 100%; /* as a percentage of logoheader */
	}

	/* main title hyperlink */
	#logoheader a:hover {
		color: #aaa; /* main text heading changes color when cursor rolls over*/
	}

	/* if title contains text inside '[' and ']', you can use this to set
	the text to a different color.  Also, a different color for hovering */
	#middleword {
		color: black;
	}

	#logoheader a:hover #middleword {
		color: black;
	}
 
	/* main description */
	.description { 
		text-align: center; /* left; */
		font: bold 0.65em verdana, Sans-serif;
		text-transform: uppercase;
		color: #006666; 
		padding: 0.4em 0em;  /* 20px; 10px; */ 
	}  

/*****************************************************
Styles for horizontal photo banner unique to each page, 
plus button list in top right corner (if enabled)
******************************************************/

	/* banner wrapper */
	#photobanner {
		float: right;
		background: white;
		width: 70%;  /* as a percentage of wrapper width, with logoheader should equal 100% */
		height: 8em; /* 120px;  should match headerimg height */
	}

	/* not used */
	/*
	#photobanner p {
		visibility: hidden;
	}
	*/

	/* photo block with three images */
	#photobanner .block {
		float:left;
		list-style: none;
		margin: 0em 0em; /* centered within photobanner */
		display: block;
		height: 100%; /* as a percentage of photobanner */
		width: 100%; /* as a percentage of photobanner */
		padding: 0;
	}

	/* each individual photo in the block of 3*/
	#photobanner .block img {
		float: left;
		margin: 0em 0em;
		width: 32.5%; /* as a percentage of photobanner block, takes border into account */
		height: 98%;  /* as a percentage of photobanner block, takes border into account */
		border: 1px solid black;  /* 0.5px */ 
	}

	/* photo block with one wide image */
	#photobanner .blockwide {
		float:left;
		list-style: none;
		margin: 0em 0em; /* centered within photobanner */
		display: block;
		height: 100%; /* as a percentage of photobanner */
		width: 100%; /* as a percentage of photobanner */
		padding: 0;
	}

	/* wide photo*/
	#photobanner .blockwide img {
		float: left;
		margin: 0em 0em;
		width: 99.9%; /* as a percentage of photobanner block, takes border into account */
		height: 98%;  /* as a percentage of photobanner block, takes border into account */
		border: 1px solid black;  /* 0.5px */ 
	}

	/* button list wrapper */
	#photobanner .buttonlist ul {
		margin-top: 0px;  /* 10px; */ /* 3px; */ 
		margin-bottom: 0.2em; /* 3px; 10px; */ 
		float: right;
		width: 30%;
		height: 100%;
		font-family: arial, sans-serif; 
	}

	/* button list wrapper */
	#photobanner .buttonlist ul h2{
		font-size: 1.4em; /* 20px;11px; 14px; */ 
		font-weight: bold;
		text-transform: uppercase;
		/* background: url(img/bullet.png) 0 5px no-repeat; */ /* bullets */
		padding: 0em 1em;  /* 10px; */ 
		margin: 0 0 0.3em 0.1em;  /* 5px 5px; */ 
	}

	/* top level pages */
	#photobanner .buttonlist ul li{
		font-size: 0.81em; /* 14px; 11px; */ /* don't use ems here, need fixed size to keep alignment */ 
		font-weight: bold;
		border: 2px solid green;
		text-transform: uppercase;
		background: #BDCCA1;
		/* background: url(img/bullet.png) 0 5px no-repeat; */ /* bullets */
		padding: 0.1em 1.1em; /* 10px; */ 
		margin: 0 0 0.3em 0.1em; /* 5px 5px; */ 
 	}

	/* highlight which pages we're currently viewing
	   note: if there are more than 2 page levels, this gets confusing 
		because sometimes whole section is highlighted and sometimes just the
		current subpage
	*/
	#photobanner .buttonlist ul li.current_page_item, #photobanner ul li.current_page_parent {
		background: #CCFF99 url('img/bullet.png') no-repeat 0.5em 0.5em;
		font-style: italic;
/*		font-weight: bold; */  /* this also impacts leftmenu list...not sure why */
	}

	#photobanner .buttonlist ul li ul li.current_page_item {
		background: #CCFF99;
		font-style: italic;
		font-weight: bold;
	}

	/* hyperlinks */
	#photobanner .buttonlist ul li a {
		color: black;
		text-decoration: none;
	}
		
	/* change text when cursor is over it */
	#photobanner .buttonlist ul li a:hover {
		color: #AAA;
	}

/*********************************
Styles for left navigation column
**********************************/

	/* column wrapper */
	#leftmenu {
		width: 20%; /* as a percentage of wrapper width */
		float: left;
		padding-top: 0em;
		text-align: left;
		border-right: 1px solid #BDCCA1;
		margin: 1em 0 2em 0;  /* as a fraction of default font size */
				/* so total top margin is 1em list + 1em wrapper = 2em, which should match rightsidebar and content*/
	} 

	/* menu wrapper */
	#leftmenu ul {
		margin-top: 0em;  /* 10px; */
		margin-bottom: 0.8em;  /* 10px; */ /* as a fraction of leftmenu font size (default font size) */
	}
	
	/* top level pages */
	#leftmenu ul li{
		font-size: 0.9em; /* as a fraction of leftmenu ul font size (default font size) */ 
		/* background: url(img/bullet.png) 0 5px no-repeat; */ /* bullets */
		padding: 0 1em;  /* 10px; */ 
		margin: 1em 0 0.5em 0em;  /* 5px 5px; */ 
 	}

	/* subpages */
	#leftmenu ul li ul li {
		font-size: 0.8em;  /* as a fraction of leftmenu ul li font size*/
		/* background: url(img/bullet.png) 0 5px no-repeat; */ /* bullets */
		padding: 0 1em;  /* 10px; */ 
		margin: 0.5em 0 0.5em 0em;  /* 5px 5px; */ 
 	}

	/* highlight which pages we're currently viewing
	   note: if there are more than 2 page levels, this gets confusing 
		because sometimes whole section is highlighted and sometimes just the
		current subpage
	*/
	#leftmenu ul li.current_page_item, #leftmenu ul li.current_page_parent {
		background: #CCFF99 url('img/bullet.png') no-repeat 0.5em 0.5em;
		font-style: italic;
/*		font-weight: bold;*/
	}

	#leftmenu ul li ul li.current_page_item {
		background: #CCFF99;
		font-style: italic;
		font-weight: bold;
	}

	/* highlight which categories we're currently viewing
	   note: if there are more than 2 category levels, this gets confusing 
		because sometimes whole section is highlighted and sometimes just the
		current subpage
	*/
/* 	#leftmenu ul li.current-cat, #leftmenu ul li.current-cat-parent {
		background: #CCFF99 url('img/bullet.png') no-repeat 0.5em 0.5em;
		font-style: italic;
		font-weight: bold;
	}
	#leftmenu ul li ul li.current-cat {
		background: #CCFF99;
		font-style: italic;
		font-weight: bold;
	}
*/
	/* highlight for Newsletter link if on an archive, category, or single post page */
	#leftmenu .bloghighlight ul {
		background: #CCFF99 url('img/bullet.png') no-repeat 0.5em 0.5em; 
		font-style: italic;
	}

	/* hyperlinks */
	#leftmenu ul li a {
		color: black;
		text-decoration: none;
	}
		
	/* change text when cursor is over it */
	#leftmenu ul li a:hover {
		color: #AAA;
	}


/* not currently used...
/*	

	#leftmenu h2 {
		font-weight: normal;
		font-size: 1.2em;
		text-transform: uppercase;
		margin-bottom: 0.8em;
	}
	#leftmenu ul li span {
		color: #666;
		margin-left: 0em;
	}

	#leftmenu a img {
		border: none;
	}

	#leftmenu ul#nav {
		margin: 10px 0 20px 0;
	}
	
	#leftmenu ul#nav li {
		margin: 0;
		padding: 0;
	}
		#leftmenu ul#nav li a {
		display: block;
		height: 17px;
		padding: 7px 10px;
		background: url(img/nav_off.png) 0 0 no-repeat;
		margin-bottom: 5px;
		text-decoration: none;
		font-size: 12px;
		text-transform: uppercase;
		font-weight: bold;
		color: #999;
	}
	
	#leftmenu ul#nav li a:hover {
		background: url(img/nav_off.png) 0 -31px no-repeat;
	}        
	
	#leftmenu ul#nav li a.active {
		background: url(img/nav_on.png) 0 0 no-repeat;
		color: #FFF;
	}
*/

/*********************************
Styles for top navigation menu (if enabled)
**********************************/

	/* menu wrapper */
	#topmenu {
		display: block;		
		width: 100%; /* as a percentage of wrapper width */
		height: 1.5em; /* as a fraction of default font size */
		float: left;
		padding: 0em 0em 0em 0em;
		background: #BDCCA1; /* #99cc33; */
		text-align: left;
		font-family: arial, sans-serif;
		/* border-right: 1px solid #BDCCA1; */
		margin: 0.2em 0 2em 0; 
	} 

	/* menu wrapper */
	#topmenu ul {
		margin-top: 0em;  /* 10px; */
		margin-bottom: 0em;  /* 10px; */ /* as a fraction of leftmenu font size (default font size) */
	}
	
	/* top level pages */
	#topmenu ul li{
		float: left;
		font-size: 0.8em; /* as a fraction of leftmenu ul font size (default font size) */ 
		/* background: url(img/bullet.png) 0 5px no-repeat; */ /* bullets */
		padding: 0.5em 1em 0em 1em;  /* 10px; */ 
		margin: 0em 0 0em 0em;  /* 5px 5px; */ 
		font-weight: bold;
		text-transform: uppercase;
 	}

	/* subpages */
	#topmenu .subpages {	
		display: block;		
		width: 100%; /* as a percentage of wrapper width */
		height: 1.4em; /* as a fraction of default font size */
		float: left;
		padding: 0.1em 0em;
		background: #CCFF99; /* #99cc33; */
		text-align: left;
		/* border-right: 1px solid #BDCCA1; */
		margin: 0em 0 2em 0; 
	}

	#topmenu .subpages ul li{
		float: left;
		font-size: 0.8em; /* as a fraction of leftmenu ul font size (default font size) */ 
		/* background: url(img/bullet.png) 0 5px no-repeat; */ /* bullets */
		padding: 0.3em 1em;  /* 10px; */ 
		margin: 0em 0 0.5em 0em;  /* 5px 5px; */ 
		font-weight: normal;
		text-transform: none;
 	}

/* 	#topmenu .subpages ul li ul li {
		float: left;
		font-size: 0.8em; 
		padding: 0 1em; 
		margin: 0.5em 0 0.5em 0em;
 	}
*/
	/* highlight which pages we're currently viewing
	   note: if there are more than 2 page levels, this gets confusing 
		because sometimes whole section is highlighted and sometimes just the
		current subpage
	*/
	#topmenu ul li.current_page_item, #topmenu ul li.current_page_parent {
		background: #CCFF99; /* url('img/bullet.png') no-repeat 0.5em 0.5em; */
/*		font-style: italic;
		font-weight: bold;*/
	}


	#topmenu .subpages ul li.current_page_item {
		background: #CCFF99; /* url('img/bullet.png') no-repeat 0.5em 0.5em; */
		font-style: italic;
		font-weight: bold;
	}

	#topmenu ul li ul li.current_page_item {
		background: #CCFF99;
		font-style: italic;
		font-weight: bold;
	}

	/* highlight which categories we're currently viewing
	   note: if there are more than 2 category levels, this gets confusing 
		because sometimes whole section is highlighted and sometimes just the
		current subpage
	*/
/* 	#topmenu ul li.current-cat, #topmenu ul li.current-cat-parent {
		background: #CCFF99 url('img/bullet.png') no-repeat 0.5em 0.5em;
		font-style: italic;
		font-weight: bold;
	}
	#topmenu ul li ul li.current-cat {
		background: #CCFF99;
		font-style: italic;
		font-weight: bold;
	}
*/
	/* highlight for Newsletter link if on an archive, category, or single post page */
	#topmenu .bloghighlight ul li {
		background: #CCFF99; /* url('img/bullet.png') no-repeat 0.5em 0.5em; */ 
	/*	font-style: italic; */
	}

	/* hyperlinks */
	#topmenu ul li a {
		color: black;
		text-decoration: none;
	}
		
	/* change text when cursor is over it */
	#topmenu ul li a:hover {
		color: #AAA;
	}


/*******************
Styles for page text 
********************/
                
	/* content wrapper */
	#content {
		float: left;
		width: 70%;  /* as a percentage of wrapper width */
		margin-top:  0.5em;
		margin-left: 0.8em;  /* as a fraction of default font size */
		margin-bottom: 2em;
				/* so total top margin is 0.8em wrapper + 0.9em post wrapper + 0.5em*0.9em h2 = 2.15em */
	}

	/* if enabled, this puts a line across the top indicating which archive you are browsing */
	#content .notice {
		border-top: 1px solid #2d7cb9;
		border-bottom: 1px solid #2d7cb9;
		margin-bottom: 1.3em;  /* as a fraction of content font size (default size) */
	}
	
	#content .notice p {  
		border-top: 1px solid #8acef3;
		border-bottom: 1px solid #8acef3;
		padding: 0.3em 0em;  /* 5px 0px; */ 
		font-size: 0.8em;  /* 12px; *//* as a fraction of content .notice font size (default size) */
		margin: 0.1em;  /* 1px; */ 
	}

	/* page or post content */
    	#content .post {
		float: right; /* right; */
		position: relative;
		width: 100%; /* as a percentage of content width */
		font: 0.8em Verdana, sans-serif; /* as a fraction of content font size (default size) */
		overflow: hidden;
	}
	
	/* title of post or page */
	#content .post h2 {
		margin-top: 0.2em;
		/*font-size: 1.5em;*/  /* as a fraction of content .post font size */
		font: bold 1.5em verdana, sans-serif;
	}

	/* title of front page */
	#content .post h3 {
		margin-top: 0.5em;
		font: bold 1.3em verdana, sans-serif;
		/* font-size: 1.3em; */  /* as a fraction of content .post font size */
	}

	/* standard element and formatting options on wordpress post screen. post content is shown this way unless 
		overridden with html code or copy/paste formatting
	*/
	#content .post img {
		max-width: 500px;
		max-height: 600px;
		margin-bottom: 1em; /* as a fraction of content .post font size */
		margin-top: 1em;
	}     

	#content .post a img{
		border: 2px solid blue;
	}

	#content .post a:hover img{
		border: 2px solid #AAA;
	}
		
	#content .post ul {
		margin-left: 2em !important; /* 20px */   /* as a fraction of content .post font size */
		margin-bottom: 1em;
	}
	
	#content .post ul li {
		list-style-type: disc !important;
	}
	
	#content .post ol {
		margin-left: 2em !important; /* 20px */ /* as a fraction of content .post font size */
		margin-bottom: 1em;
	}
	
	#content .post ol li {
		list-style-type: decimal !important;
	}

	#content p,
	#content p span{
		font: normal 1em Verdana, Sans-serif;  /* em needs to be 1 for lists so that sublist fonts don't get too small  */
		margin-bottom: 0.6em;
		margin-top: 0.2em;
		color: black;
		margin-right: 0em;
		text-align: left;
	}

	#content .post ul li, 
	#content .post ol li{
		font: normal 1em Verdana, Sans-Serif;  /* em needs to be 1 for lists so that sublist fonts don't get too small  */
		margin-bottom: 0.1em;
		margin-top: 0.1em;
		color: black;
		margin-right: 0em;
		text-align: left;
	}
	
	#content blockquote {
		margin-left: 2em;
/*		border-left: 2px solid #333; */
		padding-left: 0.6em;
		font-size: 1em;  /* as a fraction of content font size */
	}

	/* color of url links on pages */
	#content .post a,
	#content .post span a,
	#content .frontpagenews a {
		color: blue;  
		text-decoration: underline;
	}

	/* change color on mouse-over */		
	#content .post a:hover,
	#content .post span a:hover
	#content .frontpagenews a:hover {
		color: #AAA;
	} 

/* recent news listing on front page */
    	#content .frontpagenews {
		float: right; /* right; */
		position: relative;
		width: 100%; /* as a percentage of content width */
		font: 1em Verdana, Sans-Serif; /* as a fraction of content font size (default size) */
		overflow: hidden;
	}
	
	/* front page news heading */
	#content .frontpagenews h2 {
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		font-size: 1.1em;  /* as a fraction of content .post font size */
		font-weight: bold;
	}

	/* front page news listings */
	#content .frontpagenews ul {
		margin-left: 2em !important; /* 20px */   /* as a fraction of content .post font size */
		margin-bottom: 1em;
	}
	
	#content .frontpagenews ul li {
		list-style-type: disc !important;
	}

	#content .frontpagenews ul li{
		font: normal 1em Verdana, Sans-Serif;  /* em needs to be 1 for lists so that sublist fonts don't get too small  */
		margin-bottom: 0.1em;
		margin-top: 0.1em;
		margin-right: 0em;
		text-align: left;
	}

	/* these are standard options for adding hyperlinks in the wordpress post screen */
	.wp-caption {
   		border: 1px solid #ddd;
   		text-align: center;
   		background-color: #f3f3f3;
   		padding-top: 5px;
   		margin: 10px;
		/* for browsers that support round borders */
   /*		-moz-border-radius: 3px;
   		-khtml-border-radius: 3px;
   		-webkit-border-radius: 3px;
   		border-radius: 3px;
*/	}

	.aligncenter,
	div.aligncenter {
   		display: block;
   		margin-left: auto;
   		margin-right: auto;
	}

	.alignleft {
   		float: left;
		width: 100%;
	}

	.alignright {
   		float: right;
		width: 100%;
	}

	
	

/* comments.php and post details are completely disabled, so these are not used 
	they're also not debugged!
*/
/*

	#content .post h2 a {
		color: black;
		text-decoration: none;
		padding: 0.2em 0em;
	}

	#content .post h2 a:hover {
		color: #D5F3FF;
	}
	
	#content .post h3 {
		font-size: 0px;
		font-weight: normal;
		color: black;
	}

	#content .post-details {
		bottom: 20px;
		position: absolute;
		right:  0px;
		width: 120px;
	}
	
	#content .post h3 a {
		color: black;  
	}              
	
	#content .post h3 a:hover {
		text-decoration: none;
	}
	
	#content small {
	    margin: 0 auto;
	    text-align: center;
	    display: block;
	    border-top: 3px solid #333;
	    border-bottom: 1px solid #333;
	    font-size: 11px;
	    color: #999;
	}
	
	#content ol {
		line-height: 1.6;
	}

	#content h3 {
		color: #42adfb;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	#content ol.commentlist {
		margin-top: 10px;
	}
	
	#content ol.commentlist li {
		border-top: 1px solid #333;
		margin-bottom: 10px;
	} 
	
	#content ol.commentlist li .commentMeta {
		width: 120px;
		float: left;
		margin-top: 5px;
	} 
		
	#content ol.commentlist li .commentMeta span {
		display: block;
	}
			
	#content ol.commentlist li .commentMeta span.author,
	#content ol.commentlist li .commentMeta span.author a {
		color: #AAA;    
		text-decoration: none;
		margin-bottom: 5px;
	}                     
			
	#content ol.commentlist li .commentMeta span.date a {
		color: #666;
		text-decoration: none;
		font-size: 11px;
	}

	#content ol.commentlist li .commentMeta span.moderate a {
		color: #42adfb;
	}
		
	#content ol.commentlist li .commentText {
		width: 450px;
		float: right;
		padding: 5px;
		font-size: 12px;
	}
		
	#content ol.commentlist .avatar {
		float: left;
	}

	#content #commentform input {
		padding: 5px;
		font-family: Verdana, Helvetica, Sans-serif;
	}
	
	#content #commentform textarea {
		width: 410px;
		padding: 10px;
		font-family: Verdana, Helvetica, Sans-serif;
	}
	
	#content .nextprevious {
		height: 40px;
		display: block;
	} 
	
	#content .nextprevious a {
		color:  #AAA;
	}               
	
	#content .nextprevious .left {
		float: left;
	}              
	
	#content .nextprevious .right {
		float: right;
	}
	
	#content .adBrite {
		display: block;
		margin-bottom: 20px;
		border: 1px solid #333;
	}

	[disabled] {
		color: #dddddd;
		border-color:#dddddd!important;
		background:none!important;
	}

	.wp-caption img {
   		margin: 0;
   		padding: 0;
   		border: 0 none;
	}

	#content p.wp-caption-text {
		font-size: 11px;
   		line-height: 17px;
	   	margin: 10px;
		color:  #000;   
		text-align: center;
	}
*/

/***********************
Styles for right sidebar
- If on a page, right sidebar contains 3 notice blocks if on a page: farm stand, 
	save the date, and upcoming classes.  These display a single post (the latest one) 
	from those blog categories. 
- If on a newsletter posting, right sidebar contains list of all posts under
	each newsletter category. 
************************/

	/* rightsidebar wrapper */
	#rightsidebar {
		margin-right: 0em; /* 20px; */ 
		margin-top: 0.5em; /* 0px; */  /* 0.6em wrapper +  0.6em farmstand header */
		margin-bottom: 2em;
		float: right;
		font: 0.6em Arial, Sans-Serif; /* 10px */ /* as a function of default font size */
		color:#333;
		width: 20%; /* as percentage of wrapper width */
		padding:0;
/*		overflow:hidden; */
	} 

	/* save the date post block */
	#rightsidebar .savethedate .post{
		margin: 0em 0em 0em 0em;
		padding: 1em 0.2em;			/* as a function of rightsidebar font size */
		text-align: center;
		background: silver;  /* url('img/upperBox_search.png') no-repeat top left; */ 
		display: block; /* this makes the background color stretch across full sidebar */
		float: none;  /* need this to counteract float right in rightsidebar */
	}	

	/* save the date header block */
	#rightsidebar .savethedate h1,
	#rightsidebar .savethedate h1 a
	{
		margin: 1em 0em 0em 0em;	/* as a function of rightsidebar font size */
		padding: 0em 0em;
		text-align: center;
		background: url('img/abstractgreen.jpg') no-repeat center right;
		display: block; /* this makes the background color stretch across full sidebar */
		float: none;  /* need this to counteract float right in rightsidebar */
	}

	/* farmstand post block */
	#rightsidebar .farmstand .post{
		margin: 0em 0em 0em 0em;
		padding: 1em 0.2em;   /* as a function of rightsidebar font size */
		text-align: center;
		background: tan; /* url('img/upperBox_search.png') no-repeat top left; */
		display: block;  /* this makes the background color stretch across full sidebar */
		float: none;  /* need this to counteract float right in rightsidebar */
	}

	/* farm stand header block */
	#rightsidebar .farmstand h1,
	#rightsidebar .farmstand h1 a{
		margin-top: 1em;  /* as a function of rightsidebar font size */
		text-align: center;
		background: url('img/abstractgreen.jpg') no-repeat center right;
		display: block;
		float: none;
	}

	/* upcoming classes header block */
	#rightsidebar .upcomingclass h1,
	#rightsidebar .upcomingclass h1 a{
		margin: 1em 0em 0em 0em;  /* as a function of rightsidebar font size */
		text-align: center;
		background: url('img/abstractgreen.jpg') no-repeat center right; 
		display: block; /* this makes the background color stretch across full sidebar */
		float: none;  /* need this to counteract float right in rightsidebar */
}
	/* upcoming classes post block */
	#rightsidebar .upcomingclass .post{
		margin: 0em 0em 0em 0em;
		padding: 1em 0.2em;  /* as a function of rightsidebar font size */
		text-align: center;
		background: silver; /* url('img/upperBox_search.png') no-repeat top left; */
		display: block; /* this makes the background color stretch across full sidebar */
		float: none;  /* need this to counteract float right in rightsidebar */
	}

	/* all notice board post fonts */ 
	#rightsidebar p {
		font-weight: normal;
		font-size:  1.3em; /* 14px; */  /* as a function of rightsidebar font size */
	}
	
	#rightsidebar p a{
		font-weight: normal;
		font-size: 1em; /* 14px; */ /* as a function of rightsidebar font size */
		text-decoration: underline;
		color: blue;
	}

	#rightsidebar p a:hover {
		color: #AAA; /*#D5F3FF;*/
	}

	/* all notice board header fonts */
	#rightsidebar h1{ 
		font-weight: bold;
		font-size: 1.8em;  /* as a function of rightsidebar font size */
	}

	#rightsidebar h1 a{
		font-weight: bold;
		font-size: 1.3em;  /* as a function of rightsidebar font size */
		text-decoration: none;
	}

	/* link color change on mouse-over */
	#rightsidebar h1 a:hover {
		color: #AAA /* #D5F3FF; */
	}	

	/* newsletter archive headings */
	#rightsidebar .newsletter h2 {
		color: black;
		text-align: center;
		font-weight: bold;
		font-size: 1.5em; /* 14px; */   /* as a function of rightsidebar font size */
/*		text-transform: uppercase;
*/		margin-bottom: 0.5em; /* 5px; */ 
		margin-top: 1em; /* 20px; */ 
		background: url('img/abstractgreen.jpg') no-repeat center right; 
		display: block; /* this makes the background color stretch across full sidebar */
		float:none;
	}

	/* newsletter archive posts */
    	#rightsidebar .newsletter .post {
		float: none; /* right; */
		position: relative;
		/* width: 100%;  as a percentage of rightsidebar width */
		font-size: 1.5em; /* 10px; */   /* as a function of rightsidebar font size */
		margin-bottom: 0em; /* 10px; */ 
		margin-left: 2em; /* 15px; */ 
		text-indent: -1.3em;
	}

	/* hyperlinks for newsletter post titles */
	#rightsidebar .newsletter .post a {
		color: black; /* #FFF; */  
		text-decoration: none;
		padding: 0em 0em 0em 0em; /* 0px 0; */ 
		font-size: 0.8em; /* 10px; */  /* as a function of rightsidebar .newsletter .post font size */
		/* margin: 0em 0em 0em 2em;  0px 0 5px 0px;*/
	}

	/* link color change on mouse-over */
	#rightsidebar .newsletter .post a:hover {
		color: #AAA; /* #D5F3FF; */
	}
	
	/* highlight newsletter post if on that post page */
	#rightsidebar .newsletter .post .thispost a {
		background: #CCFF99; /* url('img/bullet.png') no-repeat 0.5em 0.5em; */
		font-style: italic;
		font-weight: bold;
	}

	/* button list wrapper, if we ever want to move button list from photobanner */
	#rightsidebar .buttonlist {
		margin-top: 0em; /* 10px; */ /* 0px; */ 
		margin-bottom: 0.8em; /* 10px; */ /* as a function of rightsidebar font size */
	}
	
	/* top level pages */
	#rightsidebar .buttonlist ul li {
		font-size: 1.4em; /* 11px; */ /* 14px; */ /* as a function of rightsidebar font size */
		font-weight: bold;
		/* border: 2px solid green; */
		/* text-transform: uppercase;*/
		/* background: #BDCCA1; */
		background: url(img/star3.gif) no-repeat top left; /* bullets */
		padding: 0em 0em 0em 2em; /* 10px; */ 
		margin: 0 0 0.3em 0.5em; /* 5px 5px; */ 
 	}

	/* highlight which pages we're currently viewing
	   note: if there are more than 2 page levels, this gets confusing 
		because sometimes whole section is highlighted and sometimes just the
		current subpage
	*/
	#rightsidebar .buttonlist ul li.current_page_item {
		background: #CCFF99 url('img/bullet.png') 1em 0.5em no-repeat; 
		font-style: italic;
		font-weight: bold;   /* this also impacts leftmenu list...not sure why */
	}

	#rightsidebar .buttonlist ul li ul li.current_page_item {
		background: #CCFF99;
		font-style: italic;
		font-weight: bold;
	}

	/* hyperlinks */
	#rightsidebar .buttonlist ul li a {
		color: black;
		text-decoration: none;
	}
		
	/* change text when cursor is over it */
	#rightsidebar .buttonlist ul li a:hover {
		color: #AAA;
	}

	/* page or category menus, if we ever want to include them again */
	#rightsidebar ul {
		margin-top: 0em; /* 10px; */ /* 0px; */ 
		margin-bottom: 0.9em; /* 10px; */ /* as a function of rightsidebar font size */
	}

	#rightsidebar ul li {
		font-size: 1em; /* 11px; */ /* 14px; */ /* as a function of rightsidebar font size */
		/* background: url(img/bullet.png) 0 0.5em no-repeat; */ /* bullets*/
		padding: 0 0.9em; /* 10px; */ 
		margin: 0px 0 0.5em 0.5em;/* 5px 5px; */ 
 	}
	
	#rightsidebar ul li a:hover {
		color: #AAA;
	}

	#rightsidebar ul li.current-cat {
		background: #CCFF99;
		font-style: italic;
	}

/* not currently used */
/* 
	#rightsidebar .post h3 a {
		color: black;  
		text-decoration: none;
		padding: 0.3em 0em;
		font-size: 0.8em;
	}

	#rightsidebar .post h3 a:hover {
		color: #AAA;
	}
	#rightsidebar form {
		margin:0;
	}
	
	#rightsidebar li a {
		display:block;
	}

	#rightsidebar li a {
		color:#84B204;
	}
*/

/*******************
Styles for footer 
********************/

	#footer {
		background: #BDCCA1;
		color: black;
		border: none;
		font-size: 0.7em;  /* 12px; */ /* as a function of default font size */
		font-weight: normal;
		font-family: arial, sans-serif;
		padding: 0;
		margin: 1em auto;
		width: 100%; /* as a percentage of wrapper width */
		clear: both;
	}

	#footer p {
		margin: 0em;/* 0px; */ 
		padding: 0em 0em;/* 0px 0; */ 
		text-align: center;
	}



/***************************************************************************/

/* alternate left sidebar styles. not currently used */
/*
#leftsidebar{padding:0;margin-top:0;margin-left:12px;margin-right:5px;font:1em Arial,Sans-Serif;
color:#333;width:224px;float:left;overflow:hidden;}
#leftsidebar form{margin:0;}
#leftsidebar li a {display:block;}
#leftsidebar li a{color:#84B204;}
#leftsidebar li a:hover{background:#84B204;color:#333;}
*/

/* old sidebar.  not currently used... */
/*
#sidebar {
	width: 232px;
	float: none;
	padding-top: 8px;
	text-align: left;
} 

#sitemeter {
	text-align: center;
	width: 160px;
		font-size: 11px;
		color: #999;
}
#sitemeter img{
	padding-bottom: 8px;
	padding-top: 8px;
}

	#sidebar h2 {
		font-weight: normal;
		font-size: 16px;
		text-transform: uppercase;
		margin-bottom: 10px;
	}
	
	#sidebar a img {
		border: none;
	}
	

	#sidebar ul {
		margin-top: 10px;
		margin-bottom: 10px;
}
	
	#sidebar ul li {
		font-size: 11px;
		background: url(img/bullet.png) 0 5px no-repeat;
		padding: 0 10px;
		margin: 0 0 5px 5px;
 	}
	
	#sidebar ul li a {
		color: #999;
		text-decoration: none;
	}
	
	#sidebar ul li span {
		color: #666;
		margin-left: 5px;
	}
	
	#sidebar ul li a:hover {
		color: #AAA;
	}
	
	#sidebar ul#nav {
		margin: 10px 0 20px 0;
	}
	
	#sidebar ul#nav li {
		margin: 0;
		padding: 0;
	}
		
	#sidebar ul#nav li a {
		display: block;
		height: 17px;
		padding: 7px 10px;
		background: url(img/nav_off.png) 0 0 no-repeat;
		margin-bottom: 5px;
		text-decoration: none;
		font-size: 12px;
		text-transform: uppercase;
		font-weight: bold;
		color: #999;
	}
	
	#sidebar ul#nav li a:hover {
		background: url(img/nav_off.png) 0 -31px no-repeat;
	}        
	
	#sidebar ul#nav li a.active {
		background: url(img/nav_on.png) 0 0 no-repeat;
		color: #FFF;
	}

#sidebar #footer {
    border-top: 3px solid #444;
    border-bottom: 1px solid #444;
    padding: 7px 0;
    font-size: 11px;
}

    #sidebar #footer p {
        margin-bottom: 5px;
        color: #AAA;
	text-align: center;
}
    
    #sidebar #footer a {
        color: #999;
	text-decoration: none;
}
    
    #sidebar #footer a:hover {
        text-decoration: none;
        color: #fff;
    }
*/



/* not sure where these are used ....

.clearfix {
	clear: both;
}	

.ctc {
text-align: center;
	text-decoration: none;
	line-height: 80%;
	background-color: white;
	margin-bottom: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 10px;
}	

.ctc a {
	text-decoration: none;
	text-transform: lowercase;
	font-family: "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
	margin: 4px;
	border: thin none #060606;
}

.ctc a:hover{
	color: #fff;
	margin: 3px;
	border: thin solid #8acef3;
	background-color: #0c0c0c;

}

#upperBox {
	margin-bottom: 10px;
	text-align: center;
	position: absolute;
	right: 0;
	padding-top: 5px;
}
	
 #upperBox a img {
		display: block;
		margin: 0 auto;
		border: none;
	}
	

	 #upperBox p {
		margin: 5px 0;
		font-size: 10px;
		text-align: center;
	}
	
	 #upperBox input {
		height: 18px;
		padding: 5px 5px 5px 25px;
		background: url(img/upperBox_search.png) top left no-repeat;
		border: 0;
		width: 100px;
		color: #9ec7eb;
		margin-top: 5px;
	}
	
	 #upperBox input:focus {
		color: #FFF;
	}

*/