﻿#banner{
	font-family: Trebuchet MS, verdana, geneva, sans-serif;
	font-size: 85%;	
}

#banner table{
	font-size: 85%;
}

#banner #hartLogoDiv {
	position:relative;
	float: left;
	margin-bottom: 8px;
}

#banner #hartLogoDiv img{
	border: 0px solid #000;
}


#banner #headerRight{
	float: right;
}

#banner #toplinksWrapper{
	background: url('dotted_line_bg.gif');
	padding: 1px;
}
#banner #toplinks {
	padding: 5px 7px 5px 7px;
	background-color:#eeeeee;
	margin-right:0%;
}

#banner #toplinks a:link {
	color: #333333;
	text-decoration: none;
}

#banner #toplinks a:visited {
	color: #333333;
	text-decoration: none;
}

#banner #toplinks a:hover {
	color: #333333;
	text-decoration: underline;
}


#banner #googleForm {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#banner #googleForm input {
	margin-top:4px;
	margin-bottom: 4px;
	/*input is the only thing that doesn't seem to inherit the font family*/
	font-family: Trebuchet MS, verdana, geneva, sans-serif;
	font-size: 90%;
}

#banner .viewallsections {
	float: right;
}

#banner #fontResizer{
	padding-left: 5px;
	padding-bottom: 3px;
}

#banner div.fontResizerOuter{
	vertical-align: bottom; 
	text-align: center; 
	border: 1px solid #AAAAAA; 
	color: #AAAAAA; 
	font-weight: none;
	text-decoration: none;
	cursor: pointer;
	padding: 0px;
}
#banner div.fontResizerOuter_selected{
	vertical-align: bottom; 
	text-align: center; 
	border: 1px solid black; 
	color: black; 
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	background-color: #EEEEEE;
	padding: 0px;
}
#banner div.fontResizerInner{
	vertical-align:  bottom; 
	padding: 0px 2px 0px 2px;
}



#banner #topnavbar {
	text-align:right;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
}

	#banner a.leisure:link, 
	#banner a.business:link, 
	#banner a.environment:link, 
	#banner a.communityliving:link,
	#banner a.service:link, 
	#banner a.yourcouncil:link {		color: black; text-decoration: none; font-weight: none;}
	
	#banner a.leisure:visited, 
	#banner a.business:visited, 
	#banner a.environment:visited, 
	#banner a.communityliving:visited, 
	#banner a.service:visited, 
	#banner a.yourcouncil:visited {		color: black; text-decoration: none; font-weight: none;}
	
	#banner a.leisure:hover, 
	#banner a.business:hover, 
	#banner a.environment:hover, 
	#banner a.communityliving:hover, 
	#banner a.service:hover, 
	#banner a.yourcouncil:hover {		color: black; text-decoration: underline; font-weight: none;}
	
	#banner p{
		margin-top: 2px;
		margin-bottom: 7px;
	}
	
	#banner #mainbody{
		margin-top: 10px;
	}
	
	#banner #mainsection {
		background-color:#eeeeee;
		font-weight: bold;
		padding: 5px 5px 5px 5px;
	}
	#banner #mainsectionWrapper{
		background: url('dotted_line_bg.gif');
		padding: 1px;
	}
	
	#banner #altnav {
		/*border: 1px solid #ccc;*/
		margin-left: 3px;
		margin-bottom: 3px;
		margin-top: 3px;
	}

		
	
	#banner .nav_group_sectionHeading{
		margin-bottom: 3px;
	}
	#banner .nav_group_sectionHeading a {
		font-weight: lighter; 
		font-size: 85%;
	}

	

	
	
			
		#banner #BusinessCurveTable 		.headingRow{	background-color: #A4CFB9;	}
		#banner #EnvironmentCurveTable 		.headingRow{	background-color: #B2B6C4;	}
		#banner #CustomerCurveTable 		.headingRow{	background-color: #BDB9D5;	}
		#banner #CommunityCurveTable 		.headingRow{	background-color: #CAA5CA;	}
		#banner #LeisureCurveTable 			.headingRow{	background-color: #CBBBAB;	}
		#banner #YourCouncilCurveTable 		.headingRow{	background-color: #E69C9C;	}
		

		
		#banner #globalnav {
	clear:both;
	width: 100%;
	padding:0px;
}

#banner #globalnav ul {
	margin: 0px 0px 2px 0px; 
	line-height: 20px;
	list-style-type: none;
	padding: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#banner #globalnav li {
	display: inline;
	margin-left: 0px;
	margin-right: 0px;}

#banner #globalnav a {
	text-decoration: none;	
	padding: 5px 0px 4px 3px;
	margin-bottom:0px;
	white-space: nowrap;
	margin-right: 2px;
}

#banner .globalnav {
	clear:both;
	width: 100%;
	padding:0px;
}

#banner .globalnav ul {
	margin: 0px 0px 2px 0px; 
	line-height: 20px;
	list-style-type: none;
	padding: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#banner .globalnav li {
	display: inline;
	margin-left: 0px;
	margin-right: 0px;
}

#banner .globalnav a {
	text-decoration: none;	
	padding: 5px 0px 4px 3px;
	margin-bottom:0px;
	white-space: nowrap;
	margin-right: 2px;
}

/*The following removes the trailing 2px margin of the last section tab (customer service)*/
#banner #top-custserv a {margin-right: 0px; padding-right: 4px;}


/* Global Nav Initial State Colours */

#banner .top-business-initial 		a {background-color: #A4CFB9; color: #000000;}
#banner .top-community-initial 		a {background-color: #CAA5CA; color: #000000;}
#banner .top-environment-initial 	a {background-color: #B2B6C4; color: #000000;}
#banner .top-leisure-initial 		a {background-color: #CBBBAB; color: #000000;}
#banner .top-yourcouncil-initial 	a {background-color: #E69C9C; color: #000000;}
#banner .top-news-initial 			a {background-color: #B8B2E7; color: #000000;}
#banner .top-doit-initial 			a {background-color: #E6BF99; color: #000000;}
#banner .top-custserv-initial 		a {background-color: #BDB9D5; color: #000000;}



/* Global Nav Selected State Colours */

#banner .top-business 		a {background-color: #73B594; color: #FFFFFF; border-bottom: 3px solid #73B594;}
#banner .top-community 		a {background-color: #AD75AD; color: #FFFFFF; border-bottom: 3px solid #AD75AD;}
#banner .top-environment 	a {background-color: #888FA4; color: #FFFFFF; border-bottom: 3px solid #888FA4;}
#banner .top-leisure 		a {background-color: #AF977E; color: #FFFFFF; border-bottom: 3px solid #AF977E;}
#banner .top-yourcouncil 	a {background-color: #D86767; color: #FFFFFF; border-bottom: 3px solid #D86767;}
#banner .top-news 			a {background-color: #9289DA; color: #FFFFFF; border-bottom: 3px solid #9289DA;}
#banner .top-doit 			a {background-color: #D99D62; color: #FFFFFF; border-bottom: 3px solid #D99D62;}
#banner .top-custserv 		a {background-color: #9A94BE; color: #FFFFFF; border-bottom: 3px solid #9A94BE;}


/* Global Nav Hover Colours */

#banner .top-business-initial 		a:hover {background-color: #73B594; color: #FFFFFF;}
#banner .top-community-initial 		a:hover {background-color: #AD75AD; color: #FFFFFF;}
#banner .top-environment-initial 	a:hover {background-color: #888FA4; color: #FFFFFF;}
#banner .top-leisure-initial 		a:hover {background-color: #AF977E; color: #FFFFFF;}
#banner .top-yourcouncil-initial 	a:hover {background-color: #D86767; color: #FFFFFF;}
#banner .top-news-initial 			a:hover {background-color: #9289DA; color: #FFFFFF;}
#banner .top-doit-initial 			a:hover {background-color: #D99D62; color: #FFFFFF;}
#banner .top-custserv-initial 		a:hover {background-color: #9A94BE; color: #FFFFFF;}


/* Global Nav top bar colours */

#banner .homepage-topbar 		{border-bottom: 5px solid #dddddd;}
#banner .business-topbar 		{border-bottom: 5px solid #73B594; }
#banner .community-topbar 		{border-bottom: 5px solid #AD75AD;}
#banner .environment-topbar 	{border-bottom: 5px solid #888FA4;}
#banner .leisure-topbar 		{border-bottom: 5px solid #AF977E;}
#banner .yourcouncil-topbar 	{border-bottom: 5px solid #D86767;}
#banner .news-topbar 			{border-bottom: 5px solid #9289DA;}
#banner .doit-topbar 			{border-bottom: 5px solid #D99D62;}
#banner .custserv-topbar 		{border-bottom: 5px solid #9A94BE;}

/* Global Nav bottom bar colours */

#banner .homepage-bottombar 	{border-bottom: 5px solid #dddddd;}
#banner .business-bottombar 	{border-bottom: 5px solid #73B594;}
#banner .community-bottombar 	{border-bottom: 5px solid #AD75AD;}
#banner .environment-bottombar 	{border-bottom: 5px solid #888FA4;}
#banner .leisure-bottombar 		{border-bottom: 5px solid #AF977E;}
#banner .yourcouncil-bottombar 	{border-bottom: 5px solid #D86767;}
#banner .news-bottombar 		{border-bottom: 5px solid #9289DA;}
#banner .doit-bottombar 		{border-bottom: 5px solid #D99D62;}
#banner .custserv-bottombar 	{border-bottom: 5px solid #9A94BE;}

