@charset "utf-8";
body{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	height:100%;
	height:auto;
	overflow:visible;
}
#siteHolder {
	with:100%;
	background-image:url(../images/main_background_bar.gif);
	background-repeat:repeat-x;
	height:100%;
	overflow:visible;
	
	
}

#canvasContainer {
	width:950px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	min-height:800px;
	overflow:visible;
	
}

#mainPageContainer{
	width:775px;
	height:100%;
	float:left;
	background:url(../images/gradient_background_border.png);
	background-repeat:repeat-y;
	overflow:visible;
}


#rightColumnContent{
	float:left;
	width:120px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	z-index:10;
}


#tocMenu{
	margin-top:40px;
	width:170px;
	height:300px;
	
	
}

#tocMenu ul{
	margin:0px;
	padding-left:0px;
	margin-top:10px;
	list-style-type:none;
}
#tocMenu ul li{
	display:block;
	
}
#tocMenu ul li a{
	
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding: 3px 0px 3px 5px;
	text-decoration:none;
	color:#FFF;
}
#tocMenu ul li a:hover{
	text-decoration:underline;
}

#mainHeader {
	width:727px;
	margin-left:auto;
	margin-right:auto;
	padding:0px 0px 0px 2px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
}

#mainBodyContent {
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	font-size:12px;
	height:100%;
	overflow:visible;
	

}

#mainBodyContent a{
	color:#000000;
	
}

#mainBodyContent a:visited{
	color:#000000;
}


#footer{
	width:727px;
	height:18px;
	margin-left:auto;
	margin-right:auto;
	margin-top:4px;
	text-align:center;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	clear:both;
	position:inherit;
	bottom:0px;	
	
}

.mayorLetterBoxA {
	
	background-color:#FFFFFF;
	width:225px;
	height:auto;
	padding:20px 25px 0px 25px;
	position:relative;
	top:-150px;
	margin-left:50px;
	float:left;
	font-size:12px;
}
.mayorLetterBoxB {
	background-color:#FFFFFF;
	width:225px;
	height:auto;
	padding:0px 25px 0px 25px;
	margin-left:1px;
	margin-top:30px;
	float:left;
	border-left: dotted #666666 1px;
}

#mayorPic.floatRight {
	float:right;
	margin-left:10px;
	margin-top:10px;
}

#pagesBodyContainer	{
	width:730px;
	margin-left:auto;
	margin-right:auto;
	padding:0px 0px 0px 2px;
	height:auto;
	
}







.toc {
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	
}

.h1 {
	font-size: 18px;
}	




.floatRight{
	float:right;
}

.bold {
	font-weight:bold;
}




.italic{
	font-style:italic;
}




/* Council Notes */

.councilTextBoxA {
	width:305px; 
	margin-left:40px; 
	float:left;
	padding:10px 30px 20px 0px;	
}

.councilTextBoxB {
	width:305px; 
	margin-left:10px; 
	float:left;
	padding:10px 30px 30px 0px;	
}

#councilPhotos {
	width:731px;
	min-height:250px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	font-size:11px;
	text-align:center;
	
	
}



/* Recycling Event */
.recycleTextBoxA {
	width:300px;
	height:auto;
	margin-left:60px;
	float:left;
}
.recycleTextBoxB {
	width:300px;
	height:auto;
	margin-left:30px;
	float:left;
}

/* Environews */


.environewsMiniMenu {
	width:420px;
	height:auto;
	float:right;
	margin-top:95px;
}

.environewsMiniMenu ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
	
	
}

.environewsMiniMenu ul li{
	display:inline;
	
	
}

.environewsMiniMenu ul li a{
	
	padding: 1px 10px 1px 12px;
	font-size:12px;	
	text-decoration:none;
	text-align:right;
	border-left:solid 1px #999;
	color:#788034;
}

.environewsMiniMenu ul li a:hover {
	font-weight:bold;

}



.environewsText{
	width:315px;
	height:auto;
	margin-left:60px;
	float:left;
	
}

.enviroTitles {
	font-family:Arial, Helvetica, sans-serif;
	margin-left:23px;
	height:20px;
	width:180px;
	color:#FFFFFF;
	background-color:#9abcbd;
	clear:both;
	margin-bottom:15px;
	font-weight:bold;
	font-size:14px;
	padding-left:35px;
	padding-top:3px;
	

}

.enviroSubtitles{
	color: #9abcbd;

	font-size:16px;
	font-weight:bold;
}

#quickLinks{
	width:120px;
	float:left;
	margin-top:30px;
}


#environewsVideosBox {
	width:305px;
	margin-left:30px;
	float:left;
}

.enviroMainTitle {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:23px;	
	color:#9abcbd;
}

.dryPaintTytle{
	font-weight:bold;
	font-size:16px;
	color:#CC6600;
}


.environtextHighlight{
	font-weight:bold;
	font-size:14px;
}



/* Neighborhood Corner*/




.neighborhoodText{
	width:350px;
	padding-left:35px;
	padding-right:0px;
	float:left;
	margin-bottom:40px;
	clear:left;
	height:auto;
	overflow:visible;

}

.neigborhoodArticleTitle{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:0px;
	height:20px;
	width:250px;
	color:#FFFFFF;
	background-color:#990000;
	margin-bottom:15px;
	font-weight:bold;
	font-size:14px;
	padding-left:35px;
	padding-top:3px;
	clear:both;
}

#neighborhoodArticles {
	margin-bottom:35px;
	overflow:auto;
	height:auto;
	
}

.neighboorFlapContainer{
	background-image:url(../images/neighborrhood_round_flap.jpg);
	background-repeat:no-repeat; 
	background-color:#c3d0d2;
	height:auto; 
	padding-top:20px; 
	float:left; 
	clear:both; 							
	margin-bottom:20px;
	width:727px;
	}

#neighborhoodViewpointList {
	width:550px; 
	padding-left:20px;
	padding-top:30px;
	font-size:13px;
	float:left;
	margin-left:30px;
	padding-bottom:20px;
	

}

#neighborhoodViewpointList ul {
		list-style-type:none;
		margin:0px;
		padding:0px;
}

#neighborhoodViewpointList ul li{
	display:block;
	margin-bottom:9px;
}

.nightOutHighlights {
	width:300px;
	margin-right:25px;
	float:right;
	background-color:#196ba6;
	background-image:url(../images/neighborhoodcorner/night_out_listbackground.jpg);
	height:300px;
	color: #FFF;
	margin-top:40px;
}


.nightOutHighlights ul{
	list-style-type:none;
	margin-left:20px;
	margin-right:15px;
	padding:0px;
}

.nightOutHighlights ul li {

	line-height:16px;
	color:#FFF;
	margin-bottom:10px;
	font-size:13px;

}

.neighborhoodMiniMenu {

	width:729px;
	height:20px;
	margin-top:15px;
	margin-right:0px;
	
}

.neighborhoodMiniMenu ul{
	list-style-type:none;
	float:right;
	margin:0px;
	padding:0px;
	
}

.neighborhoodMiniMenu ul li{
	display:inline;
	margin:0px;
	padding:0px;
	border-left:solid 1px #000;
	
}

.neighborhoodMiniMenu ul li a {
	padding: 1px 10px 1px 12px;
	font-size:11px;	
	text-decoration:none;
	text-align:right;
	
	color:#000000;

}

.neighborhoodMiniMenu ul li a:hover {
	font-weight:bold;	
}


.neighborhoodListOverlakePlanning {
	width:480px;
	clear:both;
	margin-left:50px;
	
}

.neighborhoodListOverlakePlanning ul{
	list-style-type:none;
	margin:10px 0px 30px 10px;
	padding:0px;
}

.neighborhoodListOverlakePlanning ul li{
	margin-bottom:8px;
	font-size:13px;
}

.neighborhoodListOverlakePlanningTitle {
	font-weight:bold;
	font-size:16px;
	color:#990000;
}

.neighborhoodList40thSt{

clear:left; width:480px; margin-left:50px; margin-top:0px;
}

.neighborhoodList40thSt ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.neighborhoodList40thSt ul li{
	margin-bottom:8px;
	font-size:13px;
}


.neighborhoodListOverlakePolicies {
	width:480px;
	clear:both;
	margin-left:50px;
	margin-bottom:20px;
	background-color:#E7E7E7;
	padding:30px 40px 30px 30px;
	
}

.neighborhoodListOverlakePolicies ul{
	list-style-type:none;
	margin:10px 0px 30px 25px;
	padding:0px;
}

.neighborhoodListOverlakePolicies ul li{
	margin-bottom:13px;
	font-size:13px;
}







/* good Numbers */



.numbersTitles{
	font-size:18px;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	margin-left:28px;
	color:#6a2f15;
	
	
}
#phoneNumbersSubNav ul{ 
	list-style-type:none;
	padding:0px;
	margin-left:62px;
	
}

#phoneNumbersSubNav ul li{
	display:inline;
}

#phoneNumbersSubNav ul li a{
	padding:2px 5px 2px 7px;
	text-decoration: none;
	color:#000000;
	font-family:"Times New Roman", Times, serif;
	font-size:15px;
	color:#6a2f15;
}

#phoneNumbersSubNav ul li a:hover{

	text-decoration:underline;
	
}
.phoneNumbersTextBox {
	margin-left:30px;
	padding-left:10px;
	width: 550px;
	height:auto;
	float:left;

}
.names {
	padding-left:20px;
	padding-top:1px

}

.numbers{
	text-align:right;
	vertical-align:top;
	padding-right:15px;
}

.colorRow {
	color:#333333;
	background-color:#E0E0E0;
}


#numbersTable {
	margin-left:35px;
	margin-top:15px;

}

.numbersSubsectionTitles {
	font-weight:bold;
	color:#6a2f15;
	font-size:14px;
	
	

}





/*City News */
.cityNewsTopArticles {
	margin-left:23px;
	width: 729px;
	height:auto;
	float:left;
	background-color:#c3d0d1;
	padding-top:20px;
	margin-bottom:25px;
}

.cityNewsTopArticlesTextBox {
	float:left;
	width:350px;
	height:auto;
	padding: 0px 0px 15px 25px;
	margin-top:10px;
	
	
}
.cityNewsTitlesBox {
	width:230px;
	padding: 3px 0px 3px 25px;
	background-color:#9f4418;
	clear:both;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
}
#cityNewsMainPic {
	width:auto;
	height:auto;
	position:relative;
	top:10px;
	left:0px;
}
.cityMainPicBorder {
	border: #dce4e4 solid 6px;
}

#cityNewsSecondaryTextBox{
	margin-left:23px;
	width: 729px;
	height:auto;
	float:left;
	background-color:#FFF;
	padding: 3px 0px 3px 0px;
	font-size:12px;
	line-height:18px;
}

.cityNewsSecondaryArticlesText {
	width:340px;
	height:auto;
	padding-left:25px;
	margin-top:20px;
	float:left;
}

.emphasizedText {
	font-size:18px;
	font-family:"Times New Roman", Times, serif;
	line-height:normal;
}

#citynewsVideosBox {
	width:305px;
	margin-left:40px;
	float:left;
}



/* Plant Lady */

.plantLadyTextContainer{
	width:729px;
	height:auto;
	margin: 0px auto 0px auto;
	background-color:#b5c9d6;
	padding:25px 0px 25px 0px;
	overflow:auto;
	
}

.plantLadyTextbox{
	width:300px;
	height:auto;
	float:left;
	margin-left:35px;
	margin-right:0px;
	margin-bottom:20px;
}

.plantLadyTitles {
	font-size:17px;
	font-weight:bold;
}

.plantLadySubTitles {
	font-weight:bold;
}




/* Seasonal Tips */

.seasonalTipsBox {
	width:255px;
	padding: 3px 0px 3px 25px;
	background-color:#9f4418;
	clear:both;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
}


.seasonBulletListTitle{
	color:#9f4418;
	font-weight:bold;
	font-size:16px;
}

/* Project Updates */

#projectUpdateTextBoxA{
	width:350px;
	margin-left:41px;
	padding-left:15px;
	height:auto;
	margin-top:30px;
	float:left;
}


.projectTitle{
	font-size:17px;
	color:#000000;
	font-weight:bold;

}
.projectSubtitles{
	font-weight:bold;
	

}	


/* Savvy Seniors */

.savvySmainTitles {
	font-size:16px;
	font-weight:bold;
	
	
}

.volunteersNames {
	font-size:15px;
	font-style:italic;
	font-weight:bold;
}

.savyParagraph290 {
	width:290px;
	float:left;
	margin-right:25px;
}

.savyParagraph380 {
	width:380px;
	float:left;
	margin-right:25px;

	
}
#seniorsSaveDate {
	background-image:url(../images/savvyseniors/round_flaps_savethisdate.jpg);
	background-repeat:no-repeat;
	
	border:1px solid #600;
	width:300px;
	height:520px;
	float:left;
	padding-left:20px;
	padding-right:30px;
	margin-left:10px;
}

#seniorsUpcomingEvents{
	background-image:url(../images/savvyseniors/round_flaps_upcomingEvents.jpg);
	background-repeat:no-repeat;
	float:left;
	height:520px;
	width:280px;
	padding-left:20px;
	padding-right:20px;
	margin-left:25px;
	border: 1px solid #cb7816;
	
}
.seniorTabsTitles {
	
	padding-top:8px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:16px;
	
}

.seniorsTabsSubtitles {
	font-size:14px;
	font-weight:bold;
	color:#600;
}

.seniorsEventsTitles {
	font-weight:bold;
	font-size:14px;
	color:#600;
}


#seniorsMiniMenu {
	width: 200px;
	height:100px;
	float:right;
	margin-right:25px;
	margin-top:16px;
	background-color:#cb7816;
	
}	

#seniorsMiniMenu ul{
	width:180px;
	display:block;
	margin:10px 0px 0px 15px;
	padding:0px;
	

}

#seniorsMiniMenu ul  li{
	list-style-type:none;
	line-height:16px;


}


#seniorsMiniMenu ul li a{
	color:#FFFFFF;
	text-decoration:none;
	font-size:13px;

}

#seniorsMiniMenu ul li a:hover{
	text-decoration:underline;
	font-weight:bold;
}



.seniorFooterTitle{
	font-size:16px;
	font-weight:bold;
	color:#600;
}
.seniorFooterHighlight{
	font-weight:bold;
	color:#600;
}

.seniorSpotlightHighlight{
	font-weight:bold;
	font-size:14px;
	color:#600;
}




/* Art Quest */

.artQuestSectionContainers {
	clear:both; 
	width:695px; border-bottom:#996600 1px solid; 
	margin-left:20px;
	margin-top:20px;
	padding-bottom:30px;
}


.artQuestMainParagraphs {
	width:400px;
	padding-left:30px;
	
}

.leftColumnParagraph {
	width:430px;
	padding-left:30px;
}


.centerLongerParagraph{
	width:580px;
	padding-left:30px;


}

.artsinparkCalendar {
	width:350px;
	float:left; 
	margin-left:45px;
	color:#352e14;
	
}

.artsinparkCalendar Table{

	margin-left:10px;
}	






/* Caledanr of Events */

#calendarsHolder{
	padding-left:10px;	
	padding-bottom:20px;
	height:auto;
}


#generalEventsHolder{
	padding-top:20px;
	padding-left:5px;	
	height:auto;
}
.calendarSquareHolder {
	width:170px;
	min-height:250px;
	float:left;
	margin-left:7px;
	overflow:visible;
}

.calendarGeneralEvents {
	width:226px;
	margin-left:10px;
	float:left;
	height:auto;

}

.calendarGeneralEvents p {
	padding-left:5px;
}


.generalEventsTextbox {
	padding:5px 10px 10px 10px;	
}

.calendarRoundedTopOrange{
	 background-image:url(../../assets/images/calendarofevents/rounded_square_top.png);
	 background-repeat:no-repeat;
	 height:25px; 
	 padding:8px 0px 0px 10px;	
	
}


.calendaRoundedBodyBorders{
	 border-left: solid #999 1px;
	 border-right: solid #999 1px; 
	 padding:10px 10px 10px 10px; 
	 background-color:#FFF;	
	 min-height:135px;
}

.calendarRoundedBottomWhite{
	background-image:url(../../assets/images/calendarofevents/rounded_square_bottom.jpg); background-repeat:no-repeat;height:35px;
}

.roundcalendarTitles {
	font-size:14px;
	font-weight:bold;
	color:#FFF;
}

.orangeBorder {
	border: 1px solid #cc7B16;
}


.artsEventSections {
		width:680px;
		height:auto;
		margin-left:auto;
		margin-right:auto;
		border-bottom:1px dotted #990;
		margin-bottom:25px;
		
		
}

.artsEventSections Table {
	margin-bottom:15px;
}
.artsEventSections Table td{
	width:215px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	vertical-align:top;
}

.artsEventSections a {
	
	color:#000;
}

/* View from History */
.thisplacemattersPic {
	border:solid 2px #FFF;
	float:right;
	margin-right:30px;
	margin-top:20px;
	
		
}

#thisplacemattersList {
	padding-left:20px; 
	padding-right:20px;
	padding-top:30px;
	font-size:12px;
	
	
}

#thisplacemattersList ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	
}

#thisplacemattersList ul li{
	display:block;
	margin-bottom:12px;
}

#thisplacemattersList ul li a{
	color:#000;
}

.thisplaceMattersParagraph {
	padding-left:15px; padding-right:20px; font-size:12px;  
}


/* R-tripConnections */

.rtripSectionContainers {
	width:727px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	paddding:20px;
	clear:both;

	

	
}

#rtripTopLeftColumn{
	width:420px;
	float:left;
}

#rtripTopRightColumn{
	width:220px;
	float:left;
	margin-left:55px;
	margin-bottom:25px;

}


#visitGortripBox{
	border:1px #666666 solid;
	padding:15px;
	width:340px;
	margin:20px 15px 20px 15px;
	

}

#visitGortripBox ul{
	list-style-type:none;
	margin:0px;
	padding-left:15px;
	padding-top:15px;
}


#visitGortripBox ul li{
	display:block;
	margin-bottom:8px;


}
.goRtripGreenHighlight {
	font-weight:bold;
	color:#6cb33f;
	font-size:14px;
}

.goRtripBoxTitle {
	font-size:18px;
	font-weight:bold;
	color:#005288;
}

#rtripWinners {
	width:310px;
	float:right;
	margin-right:20px;
	padding-top:15px	
}

.winnersTitle {
	font-weight:bold;
	font-size:14px;
}

#rtripContactUs{
	padding: 30px 30px 30px 30px;
	color:#4e661a;
	border:1px solid #666666;
	width:650px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	
}

.rtriproundBoxText{
	padding-left:8px;
	padding-right:7px;
	color:#FFFFFF;
	font-size:13px;
	margin:0px;
}

.rtriproundBoxTitle {
	font-weight:bold;
	font-size:16px;
}	

.rtripwillowsList {
	margin-left:20px;
	width:550px;
}

.rtripwillowsList ul{
	margin-left:25px;
	list-style-type:none;
}


.rtripwillowsList ul li{
		margin-bottom:15px;
		font-size:13px;
		color:#333333;

} 	
.rtripwillowsHighlight{
	font-weight:bold;
	color:#005288;
}


/* Videos */

.videosText {
	padding-left:20px;
	padding-right:3px;
	
	
}

.videoBtns img{
	text-align:center;
	border:none;
	
}

.videotableLightColor {
	background-color:#e5e3e4;
}


/* Parks and Rec */

.parksrecParksParagraphs {
	width:280px;
	float:left;
	margin-right:20px;
	
}
.parksRecParksTitle {
	font-size:16px;
	font-weight:bold;
	color:#8ea017;
}

.parksRecAddress {
	color:#cc7b16;
}

.parksRecHighlights{
	font-weight:bold;
	color:#8ea017;
}

.featuredArticleDDaysTitle {
		font-size:18px;
		font-weight:bold;
		color:#06C;

}

.coverMenu {
	width:400px;
	height:400px;
	z-index:5;
	float:right;	
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:400px;
	margin-right:30px;
	text-align:right;
}

.coverMenu a {
	
	color:#FFF;
	text-decoration:none;
	
}
.coverMenuH1{
 font-size:40px;	
 font-weight:bold;
}
.coverMenuGoInside{
	font-size:30px;	
}
.coverMenuH2{
	font-size:25px;	
}

.coverMenuH3 {
	font-size:20px;
}


.coverMenu a:hover {
	color:#990;
	
}

.coverMenu div{
	margin-bottom:5px;	
}