body {
	background-image:url(http://www.greencommunitiesonline.org/images/bg_new.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#f2efea;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	}

/* new - dbrong */
.bodyCopy {
	color: #000000;
	font-size:9pt;
}

/* this div houses all the other divs */	
#outerContentMain { 
	width: 790px;
	margin: 10px auto 0;
	}
	
/* this is the first div, with the logo/search/nav/flash -- see below */	
#outerContent1 {
	width: 790px;
	background-image:url(http://www.greencommunitiesonline.org/images/bg_top.jpg);
	background-repeat:no-repeat;
	/* background-position:bottom; */ 
	/* position: relative; */
	}
@media print {
	#outerContent1 {
		height: 427px;
	}
}

#outerContent1 #preHeader {
	width: 750px;
	padding: 0 20px;
	margin: 10px auto;
	float: left;
	}
	
	#preHeader #logos {
		float: left;
		width: 450px;
		text-align:left;
		}
	
	#preHeader #search {
		float: left;
		width: 300px;
		text-align:right;
		position:relative;
		top: 7px;
		}
/* added this for the Stay Informed style which above the search */
	#stayInformedHeader {
		margin: 0px;
		padding: 10px 0px;
		height: 18px;
		width: 136px;
		background-image:url(http://www.greencommunitiesonline.org/images/leftColumn_stayInformed.gif);
		background-repeat:no-repeat;
		text-align:center;
		}
	#stayInformedHeader a {
		color:#689a53;
		font-weight: bold;
		}
/****************************************************************/
	#searchBox {
		color:#888888;
		height: 17px;
		font-size:13px;
		}
	
	#searchGo {
		margin-left: 5px;
		}

/* Navigation */	
#navigation {
	width:780px;
	margin:0 auto;
	}
	
#navigation ul {
	padding:0;
	margin:0;
	}	
	
/* first level list */
#navigation ul#nav { 
	padding: 0;
	margin: 0;
	list-style: none;
}

/* first level list items */
#navigation ul#nav li { 
	float: left;
	padding:0;
	margin:0;
	list-style:none;
	position: relative; /* taking this out gives the line in firefox */
/*	width: 156px; */
/*	line-height:1px; */
}

#navigation ul#nav li a {
	position:relative;
	top:3px;				/* move down 3px to get rid of extra spacing at the bottom */
}

/* second-level lists */
#navigation ul#nav li ul { 
	padding:0;
	margin:0;
	list-style:none;
	display: none;
	position: absolute;
	top: 53px;
	left: 0;
	border: 1px solid #CCCCCC;
}


/* second-level list items */
#navigation ul#nav li ul li { 
	width: 150px;
	margin:0;
	padding:15px 5px;
	background-color: #ffffff;
	border-bottom: 1px solid #ededed;
	line-height:2px;
}


/* second-level list item links */
#navigation ul#nav li ul li a {
	font-size:11px;
	color:#689a53;
	}


/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
#navigation ul#nav li>#navigation ul#nav { 
	top: 0;
	left: 0;
}


/* lists nested under hovered list items */
#navigation ul#nav li:hover ul, #navigation ul#nav li.over ul { 
	display: block;
	}

@media screen {	
	#flashDetect {
		width:780px;
		margin: 0 auto;
		}
	
	#flashContentPrint {
		display:none;
		}
	
	#flashContent {
		width:780px;
		min-height: 269px;
		margin: 0 auto;
		background-image: url(http://www.greencommunitiesonline.org/includes/flash/flash_bg.jpg);
		background-repeat: no-repeat;
		clear:both;
		}
}
@media print {
	#flashDetect {
		display: none;
	}
	#flashContentPrint {
		width: 780px;
		height: 277px;
	}
	#flashContent {
		width: 780px;
		margin: 0 auto;
		clear: both;
	}
}

/* this is the second div, which just houses the inner content's bg */
#outerContent2 {
	width:790px;
	/*background-image:url(../images/bg2.jpg);
	background-repeat:repeat-y;*/
	}

/* this div houses the main content area */
#innerContent {
	width: 780px;
	min-height: 535px;
	margin: 0 auto;
	padding-bottom: 8px;
	background-image:url(http://www.greencommunitiesonline.org/images/home_body_bg.jpg);
	/*overflow: hidden;*/			/*  Inner content is a max of 535px tall.  Hide anything else */
	}
	#innerContent td { vertical-align: top; }
	#innerContent p {
		margin: 0;
		padding: 0;
		margin-top: 9px;
	}
	#innerTools {
		padding: 9px 35px 0px 35px;
		min-height: 161px;
		height:161px;
		overflow: hidden;	/* Any overflow gets hidden */
		background-image:url(http://www.greencommunitiesonline.org/images/home_tools_bg.jpg);
	}
		#innerTools .Title {
			color: #59a331;
			font-weight: bold;
		}
		#innerTools .SubTitle {
			color: #59a331;
			font-style:italic;
		}
		#innerTools a:link, #innerTools a:visited {
			color: #1f644f;
			text-decoration: underline;
		}
		#innerTools a:hover {
			color: #927c69;
		}
		.toolsSlide table td {
			vertical-align: top;
			font-family:Verdana, Arial, Helvetica, sans-serif; /* the javascript doesn't display Arial well on IE7 */
			font-size: 8pt;
		}
		.toolsSlide img {
			border: solid 1px #E0E9CC;
		}
	#innerProjects {
		padding: 7px 35px 0px 35px;
		min-height: 153px;
		height:153px;
		overflow: hidden;	/* Any overflow gets hidden */
		background-image:url(http://www.greencommunitiesonline.org/images/home_projects_bg.jpg);
	}
		#innerProjects .Title {
			color: #59a331;
			font-weight: bold;
		}
		#innerProjects .SubTitle {
			color: #59a331;
			font-style:italic;
		}
		#innerProjects a:link, #innerProjects a:visited {
			color: #927c69;
			text-decoration: underline;
		}
		#innerProjects a:hover {
			color: #59a331;
		}
		.projectsSlide table td {
			vertical-align: top;
			font-family:Verdana, Arial, Helvetica, sans-serif; /* the javascript doesn't display Arial well on IE7 */
			font-size: 8pt;
		}
		.projectsSlide img {
			border: 0;
		}		
	#innerAnnouncements {
		min-height: 1px;		/* Adjust Announcements Box Height --- This height plus #innerLinks height MUST equal 331px -- 163px here matches up to the Tools box */
		/*overflow: hidden;*/
		padding: 0 30px 0 30px; 
		background-image:url(http://www.greencommunitiesonline.org/images/home_announcements_bg.jpg);
	}
		#innerAnnouncements p {
			margin:0;
			padding:0;
			padding-top:10px;
		}
		#innerAnnouncements a:link, #innerAnnouncements a:visited {
			color: #006c9f;
			text-decoration: underline;
		}
		#innerAnnouncements a:hover {
			color: #927c69;
		}
	#innerLinks {
		padding: 0px 30px 0px 30px;
		min-height: 160px;		/* Adjust Quick Links Box Height --- This height plus #innerAnnouncements height MUST equal 331px -- 168px here matches up to the projects box */
		/*overflow: hidden;*/
		background-image:url(http://www.greencommunitiesonline.org/images/home_links_bg.jpg);	
	}
		#innerLinks p {
			margin:0;
			padding:0;
			padding-top:10px;
		}
		#innerLinks a:link, #innerLinks a:visited {
			color: #016b9f;
			text-decoration: underline;
		}
		#innerLinks a:hover {
			color: #926c69;
		}

/* footer */
#footer {
	background-image:url(http://www.greencommunitiesonline.org/images/bg_bottom.jpg);
	background-repeat: no-repeat;
	
	width: 750px;
	height: 40px;
	
	padding:10px 20px 20px 20px;
	}

#footer ul {
	list-style-type:none;	
	color: #7f6b57;
	font-size:10px;
	margin:0;
	padding:0;
	}

#footer ul li {
	float: left;
	padding-right:10px;
	}

#footer ul li a {
	color: #7f6b57;
	}

#footer ul li#last {
	clear:both;
	padding-top:10px;
	}	

#footer p#citiLogo {
	margin:0;
	padding:0;
	}
 #innerOffset {
                        padding: 0px 30px 0px 30px;
                        min-height: 77px;
                        background-image:url(../images/home_links_bg.jpg);      
            }
                        #innerOffset p {
                                    margin:0;
                                    padding:0;
                                    padding-top:10px;
                        }
                        #innerOffset a:link, #innerOffset a:visited {
                                    color: #016b9f;
                                    text-decoration: underline;
                        }
                        #innerOffset a:hover {
                                    color: #926c69;
                        }
                        #innerOffset ul {
                                    padding-bottom:0;
                                    margin-bottom:0;
                        }