@charset "utf-8";
/* -----------------------------------------------------------------

	CSS written by Kevin Rapley [digikev.co.uk]

	SWATCHES

	#000000

	CONTENTS
	Search for any of the below to be transported to that section of the
	document

	=HEADER
	=ACCESS
	=BRANDING
	=MENU
	=SUBMENU
	=CONTENT
	=SIDEBAR
	=TOP-BUTTON
	=FOOTER

=TOP
----------------------------------------------------------------- */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	padding: 0;
	margin: 0;
}

p {
	line-height: 1.5em;
}

img {
	behavior: url('/aspnet_client/scripts/iepngfix.htc');
}

a img {
	border: none;
}

 #page {
  margin: 0 auto;
  width: 1000px;
 }

.container {
 width: 1000px;
 margin: 0 auto;
 position: relative;
}

/* Columns
---------------------------------------------------------------------------------------------------------------- */
.column, 
.col-1, 
.col-2, 
.col-3, 
.col-4 {
 margin-right: 20px;
}
/* The last column in a row needs this class. */
.last, div.last {
 margin-right: 0;
} 

/* Use these classes to set the width of a column. */
.col-1 {
 float: left;
 width: 210px;
}

#content .col-1 {
	width: 230px;
}

.col-2 {
 float: left;
 width: 430px;
}

#content .col-2 {
	width: 480px;
}

.col-3 {
 float: left;
 width: 650px;
}

#content, #content .col-3 {
	width: 730px;
}

.col-4 {
 float: left;
 margin: 0;
 width: 870px;
}

/* Clearing floats without extra markup
Based on How To Clear Floats Without Structural Markup by PiE
[http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after, .container:after {
 clear: both;
 content: "\0020";
 display: block;
 height: 0;
 overflow: hidden;
 visibility: hidden;
}

.clearfix, .container {
 display: block;
}

/* Regular clearing   
apply to a column that should drop below previous ones. */
.clear {
 clear: both;
}

/* =HEADER
contains the logo and background gradient for the masthead
----------------------------------------------------------------- */

 #header {
  height: 8.333em;
	width: 100%;
 }
/*
		#logo, #search, .searchLabel, .searchTextbox, .searchButton {
			float: left;
		}
*/
		#logo {
			margin-bottom: 20px;
		}

	#search {
		clear: both;
		position: absolute;
		left: 720px;
		top: 38px;
	}

		.searchLabel {
			color: #db0c41;
			float: left;
			font-weight: bold;
			margin-right: 4px;
			line-height: 1.5em;
		}
		
		.searchTextbox {
			border: solid 1px black;
			background: url('/media/fd7163f455da4292be398d704b1c8eae.gif') top no-repeat;
			float: left;
			height: 16px;
			margin-right: 1px;
			width: 152px;
		}
		
		.searchButton {
			background: url('/media/a1a496291a08445b8dda09e0e4f08858.gif') no-repeat;
			border: none;
			color: white;
			float: left;
			font-size: 0.8em;
			line-height: 1;
			height: 20px;
			width: 20px;
			text-indent: -9000px;
			line-height: -9000px;
		}

/* =MENU
Main navigational menu.
----------------------------------------------------------------- */

	#secondaryNav {
		background: #e6ebf0 url('/media/2290b035ed2e41f8a258cceb5c658971.gif') right no-repeat;
		height: 1.5em;
		margin-top: 0em;
		padding: 0.7em 0 0.7em 2em;
		float: left;
		width: 61.333em;
	}
		
		#secondaryNav ul.menu {
			display: inline;
			float: left;
			margin: 0 0 0.5em 0;
			padding: 0;
			font-weight: bold;
			font-size: 0.9em;
		}
			
			#secondaryNav ul.menu li {
				display: inline;
				float: left;
				font-size: 1.2em;
				margin-right: 1em;
				list-style-type: none;
			}
				
				#secondaryNav ul.menu li a {
					display: block;
					float: left;
					background-image: url("/media/ba30dfbb88e047a1b72541fa2747462b.gif");
					background-repeat: no-repeat;
					background-position: 2px;
					padding-left: 20px;
					color: black;
					text-decoration: none;
				}
					
				#secondaryNav ul.menu li a:hover {
					color: #497588;
				}

/* =SIDEBAR
Secondary menu.
----------------------------------------------------------------- */

	#sidebar {
		margin: 0 10px 0 0;
		float: left;
		width: 210px;
	}

		#sidebar ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}

			#sidebar li {
				list-style: none;
				margin: 0;
				padding: 0;
				display: inline;
			}
		
			#sidebar li a:link, #sidebar li a:visited {
				background: url('/media/5717ac4cc6de43a8b57e85712ea033fb.gif') top repeat-x;
				color: #225067;
				display: block;
				border-bottom: solid 1px #a5b8c9;
				font-weight: bold;
				margin: 0;
				padding: 1em 0 11px 11px;
				text-decoration: none;
			}

				#sidebar li.mi-housing a:hover, #sidebar li.mi-housing_selected a:link, #sidebar li.mi-housing_selected a:visited {
					background: #e0162c;
					color: white;
				}
				
				#sidebar li.mi-home a:hover, #sidebar li.mi-home_selected a:link, #sidebar li.mi-home_selected a:visited {
					background: #bfc300;
					color: white;
				}
				
				#sidebar li.mi-community a:hover, #sidebar li.mi-community_selected a:link, #sidebar li.mi-community_selected a:visited {
					background: #e4a500;
					color: white;
				}
				
				#sidebar li.mi-sales a:hover, #sidebar li.mi-sales_selected a:link, #sidebar li.mi-sales_selected a:visited {
					background: #50bee8;
					color: white;
				}
				
				#sidebar li.mi-art a:hover,	#sidebar li.mi-art_selected a:link,	#sidebar li.mi-art_selected a:visited {
					background: #9b297a;
					color: white;
				}
				
				#sidebar li.mi-zenith a:hover, #sidebar li.mi-zenith_selected a:link, #sidebar li.mi-zenith_selected a:visited {
					background: #00a38e;
					color: white;
				}
			
			#sidebar li.menuhead {
				background: #a5b8c9;
				color: white;
				display: block;
				font-weight: bold;
				padding: 1em 0 11px 11px;
			}

				#sidebar li ul {
					margin-left: 20px;
				}
				
					#sidebar li li a:link, #sidebar li li a:visited {
						background: white;
					}

/* =CONTENT
Main content region.
----------------------------------------------------------------- */

	#hero {
		clear: both;
		position: relative;
		width: 760px;
	}

		#shadow {
			clear: both;
			position: absolute;
			left: 760px;
			top: 0px;
		}

		#message {
			background: #e0162c url('/media/hero-grad.gif') repeat-x;
			color: white;
			float: left;
			padding: 63px 26px 22px 20px;
			width: 299px;
		}
		
		#message .cms_module h3 {
			color: white;
			font-size: 24px;
			font-weight: bold;
			margin-top: 14px;
		}
		
		#message a {
			clear: both;
			color: white;
			float: right;
		}
		
		#media {
			float: left;
			width: 415px;
		}

 #content {
  margin-top: 66px;
 }

	#content h2, #content h3 {
		color: #002d40;
		font-size: 1.95em;
		font-weight: normal;
	}

	#content h3 {
		color: black;
		font-size: 1.5em;
	}

/* =SIGNPOSTING
----------------------------------------------------------------- */

 #signposting {
	float: left;
 }

	#signposting .panel {
		background: #a5b8c9 url('/media/2f4d487e0b6247c5bf837d2c0ece395d.gif') bottom repeat-x;
		padding-bottom: 31px;
		position: relative;
	}
	
	#signposting .cms_module {
		background: url('/media/f31338adf298441b96457fdb5ce07e5a.gif') top right no-repeat;
		margin: 0;
	}
	
	#signposting div {
		margin: 0;
		padding-left: 0;
		margin-right: 7px;
	}
	
	#signposting div div {
		padding-left: 57px;
	}
		
		#signposting h3, #signposting h4, #signposting p {
			margin-top: 0;
		}

		#signposting .panel img#ico-contact, #signposting .panel img#ico-repairs, #signposting .panel img#ico-payrent, #signposting .panel img#ico-latestnews {
			clear: both;
			position: absolute;
		}

		#signposting .panel img#ico-contact {
			left: -6px;
			top: 6px;
		}
		
		#signposting .panel img#ico-repairs {
			left: -12px;
			top: -12px;
		}
		
		#signposting .panel img#ico-payrent {
			left: 12px;
			top: 6px;
		}

		#signposting .panel img#ico-latestnews {
			left: -6px;
			top: 6px;
		}

	#signposting a:link, #signposting a:visited {
		color: black;
		font-size: 1em;
	}
	
		#newspanel h4 {
			font-size: 1em;
		}
		
/* =FOOTER
Copyright statement, links to policies, RSS and 3heads link
----------------------------------------------------------------- */

	.footer {
		background-image: url("/media/4d3fae056781489eb333d6709e1e2f8b.gif");
		background-repeat: no-repeat;
		background-color: #CDD5DE;
		color: black;
		margin-top: 20px;
		padding: 30px 10px 0 10px;
		position: relative;
		clear: both;
		height: 129px;
		width: 920px;
	}
		
			.footer #highlightWords {
				display: inline;
				width: 240px;
				clear: both;
				float: left;
				font-size: 0.6em;
				position: absolute;
				top: 99px;
				left: 45px;
			}
		
			.footer #highlightWords span {
				margin-right: 0.60px;
				font-weight: bold;
			}
		
				.footer #highlightWords .homeownership {
					color: #65C2E7;
				}
				
				.footer #highlightWords .zenith {
					color: #2AAEA9;
				}
				
				.footer #highlightWords .art {
					color: #B1298E;
				}
				
				.footer #highlightWords .housing {
					color: #B6BE31;
				}
				
				.footer #highlightWords .community {
					color: #E3B222;
				}
				
				.footer #logos {
					position: absolute;
					right: 52px;
					top: 17px;
				}
				
					.footer #logos a {
						display: inline;
						float: left;
						margin-left: 25px;
					}
				
				.footer #copyright {
					display: inline;
					width: 200px;
					position: absolute;
					left: 150px;
					top: 60px;
				}
				
				.footer .menu {
					font-weight: bold;
					list-style-type: none;
					margin: 0;
					padding: 0;
					position: absolute;
					top: 85px;
					right: 52px;
				}
				
					.footer .menu li {
						display: block;
						float: left;
						margin-right: 3px;
					}
					
						.footer .menu li a {
							padding-left: 20px;
							background-image: url("/media/6745b43b50d9460f93b17186459de437.gif");
							background-repeat: no-repeat;
						}
					
				.footer #finalLinks {
					display: block;
					clear: both;
				}
				
				.footer .w3cLogos {
					position: absolute;
					top: 115px;
					right: 52px;
				}

				.footer .w3cLogos a {
					text-decoration: none;
				}

/* =TOP
Search for above to be brought to the top of the document
----------------------------------------------------------------- */