@charset "UTF-8";

/* ========================================
		Import Master Reset CSS
======================================== */

@import url(reset.css);


/* ========================================
		General Layout
======================================== */

body {
	background-color: #666666;
	background-position: left top;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: 18px;
}

/* Page Container */

div#container {
	background-color: #FFF200;
	margin-right: auto;
	margin-left: auto;
	width: 900px;
}


/* Header */

div#header {
	height: 240px;
	margin: 9px 54px 9px 54px;
	width: 792px;
	background-image: url(../imagebank/headerimage.gif);
	background-repeat: no-repeat;
}


div#headergrowyourown {
	height: 240px;
	margin: 9px 54px 9px 54px;
	width: 792px;
	background-image: url(../imagebank/newheadergrowyourown.gif);
	background-repeat: no-repeat;
}

div#headerenjoytheoutdoors {
	height: 240px;
	margin: 9px 54px 9px 54px;
	width: 792px;
	background-image: url(../imagebank/newheaderenjoytheoutdoors.gif);
	background-repeat: no-repeat;
}

div#headergetactive {
	height: 240px;
	margin: 9px 54px 9px 54px;
	width: 792px;
	background-image: url(../imagebank/newheadergetactive.gif);
	background-repeat: no-repeat;
}

div#headeryoungchampion{
	height: 240px;
	margin: 9px 54px 9px 54px;
	width: 792px;
	background-image: url(../imagebank/newheaderyoungchampion.gif);
	background-repeat: no-repeat;
}

/* Home */

div#mainContent { margin: 0px 18px 0px 18px; width: 756px; }
div#mainContentMainCol { float: right; width: 480px; }
div#mainContentRightCol { width: 241px; }
div#menusection { margin: 0px 54px 0px 54px; width: 792px; }

div#rightColList { width: 234px; }
div#rightColList ul li { clear: left; margin-top: 4px; margin-bottom: 4px; }
img.floatLeft { float: left; padding-top: 4px; padding-bottom: 18px; }
div.rightColListItem {
	display: inline;
	float: left;
	padding-bottom: 18px;
	margin-left: 18px;
	width: 180px;
}


/* Pannels */

div.panelHeader {
	margin: 0px 18px 0px 18px;
	width: 756px;
}

div.panelHeader_small {
	margin: 0px 18px 0px 10px;
	width: 180px;
}

div.panelHeader_footer {
	margin: 0px 18px 0px 18px;
	width: 756px;
	padding-top: 14px;
}

div.panelHeader_signup {
	margin: 0px 0px 0px 0px;
	width: 210px;
}

div.panelHeader_signup img{
float:right;
}
div.panelHeader_signup h2{
width:140px;
}
div.panelHeader_signup h4{
width:140px;
}

div.panelHeader_signup p img{
float:left;
}

div.panelHeader_boro_activities {
	margin: 0px 18px 0px 18px;
	width: 190px;
}

div.panelHeader_change4life {
padding-left: 10px;
padding-top: 108px;
width: 118px;
}

div.panelHeader_signupleft {
	width: 50px;
}

div.panelHeader_large {
	margin: 18px 18px 0px 0px;
	width: 350px;
}

div.panelHeader_theme_left {
	
}

div.panel-content{
padding:0px 10px 0px 10px;
}

div.panel-content img{
float:right;
}

div.panel-content h6{
width:150px;
}

div.panel-content-yellow{
padding:0px 10px 0px 10px;
}

div.panel-content-yellow img{
float:right;
}

div.panel-content-yellow h6{
width:150px;
}

div.panel-content-side{
padding:0px 10px 0px 10px;
}

div.panel-content-side img{
float:right;
}

div.panel-content-side h6{
width:150px;
}



div.panelHeader_theme_right {
	margin: 0px 0px 0px 4px;
	width: 5px;
	float: left;
}


div.panelContainer { padding-bottom: 18px; width: 100%; }

div.panelContainer-main { margin-bottom: 50px; width: 100%; }

div.panelContainer_themeleft { width: 231px; float: left;  }
div.panelContainer_themeright { width: 231px; float: left; margin-left: 18px; }


div.large-yellow { padding-bottom: 18px; width: 100%; }
div.large-yellow-top { 
background-repeat: no-repeat;
background-image: url(../imagebank/large_yellow_top.gif);
width: 100%; 
height:15px;
}
div.large-yellow-mid {
background-image: url(../imagebank/large_yellow_sides.gif); 
background-repeat: repeat-y;

width: 100%; 
}
div.large-yellow-bot { 
background-repeat: no-repeat;
background-image: url(../imagebank/large_yellow_bottom.gif); 

width: 100%;
height:10px; 
clear:both;
}

div.top-yellow-content{
padding-left:20px;
padding-right:20px;
}


div.yellow-stroke-box{

}
div.yellow-stroke-box-top{
background-repeat: no-repeat;
background-image: url(../imagebank/yellow_outline_top.gif);
width: 100%; 
height:15px;
}
div.yellow-stroke-box-mid{
background-image: url(../imagebank/yellow_outline_sides.gif);
width: 100%; 
background-repeat: repeat-y;
}
div.yellow-stroke-box-bot {
background-repeat: no-repeat; 
background-image: url(../imagebank/yellow_outline_bottom.gif); 
width: 100%;
height:10px; 
clear:both;
}


div.activity-highlight{
padding-top:20px;
padding-bottom:20px;

}
div.activity-highlight-top{
background-repeat: no-repeat;
background-image: url(../imagebank/activity_yellow_top.jpg);
width: 100%; 
height:15px;
}
div.activity-highlight-mid{
background-image: url(../imagebank/activity_yellow_sides.jpg);
width: 100%; 
background-repeat: repeat-y;
}
div.activity-highlight-bot { 
background-repeat: no-repeat;
background-image: url(../imagebank/activity_yellow_bottom.jpg); 
width: 100%;
height:20px; 
clear:both;
}

div.activity-highlight-content{
padding:18px;
}
div.activity-highlight-content p{

}
div.activity-highlight-content img{
float:left;
clear:both;
}

div.activity-highlight-content p img{
float:right;
padding-left:10px;
padding-bottom:10px;
}


div.activity-highlight-content-info{
float:right;
width:170px;
}

div#content-main-block{
clear:both;
}


	
/* Green Rounded Box */

div.panelgreenmenu {
	background-color: #FFFFFF;
	background-image: url(../imagebank/panel_white_col1_tile.gif);
	background-repeat: repeat-y;
	padding-left: 18px;
	width: 738px;
}
div.panelgreenmenuTop {
	background-color: #FFFFFF;
	background-image: url(../imagebank/panel_white_col1_top.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 756px;
}
div.panelgreenmenuBottom {
	background-color: #FFFFFF;
	background-image: url(../imagebank/panel_white_col1_bottom.gif);
	background-repeat: no-repeat;
	height: 36px;
	width: 756px;
}


/* Outer Content Container */

div.panelouterCol2 {
	background-color: #FFFFFF;
	background-image: url(../imagebank/panel_white_col2_tile.gif);
	background-repeat: repeat-y;
	width: 792px;
}
div.panelouterCol2Top {
	background-color: #FFFFFF;
	background-image: url(../imagebank/panel_white_col2_top.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 792px;
}
div.panelouterCol2Bottom {
	background-color: #FFFFFF;
	background-image: url(../imagebank/footer-images--ball-throw.gif);
	background-repeat: no-repeat;
	height: 60px;
	width: 792px;
	clear:both;
}
div.panelouterCol2Bottom1 {
	background-color: #FFFFFF;
	background-image: url(../imagebank/footer-images--ball-throw.gif);
	background-repeat: no-repeat;
	height: 60px;
	width: 792px;
	clear:both;
}
div.panelouterCol2Bottom2 {
	background-color: #FFFFFF;
	background-image: url(../imagebank/footer-images--dig.gif);
	background-repeat: no-repeat;
	height: 60px;
	width: 792px;
	clear:both;
}
div.panelouterCol2Bottom3 {
	background-color: #FFFFFF;
	background-image: url(../imagebank/footer-images--dig.gif);
	background-repeat: no-repeat;
	height: 60px;
	width: 792px;
	clear:both;
}
div.panelouterCol2Bottom4 {
	background-color: #FFFFFF;
	background-image: url(../imagebank/footer-images--frisbee.gif);
	background-repeat: no-repeat;
	height: 60px;
	width: 792px;
	clear:both;
}
div.panelouterCol2Bottom5 {
	background-color: #FFFFFF;
	background-image: url(../imagebank/footer-images--frisbee.gif);
	background-repeat: no-repeat;
	height: 60px;
	width: 792px;
	clear:both;
}
div.panelouterCol2Bottom6 {
	background-color: #FFFFFF;
	background-image: url(../imagebank/footer-images--water.gif);
	background-repeat: no-repeat;
	height: 60px;
	width: 792px;
	clear:both;
}

div.panelBlueCol1Short {
	color: #FFFFFF;
	background-image: url(../imagebank/panel_blue_col1_short_tile.gif);
	background-repeat: repeat-y;
	padding-left: 18px;
	width: 223px;
}
div.panelBlueCol1ShortTop {
	background-image: url(../imagebank/panel_blue_col1_short_top.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 241px;
}
div.panelBlueCol1ShortBottom {
	background-image: url(../imagebank/panel_blue_col1_short_bottom.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 241px;
}


div.panelWhiteCol1 {
	background-color: #FFFFFF;
	background-image: url(../imagebank/panel_yellow_col1_tile.gif);
	background-repeat: repeat-y;
	padding-right: 18px;
	width: 223px;
}
div.panelWhiteCol1Top {
	background-color: #FFFFFF;
	background-image: url(../imagebank/panel_yellow_col1_top.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 241px;
}
div.panelWhiteCol1Bottom {
	background-color: #FFFFFF;
	background-image: url(../imagebank/panel_yellow_col1_bottom.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 241px;
}
div.panelchange4lifeShort {
	color: #FFFFFF;
	background-image: url(../imagebank/change_4_life_side.gif);
	background-repeat: no-repeat;
	height: 144px;
	width: 241px;
}

div.panelchange4lifeShort_gallery {
	color: #FFFFFF;
	background-image: url(../imagebank/gallerysidebuttonimage.gif);
	background-repeat: no-repeat;
	height: 144px;
	width: 241px;
}
div.panelchange4lifeTop {
	background-image: url(../imagebank/change_4_life_top.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 241px;
}
div.panelchange4lifeBottom {
	background-image: url(../imagebank/change_4_life_bottom.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 241px;
	
}
div.panelchange4lifeboroShort {
	color: #FFFFFF;
	background-image: url(../imagebank/change_4_life_boroside.gif);
	background-repeat: repeat-y;
	width: 223px;
	padding-left: 18px;
}
	
div#rightColList {  }
div#rightColList ul li { clear: left; margin-top: 4px; margin-bottom: 4px;}
img.floatLeft { float: left; padding-top: 4px; padding-bottom: 18px; }
.rightColListItem {
	display: block;

	padding-bottom: 18px;
	padding-left: 18px;
	
	
}

div.panelthemegreenTop {
	background-image: url(../imagebank/green_theme_top.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 231px;
}

div.panelthemeyellBottom {
	background-image: url(../imagebank/yellow_231_bottom.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 231px;
}

div.panelyellthememiddle {
	background-image: url(../imagebank/yellow_231_sides.gif);
	background-repeat: repeat-y;
	width: 231px;
}

div.panelthemeyellTop {
	background-image: url(../imagebank/yellow_231_top.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 231px;
}

div.panelthemegreenBottom {
	background-image: url(../imagebank/green_theme_bottom.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 231px;
}

div.panelgreenthememiddle {
	background-image: url(../imagebank/green_theme_tile.gif);
	background-repeat: repeat-y;
	width: 231px;
}

div.panelthemegreenTop-side {
	background-image: url(../imagebank/green_241_top.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 241px;
}

div.panelthemegreenBottom-side {
	background-image: url(../imagebank/green_241_bottom.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 241px;
}

div.panelgreenthememiddle-side {
	background-image: url(../imagebank/green_241_sides.gif);
	background-repeat: repeat-y;
	width: 241px;
}


.clearme {
clear: both;
}

div#footer {
	height: 180px;
	background-image: url(../imagebank/healthytown-footer.gif);
	background-repeat: no-repeat;
	margin: 0px 54px 18px 54px;
	width: 792px;
}

#main-menu{
padding-right: 18px;
}

#main-menu ul{
margin:0px;
padding:0px;

}

#main-menu ul li{
margin:0px;
padding:0px;
display:inline;
margin-right:20px;
}

#main-menu ul li a{
color:#fff;
text-decoration:none;
}

#main-menu ul li a:hover{
color:#fff200;
text-decoration:none;
}



.latestnews_title {
font: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
color: #CC0033;
}

#theme-left-col{
width: 231px;
float:left;

}
#theme-right-col{
width: 231px;
float:right;

}

div.panelHeader_footer a{
color:#333;
text-decoration:none;
}
div.panelHeader_footer a:hover{
color:#333;
text-decoration:underline;
}

.rightColListItem a{
text-decoration:none;
color:#ed1c24;
}
.rightColListItem a:hover{
text-decoration:underline;
color:black;
}

.panel-content a{
text-decoration:none;
color:#b2c32e;
}

.panel-content a:hover{
text-decoration:underline;
color:#fff;
}

.panel-content-yellow a{
text-decoration:underline;
color:#666;
}

.panel-content-yellow a:hover{
text-decoration:underline;
color:black;
}

.top-yellow-content a{
text-decoration:underline;
color:#666;
}

.top-yellow-content img{
float:right;
clear:both;
}
.top-yellow-content a:hover{
text-decoration:underline;
color:black;
}

.panel-content-side a{
text-decoration:none;
color:#b2c32e;
}

.panel-content-side a:hover{
text-decoration:underline;
color:#fff;
}

.yellow-pagination p{
font-weight:bold;
text-align:right;
color:#0ba640;
margin:0px;
padding:0px;
}

.yellow-pagination{
margin:0px;
padding:0px;
text-align:right;
padding-right:20px;
color:#0ba640;
}

.yellow-pagination a{
font-weight:bold;
text-align:right;
color:#0ba640;
}

div.activity-content{
padding:0px 18px 18px 18px;
}

div.activity-content p{
padding:0px 0px 18px 0px;
}


.backto a{
color:#e1272b;
text-decoration:underline;

}

.backto a:hover{
color:black;
text-decoration:underline;
}

.activity-content a{
color:#e1272b;
text-decoration:underline;
}
.activity-content a:hover{
color:black;
text-decoration:underline;
}

.response{
margin-left:36px;
margin-right:36px;
}

.response p a{
color:#e1272b;
text-decoration:underline;
}

.response p a:hover{
color:black;
text-decoration:underline;
}








/* Forms */

input.search {
	background-image: url(../imagebank/button_findactivity_up.jpg);
	background-repeat: no-repeat;
	border: 0;
	cursor: pointer;
	display: inline-block;
	font-size: 0px;
	height: 29px;
	line-height: 0px;
	margin-left: 123px;
	text-indent: -9000px;	
	width: 110px;
}
input.search:hover {
	background-image: url(../imagebank/button_findactivity_over.jpg);
}
input.send {
	background-image: url(../imagebank/but_send_off.png);
	background-repeat: no-repeat;
	border: 0;
	cursor: pointer;
	display: inline-block;
	font-size: 0px;
	height: 27px;
	line-height: 0px;
	text-indent: -9000px;	
	width: 72px;
}
input.submit {
	background-image: url(../imagebank/button_signmeupform_up.jpg);
	background-repeat: no-repeat;
	border: 0;
	cursor: pointer;
	display: inline-block;
	font-size: 0px;
	height: 27px;
	line-height: 0px;
	text-indent: -9000px;	
	width: 72px;
}
input.signup {
	background-image: url(../imagebank/button_signmeupform_up.jpg);
	background-repeat: no-repeat;
	border: 0;
	cursor: pointer;
	display: inline-block;
	font-size: 0px;
	height: 29px;
	line-height: 0px;
	margin-left: 123px;
	text-indent: -9000px;	
	width: 110px;
}

input.signup:hover {
	background-image: url(../imagebank/button_signmeupform_over.jpg);
}

input.tellme {
	background-image: url(../imagebank/button_tellmemoreform_up.jpg);
	background-repeat: no-repeat;
	border: 0;
	cursor: pointer;
	display: inline-block;
	font-size: 0px;
	height: 29px;
	line-height: 0px;
	margin-left: 123px;
	text-indent: -9000px;	
	width: 110px;
}

input.tellme:hover {
	background-image: url(../imagebank/button_tellmemoreform_over.jpg);
}

/* Forms */

div.contactUsLeftCol {
	float: left;
	margin-left: 18px;
	width: 136px;
}
div.contactUsRightCol {
	float: left;
	margin-left: 18px;
	width: 366px;
}
div.contactUsRightCol fieldset {
  margin-bottom: 10px;
}
div.contactUsRightCol legend {
  padding: 0 2px;
}
div.contactUsRightCol label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
div.contactUsRightCol fieldset ol {
  margin: 0;
  padding: 0;
}
div.contactUsRightCol fieldset li {
  padding: 5px;
  margin: 0;
}
div.contactUsRightCol fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
div.contactUsRightCol fieldset fieldset legend {
  padding: 0 0 5px;
}
div.contactUsRightCol fieldset fieldset label {
  display: block;
  width: auto;
}
div.contactUsRightCol em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
div.contactUsRightCol label {
  width: 120px; /* Width of labels */
}
div.contactUsRightCol fieldset fieldset label {
  /*margin-left: 123px;  Width plus 3 (html space) */
}

div.tellmemore {
	float: left;
	margin-left: 10px;
	width:400px;
	clear:both;
}
div.tellmemore fieldset {
  margin-bottom: 10px;
}
div.tellmemore legend {
  padding: 0 2px;
}
div.tellmemore label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
div.tellmemore fieldset ol {
  margin: 0;
  padding: 0;

}
div.tellmemore fieldset li {
  padding: 5px;
  margin: 0;

}
div.tellmemore fieldset fieldset {
  border: none;
  margin: 3px 0px 0px 0px;
}
div.tellmemore fieldset fieldset legend {
  padding: 0px 0px 5px 0px;
}
div.tellmemore fieldset fieldset label {
  display: block;
  width: auto;
}
div.tellmemore em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
div.tellmemore label {
  width: 120px; /* Width of labels */
}
div.tellmemore fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}
input.contactbox {
	border: 1px solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	width: 180px; /* Width plus 3 (html space) */
}
textarea.contactbox {
	border: 1px solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
  width: 180px; /* Width plus 3 (html space) */
}

#image-header{
margin-bottom:20px;
}