/* 
Title:     	Mosscare Housing
date:   	January 2007
*/
			* { margin: 0; padding: 0; list-style: none; outline: none;}

			body { margin: 0; padding: 0; font-size: 100%; background-color: #ffffff; font-family: Arial, Helvetica, sans-serif;}
			
/*			img { border: none; margin: 0; padding: 0;}
			
			a img { border: none;}
*/

			.ArticleHeader { vertical-align:top; margin-right:4px; font-weight:bold; }
			
			div,input,form,h1,h2,h3,h4,h5,hr,p,dl,dd,dt,ul,li,ol,object,param
			{ margin: 0; padding: 0;}

/* skip
---------------------------------------------------------- */
			a#skip { padding: 0 0.5em; display: inline; z-index: 2; text-decoration: none; position: absolute; width: 14em; left: -200em;}
			a#skip:focus, a#skip:hover, a#skip:active { position: absolute; left: 0.5em; border: 1px solid #cccccc; color: #ffffff; background-color: #FF9900;}	
					
/* structure styles
---------------------------------------------------------- */
			#container { width: 100%; background-color: #ffffff;}
			#border { border: 1px solid #999999; clear: both;}

			/* MAIN STRUCTURE */
			div#wrapper { float: right; width: 100%; margin-left: -200px;}
			div#wrapperPropertySearch { float: left; width: 100%;}
			
			div#maincol { margin-left: 200px;}
			div#maincolPropertySearch { margin-left: 10px;}
			
			div#leftcol { float: left; width: 190px;}
			div#leftcol-innerwrap { padding-left: 10px;}
			
			/* ROW 1 OF DIV#MAINCOL */
			#row1-wrapper { float: right; width: 100%; margin-left: -241px;}
			#row1col1 { float: left; width: 241px;}
			#row1col2{ margin-left: 241px;}
			
			/* ROW 2 OF DIV#MAINCOL */
			#row2-wrapper { margin-top: 15px;}
			#mainright { width: 30%; float: left;}
			#maincenter { width: 34%; float: left;}
			#mainleft { width: 34%; float: left;}
			
			.hp-content-box { width: 180px; height: 97px; margin-bottom: 15px;}
			.hp-content-box img { border: none; margin: 0; padding: 0;}
			
			.hp-content-box a img { border: none;}
			.row2-image { width: 178px; height: 67px; border: 1px solid #cccccc;}
			.row2-heading { background-image:  url("../siteimages/row2-hd-bg.jpg"); background-position: top left; background-repeat: no-repeat; height:40px; width: 180px; background-color: #FAFAFA;}
			.row2-heading p { color: #9C0077; font-size: 80%; font-weight: bold; padding: 5px 0 5px 5px;}
			.row2-heading a { color: #920D7A; text-decoration:none}
			.row2-heading a:hover { text-decoration:underline}

			


			.hp-content-box.right { float: right; margin-right: 5px;}
			
			/* WELCOME EXPANDING BOX*/
			.welcome-intro { padding: 0 0 0 11px; height: 167px; margin: 0 10px 0 10px; background:  url("../siteimages/tsr-l.gif") top left no-repeat;}
			.welcome-intro h3 { background:  url("../siteimages/tsr-r.gif") top right no-repeat; color: #FFFFFF; font-size: 80%; margin: 0; padding: 8px 0 1em 0;}
			.welcome-intro p { margin: 0 0 0 -11px; height: 100px; padding: 0 11px 0.5em; border: 1px solid #d8d8d8; font-size: 80%; border-width: 0 1px; background: #fff;}
			.welcome-intro div { margin: 0 0 0 -11px; padding-left: 11px; background: url("../siteimages/tsr-l.gif") bottom left no-repeat;}
			.welcome-intro a.more { display: block; text-align: right; padding: 0 10px 10px 0; font-size: 80%; color: #003366; background:  url("../siteimages/tsr-r.gif") bottom right no-repeat;}
			
			/* SECTION HOMEPAGE */
			#section-wrapper { float: right; width: 100%;}
			#section-wrapper a img { border: none;}			

			#section-col1 { width: 331px; float: left;}
			#section-col2 { margin-left: 360px;}
									
			#section-row1-wrapper { width: 331px; height: 200px; margin-bottom: 10px;}
			#heading-panel { width: 137px; height: 200px; float: left; display: inline; position: relative; background-image: url(../siteimages/section-hd-bg.gif); background-position: top left; background-repeat: no-repeat;}
			
			#heading-panel-red { width: 137px; height: 200px; float: left; display: inline; position: relative; background-image: url(../siteimages/section-bg-red.gif); background-position: top left; background-repeat: no-repeat;}
			#heading-panel-purple { width: 137px; height: 200px; float: left; display: inline; position: relative; background-image: url(../siteimages/section-bg-purple.gif); background-position: top left; background-repeat: no-repeat;}
			#heading-panel-darkpurple { width: 137px; height: 200px; float: left; display: inline; position: relative; background-image: url(../siteimages/section-bg-darkpurple.gif); background-position: top left; background-repeat: no-repeat;}
			#heading-panel-darkgreen { width: 137px; height: 200px; float: left; display: inline; position: relative; background-image: url(../siteimages/section-bg-darkgreen.gif); background-position: top left; background-repeat: no-repeat;}
			#heading-panel-lightblue { width: 137px; height: 200px; float: left; display: inline; position: relative; background-image: url(../siteimages/section-bg-lightblue.gif); background-position: top left; background-repeat: no-repeat;}
			#heading-panel-lightgreen { width: 137px; height: 200px; float: left; display: inline; position: relative; background-image: url(../siteimages/section-bg-lightgreen.gif); background-position: top left; background-repeat: no-repeat;}
			#heading-panel-steelblue { width: 137px; height: 200px; float: left; display: inline; position: relative; background-image: url(../siteimages/section-bg-steelblue.gif); background-position: top left; background-repeat: no-repeat;}
			#heading-panel-darkblue { width: 137px; height: 200px; float: left; display: inline; position: relative; background-image: url(../siteimages/section-bg-darkblue.gif); background-position: top left; background-repeat: no-repeat;}
			#heading-panel-orange { width: 137px; height: 200px; float: left; display: inline; position: relative; background-image: url(../siteimages/section-bg-orange.gif); background-position: top left; background-repeat: no-repeat;}

			#heading-panel p { font-size: 80%; font-weight: bold; padding: 10px; color: #003399;}
			#heading-panel-purple p { font-size: 80%; font-weight: bold; padding: 10px; color: #6633CC;}
			
			#heading-panel-red p, #heading-panel-purple p, #heading-panel-darkpurple p, #heading-panel-darkgreen p,  #heading-panel-lightgreen p, 
			#heading-panel-lightblue p, #heading-panel-steelblue p,  #heading-panel-orange p, #heading-panel-darkblue p
			{ font-size: 80%; font-weight: bold; padding: 8px; color: #ffffff; width: 100px;}
			
			#section-mainimg { width: 194px; float: right; position: relative;}
			
			#section-row2-wrapper { width: 333px; height: 116px;}
			#section-row2-wrapper img { border: none; margin: 0; padding: 0;}			
			#section-row2-wrapper a img { border: none;}	

			#row2-col1 { width: 171px; float: left; display: inline; position: relative;}
			#row2-col2 { width: 162px; float: right; position: relative;}
				.section-content-box { width: 162px;}
				.section-row2-image { width: 158px; height: 82px; border: 1px solid #ffffff; margin: 0; padding: 0;}
			
			.sectionlist-wrapper { float: right; width: 100%;}
			.sectionlist-col1 { float: left; width: 65px; padding-right: 10px}
			.sectionlist-col2 { margin-left: 18%; padding-right: 10px}
			
			/* ARTICLE LIST */
			#articlelist { margin: 20px;}
			.articlelist-wrapper { float: right; padding: 10px; width: 100%; height: 141px; background-image:  url("../siteimages/articlelist-bg.jpg"); background-position: top left; background-repeat: repeat-x;}
			.articlelist-col1 { float: left; width: 175px;}
			.articlelist-col2 { margin-left: 24%;}
			
			/* ARTICLE */
			#article-wrapper { width: 100%;}
			/*#article-col1 {margin-right: 34%;}*/
			#article-col1 {float-left; margin-right: 34%;}
			#article-col2 { float: right; width: 30%;}
			
			.article-advert { width: 159px; margin: 0; padding: 0;}
			.advert-heading p { color: #9C0077; font-size: 80%; font-weight: bold; padding: 5px 0 5px 5px;}
			.advert-image { margin: 0; padding: 0; width: 159px; height: 103px; }
			.advert-text { margin: 0; margin-top: -13px; padding: 0; background-color: #F0F0F0; border: 1px solid #cccccc; padding: 5px; font-size: 90%}
			.advert-text p { font-size: 100%; color: #666666;}
/* header
---------------------------------------------------------- */
			
			#banner { font-size: 70%; width: 100%; padding: 0; margin: 0px 0px 0px 0px; height: 92px; background: url("../siteimages/Mosscare-logo.gif") no-repeat 1% 45%;}
			#header {  height: 92px; background-image: url("../siteimages/header-bg.jpg"); background-position: top left; background-repeat: repeat-x;}
				#header-col1 { width: 226px; height: 77px; position: relative; padding: 20px;}
				#header-col2 { float: right; z-index: 2; display: inline; position: relative;}
				
				.right-module { float: right; padding: 0; margin: 0;}


/* poll
---------------------------------------------------------- */	
			#poll { width: 159px; padding: 20px 0 0 0; margin: 20px 0 0 0; min-height: 190px; background-color: #FCCEF2; border-bottom: 1px solid #999999; background-image: url(../siteimages/poll-bg.gif); background-position: top left; background-repeat: no-repeat;}
			#pollform label { display: none;}
			#pollform { padding: 5px;}
	
/* search box
---------------------------------------------------------- */	
			#searchForm { margin: 15px 0 0 0; padding: 0; height: 24px;}
			input#searchText { font-size: 80%; padding: 4px; margin: 0 4px 0 4px; vertical-align: top;}
			.bg { background-color: #ffffff; border: 1px solid #84A3B3; width: 130px;}

/* navigation
---------------------------------------------------------- */	
			/* MAIN NAVIGATION*/
			#nav { float: left; width: 100%; background: #F3F4FA; font-size: 70%; font-weight: bold; line-height: normal; border-bottom: 1px solid #9C0077;}
			#nav ul { margin: 0; padding-left: 10px; list-style: none;}
			#nav li { display: inline; margin: 0; padding: 0;}
			#nav a { float: left; background:  url("../siteimages/tableftJ1.gif") no-repeat left top; margin: 0; padding: 0 0 0 5px; text-decoration: none;}
			#nav a span { float: left; display: block; background:  url("../siteimages/tabrightJ1.gif") no-repeat right top; padding: 5px 8px 4px 2px; color: #9C0077;}
			/* Commented Backslash Hack hides rule from IE5-Mac \*/
			#nav a span {float: none;}
			/* End IE5-Mac hack */
			#nav a:hover span { color: #FFF;}
			#nav a:hover { background-position: 0% -42px;}
			#nav a:hover span { background-position: 100% -42px;}			
			
			/* TOP NAVIGATION */
			#top-nav { color: #003366; margin: 16px 15px 0 0; text-align: right;}
			#top-nav p { margin-bottom: 10px;}
			#top-nav li { margin: 0; padding-left: 10px; display: inline; list-style: none;}
			#top-nav a, #top-nav a:visited { text-decoration: underline; color: #003366;}
			#top-nav a:hover { color: #003366; text-decoration: underline;}
			
			/* (LEFT) ARTICLE NAVIGATION */
			#navcontainer { background-color: #F7F7F7; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; width: 157px; margin-bottom: 10px;} 
			ul#navcontainer  { margin: 0; padding-top: 10px;}
			#navcontainer li { margin: 0; border-bottom: 1px solid #cccccc;}
			#navcontainer a { display: block; padding: 0 5px 5px 10px; margin: 0 5px 0 10px; text-decoration: none; font-weight: bold; font-size: 70%;}
			#navcontainer a:hover { text-decoration: underline;}
			#navcontainer ul ul li { padding-bottom: 10px; border-bottom: none;}
			#navcontainer ul ul a { display: block; padding: 0; padding-left: 10px; text-decoration: none;}
			#navcontainer ul ul a:hover, #navcontainer a.active, #navcontainer a.subactive { text-decoration: underline;}
			
			ul#subnavlist  { border-top: 1px solid #cccccc; padding-top: 10px;}
			#subnavlist li a { margin-left: 20px;}
			
				.leftnav-red a { color: #990000; background:  url("../siteimages/bullets/red-bullet.gif") no-repeat 0 40%;}
				.leftnav-red a:hover { color: #990000;}
				.leftnav-red #subnavlist li a { background:  url("../siteimages/bullets/red-bullet.gif") no-repeat 0 25%;}
				
				.leftnav-purple a { color: #b93b8f; background:  url("../siteimages/bullets/purple-bullet.gif") no-repeat 0 40%;}
				.leftnav-purple a:hover { color: #b93b8f;}
				.leftnav-purple #subnavlist li a { background:  url("../siteimages/bullets/purple-bullet.gif") no-repeat 0 25%;}
				
				.leftnav-darkpurple a { color: #8b008b; background:  url("../siteimages/bullets/darkpurple-bullet.gif") no-repeat 0 40%;}
				.leftnav-darkpurple a:hover { color: #8b008b;}
				.leftnav-darkpurple #subnavlist li a { background:  url("../siteimages/bullets/darkpurple-bullet.gif") no-repeat 0 25%;}
		
				.leftnav-darkgreen a { color: #006400; background:  url("../siteimages/bullets/darkgreen-bullet.gif") no-repeat 0 40%;}
				.leftnav-darkgreen a:hover { color: #006400;}
				.leftnav-darkgreen #subnavlist li a { background:  url("../siteimages/bullets/darkgreen-bullet.gif") no-repeat 0 25%;}
			
				.leftnav-lightblue a { color: #6698ff; background:  url("../siteimages/bullets/lightblue-bullet.gif") no-repeat 0 40%;}
				.leftnav-lightblue a:hover { color: #6698ff;}
				.leftnav-lightblue #subnavlist li a { background:  url("../siteimages/bullets/lightblue-bullet.gif") no-repeat 0 25%;}
			
				.leftnav-lightgreen a { color: #41a317; background:  url("../siteimages/bullets/lightgreen-bullet.gif") no-repeat 0 40%;}
				.leftnav-lightgreen a:hover { color: #41a317;}
				.leftnav-lightgreen #subnavlist li a { background:  url("../siteimages/bullets/lightgreen-bullet.gif") no-repeat 0 25%;}
			
				.leftnav-steelblue a { color: #778899; background:  url("../siteimages/bullets/steelblue-bullet.gif") no-repeat 0 40%;}
				.leftnav-steelblue a:hover { color: #778899;}
				.leftnav-steelblue #subnavlist li a { background:  url("../siteimages/bullets/steelblue-bullet.gif") no-repeat 0 25%;}
			
				.leftnav-darkblue a { color: #483d8b; background:  url("../siteimages/bullets/darkblue-bullet.gif") no-repeat 0 40%;}
				.leftnav-darkblue a:hover { color: #483d8b;}
				.leftnav-darkblue #subnavlist li a { background:  url("../siteimages/bullets/darkblue-bullet.gif") no-repeat 0 25%;}
		
				.leftnav-orange a { color: #fbb917; background:  url("../siteimages/bullets/orange-bullet.gif") no-repeat 0 40%;}
				.leftnav-orange a:hover { color: #fbb917;}
				.leftnav-orange #subnavlist li a { background:  url("../siteimages/bullets/orange-bullet.gif") no-repeat 0 25%;}
		
			/* ACTIVE LINKS IF REQUIRED */
			#navcontainer a.active { color: #000000; text-decoration: none;}
			#navcontainer a.subactive { color: #000000; text-decoration: none;}
			/* END ACTIVE LINKS IF REQUIRED */
			
			/* END (LEFT) ARTICLE NAVIGATION */

			/* BREADCRUMB */
			#breadcrumb { float: left; position: relative; width: 77%; margin-bottom: 5px; height: 25px; font-size: 70%; color: #666666;}
			#breadcrumb ul { list-style: none; padding: 5px 5px 5px 15px; margin: 0;}
			#breadcrumb li { display: inline; list-style-type: none; padding-right: 5px; font-size: 100%;}			
			#breadcrumb .black-txt { color: #000000;}		
			
			#breadcrumb a { color: #003366; text-decoration: underline;}
			#breadcrumb a:hover, #breadcrumb a.active { color: #003366; text-decoration: underline;}
			
			#print { float: right; position: relative; width: 23%;margin-top:5px; margin-bottom: 5px; height: 25px; font-size: 70%; color: #666666;}
			#print a {color: #003366; text-decoration: underline; }
					
									
			#article-nav { font-size: 80%; margin: 0; padding-top: 10px;}
			#article-nav ul { margin: 0; padding-left: 22px;}
			#article-nav li { text-decoration: none; list-style-image: url(../siteimages/bullet.jpg);}
			#article-nav a { text-decoration: none; color: #337FC4;}
			#article-nav a:hover, #article-nav a.active { color: #337FC4; text-decoration: none; border-bottom: 1px dotted #337FC4;}
	
			ul#article-subnav  { margin: 0; padding-left: 14px;}
			#article-subnav li { margin: 0; padding: 0; text-decoration: none; list-style-image: url(../siteimages/bullet-sub.gif);}
			#article-subnav a { text-decoration: none; color: #337FC4;}
			#article-subnav a:hover, #article-subnav a.active { color: #337FC4; text-decoration: none; border-bottom: 1px dotted #337FC4;}
			
/* content styles
--------------------------------------------------------- */
			.heading-bg.pinkhd h1 { font-size: 75%; padding: 6px 0 6px 10px; color: #FFFFFF;}
			.heading-bg.bluehd h1 { font-size: 75%; padding: 6px 0 6px 10px; color: #003366;}
			.heading-bg.bluehd-hd-bg h1 { font-size: 75%; padding: 6px 0 6px 10px; color: #6633CC;}
			.heading-bg.darkbluehd h1 { font-size: 75%; padding: 6px 0 6px 10px; color: #ffffff;}
			
			.heading-bg.red-hd-bg h1,
			.heading-bg.purple-hd-bg h1,
			.heading-bg.darkpurple-hd-bg h1,
			.heading-bg.lightblue-hd-bg h1,
			.heading-bg.lightgreen-hd-bg h1,
			.heading-bg.steelblue-hd-bg h1,
			.heading-bg.darkblue-hd-bg h1,
			.heading-bg.orange-hd-bg h1,
			.heading-bg.darkgreen-hd-bg h1
			{ font-size: 75%; padding: 6px 0 6px 10px; color: #ffffff;}
			
			
			.heading-bg.red-hd-bg a,
			.heading-bg.purple-hd-bg a,
			.heading-bg.darkpurple-hd-bg a,
			.heading-bg.lightblue-hd-bg a,
			.heading-bg.lightgreen-hd-bg a,
			.heading-bg.steelblue-hd-bg a,
			.heading-bg.darkblue-hd-bg a,
			.heading-bg.orange-hd-bg a,
			.heading-bg.darkgreen-hd-bg a
			{  color: #ffffff;}
			
			
						
			/* HEADING BACKGROUNDS */
			.pinkhd { background-image: url("../siteimages/content-heading-bg.jpg"); background-position: top left; background-repeat: no-repeat;}
			.bluehd { background-image: url("../siteimages/backgrounds/lightblue-hd-bg.jpg"); background-position: top left; background-repeat: no-repeat; width: 159px;}
			.red-hd-bg { background-image: url("../siteimages/backgrounds/red-hd-bg.jpg"); background-position: top left; background-repeat: no-repeat; width: 159px;}
			.purple-hd-bg { background-image: url("../siteimages/backgrounds/purple-hd-bg.jpg"); background-position: top left; background-repeat: no-repeat; width: 159px;}
			.darkpurple-hd-bg { background-image: url("../siteimages/backgrounds/darkpurple-hd-bg.jpg"); background-position: top left; background-repeat: no-repeat; width: 159px;}
			.darkgreen-hd-bg { background-image: url("../siteimages/backgrounds/darkgreen-hd-bg.jpg"); background-position: top left; background-repeat: no-repeat; width: 159px;}
			.lightblue-hd-bg { background-image: url("../siteimages/backgrounds/lightblue-hd-bg.jpg"); background-position: top left; background-repeat: no-repeat; width: 159px;}
			.lightgreen-hd-bg { background-image: url("../siteimages/backgrounds/lightgreen-hd-bg.jpg"); background-position: top left; background-repeat: no-repeat; width: 159px;}
			.steelblue-hd-bg { background-image: url("../siteimages/backgrounds/steelblue-hd-bg.jpg"); background-position: top left; background-repeat: no-repeat; width: 159px;}
			.darkblue-hd-bg { background-image: url("../siteimages/backgrounds/darkblue-hd-bg.jpg"); background-position: top left; background-repeat: no-repeat; width: 159px;}
			.orange-hd-bg { background-image: url("../siteimages/backgrounds/orange-hd-bg.jpg"); background-position: top left; background-repeat: no-repeat; width: 159px;}

			/* CONTENT BOXES */
			.content-box { width: 157px; font-size: 70%; border: 1px solid #cccccc; margin-bottom: 10px; background-color: #F7F7F7;}
			.content-box h1 { color: #CC0000; font-size: 110%; padding-bottom: 5px;}
			.content-box p { margin: 0; padding: 5px; line-height: 16px; font-size: 100%; color: #333333;}	
			.content-box a:link { font-weight: normal; color: #003366; text-decoration: none;}
			.content-box a:hover, .content-box a.active { color: #003366; text-decoration: underline;}
			.content-box ul { margin: 5px 0 5px 0; padding: 0;}
			.content-box li { padding-left: 5px; padding-bottom: 5px}
			
			.quicklinks a { color: #003366;}
			.quicklinks a:visited { color: #003366;}
			.quicklinks a:hover { color: #003366;}
			.quicklinks li a { padding-left: 10px; background: url("../siteimages/bullets/main-blue-bullet.gif") no-repeat 0 50%;}
			.quicklinks li a:visited { text-decoration:none;padding-left: 10px; background: url("../siteimages/bullets/main-blue-bullet.gif") no-repeat 0 50%;}
			
			#main-content { font-size: 80%;}
			#main-content p { font-size: 100%; color: #000000; padding-bottom: 10px;}
			
			#main-content ul { padding-left: 0; margin-left: 0; color: #000000; padding-bottom: 10px;}
			#main-content ul li { padding-left: 8px; margin-left: 19px; list-style-type: disc;}
			
			#main-content ol { padding-left: 0; margin-left: 0; color: #000000; padding-bottom: 10px;}
			#main-content ol li { padding-left: 0; margin-left: 27px; list-style-type: decimal;}
			
			#main-content p.date { color: #666666; font-size: 85%;}
			#main-content .error { color: #CC0000; font-weight: bold;}
			#main-content .article-heading { font-size: 170%; padding-bottom: 10px;}
			#main-content .article-list-heading { color: #003399; padding-bottom: 10px;}
			#main-content a, #main-content a.visited { font-size: 90%; color: #003399; text-decoration: underline;}
			#main-content a:hover { font-size: 90%; color: #003399; text-decoration: underline;}
			
			#main-content table { margin-bottom: 10px; padding: 0; color: #000000; font-size: 100%;}
			#main-content td { margin: 0; padding: 4px;}
			#main-content th { margin: 0; padding: 4px; text-align: left;}
			
				/* DIFFERENT COLOURED SECTIONS */
				/* Default colour */
				#main-content .pink a{ color: #9C0077;}
				#main-content .blue a{ color: #003399;}
				#main-content .red a { color: #990000;}
				#main-content .purple a { color: #b93b8f;}
				#main-content .darkpurple a { color: #8b008b;}
				#main-content .darkgreen a { color: #006400;}
				#main-content .lightblue a { color: #6698ff;}
				#main-content .lightgreen a { color: #41a317;}
				#main-content .steelblue a { color: #778899;}
				#main-content .darkblue a { color: #483D8B;}
				#main-content .orange a { color: #FBB917;}
				
				/* Added By Odyssey */
				#main-content .pink { color: #9C0077;}
				#main-content .blue { color: #003399;}
				#main-content .red { color: #990000;}
				#main-content .purple { color: #b93b8f;}
				#main-content .darkpurple { color: #8b008b;}
				#main-content .darkgreen { color: #006400;}
				#main-content .lightblue { color: #6698ff;}
				#main-content .lightgreen { color: #41a317;}
				#main-content .steelblue { color: #778899;}
				#main-content .darkblue { color: #483D8B;}
				#main-content .orange { color: #FBB917;}
				/* END Added By Odyssey */
			
			
			p.anchor { margin-top: 40px;}
			
			/* QUOTES */
			blockquote{ padding: 0; font-size: 80%; margin: 1em 0;}
			.bqstart { font-size: 300%}
			.bqend { font-size: 300%}
			.bqstart { float: left; margin: -0.6em 0px -2em; color: #999999; text-indent: 0; position: relative}
			blockquote > .bqstart { left: 0px; float: none; margin: 0; position: absolute; top: -0.2em}
			.bqend { margin-top: -0.6em; right: 0; color: #999999; text-indent: 0; position: absolute}
			blockquote > .bqend { margin-top: -0.2em}
			
			/*
			blockquote { margin: 20px 0 20px 0; padding: 0; background-image: url(../siteimages/blockquote-bg.gif); background-repeat: no-repeat; font-size: 80%; width: 279px;}
			#quote { margin: 0 10px 0 22px; color: #666666;}
			*/
			
			#advert { width: 290px; font-size: 90%; padding: 10px;}
			#advert-txt { float: left; display: inline; position: relative; height: 130px;}
			#advert p { color: #ffffff; font-size: 80%; }
			#advert .advert-heading { font-weight: bold; padding-bottom: 5px;}
			
															
/* forms
---------------------------------------------------------- */			
			#form { padding: 15px; width: 400px; background-color: #F5F5F5; margin: 10px 10px 0 0; background-image: url(../siteimages/contactus-bg.gif); background-position: top left; background-repeat: no-repeat;}
			#form label { color: #000000; font-weight: bold;}
			#form .input { margin-bottom: 5px; margin-top: 5px; padding: 4px; background-color: #ffffff; border: 1px solid #7F9DB9;}
			#formName, #formEmail, #formMessage, #formPhone, #formAddress, #formPostcode, #formOfficer1, #formOfficer2, #formLocation, #formMessageTitle, #SurveyComments { width: 300px; background-color: #F0F0F0;}
			/* Added By Odyssey - #formPostcode, #formOfficer1, #formOfficer2, #formLocation, #formMessageTitle, #formMessage, #SurveyComments*/
			.formBottom { margin-bottom: 40px;}
			
			#FormContact {padding:15px; width: 400px; background-color: #F5F5F5; margin:15px 10px 0 15px; background-image: url(../siteimages/contactus-bg.gif); background-position: top left; background-repeat: no-repeat;}
			#FormContact textarea {width:350px;}
			#FormContact li {color:#FF0000;font-size:0.75em;font-weight:bold;}
			
/* site map
---------------------------------------------------------- */
			#sitemap { font-size: 80%; margin-bottom: 40px; padding: 0; width: 450px;}
			#sitemap .article-heading { color: #9C0077; font-size: 170%; padding-bottom: 10px;}
			#sitemap .main-heading { color: #996600; font-size: 120%; padding-bottom: 10px;}
			#sitemap a, #sitemap a.visited { font-size: 100%; color: #000099; text-decoration: none;}
			#sitemap a:hover { font-size: 100%; color: #3333FF; text-decoration: underline;}
			
			#sitemap ul li { font-size: 100%; margin-left: 10px; padding: 4px 0 4px 0; padding-left: 5px;}
			#sitemap ul li a { display: block; margin: 0; padding-left: 20px; color: #000000; text-decoration: none; background: url("../siteimages/bullets/sitemap-bullet1.gif") no-repeat 0 50%;}
			#sitemap ul li a:hover { color: #000000; text-decoration: none;}
			
			#sitemap ul ul li { font-size: 100%; padding: 4px 0 4px 0; border-bottom: none; padding-left: 5px;}
			#sitemap ul ul li a { display: block; margin-left: 20px; padding-left: 20px; color: #003366; text-decoration: underline; background: url("../siteimages/bullets/sitemap-bullet2.gif") no-repeat 0 50%;}
			#sitemap ul ul li a:hover { color: #003366; text-decoration: underline;}
			
			#sitemap ul ul ul li { font-size: 100%; padding: 4px 0 4px 0; border-bottom: none; padding-left: 5px;}
			#sitemap ul ul ul li a { display: block; margin-left: 40px; padding-left: 20px; color: #003366; text-decoration: underline; background: url("../siteimages/bullets/sitemap-bullet3.gif") no-repeat 0 50%;}
			#sitemap ul ul ul li a:hover { color: #003366; text-decoration: underline;}


/* footer styles
---------------------------------------------------------- */
			#footer { width: 100%; font-size: 80%; height: 60px; padding: 10px 0 10px 0; color: #9C0077; clear: both; text-align: center;}				
			#footer p { clear: right; padding-bottom: 5px; font-size: 100%;}
			#footer .offices {color:#9C0077; vertical-align:top; margin-right: 4px;}
			#footer .offices a{color:#9C0077; vertical-align:top; margin-right: 4px; font-weight:bold; text-decoration:underline;}
			#footer .offices a:hover {color:#9C0077; vertical-align:top; margin-right: 4px; font-weight:bold; text-decoration:underline;}
			#footer .offices a:visited {color:#9C0077; vertical-align:top; margin-right: 4px; font-weight:bold; text-decoration:underline;}
			#footer ul { list-style: none; padding-bottom: 5px; margin: 5px;}
			#footer li { display: inline; padding: 0 4px 0 5px; margin: 0; border-right: 1px solid #003366; font-size: 90%;}
			
			#footer li.last { border-right: none;}
			#footer a, #footer a:visited { color: #003366; text-decoration: underline;}
			#footer a:hover, #footer a.active { color: #003366; text-decoration: underline;}
			
			#footer-extra-wrapper { float: right; width: 100%; margin-left: -200px;}

			#footer-extra-wrapper img { border: none; margin: 0; padding: 0;}			
			#footer-extra-wrapper a img { border: none;}				

				#footer-extra-col1 { float: left; width: 200px; height: 90px; font-size: 70%;}
				#footer-extra-col2 { margin-left: 200px; text-align: right; font-size: 70%; height: 90px;}
				#footer-extra-col2 ul { list-style: none; margin: 5px;}
				#footer-extra-col2 li { font-size: 100%; display: inline; padding-right: 4px; margin: 0;}

				.footer p { padding: 10px 10px 0 10px; font-size: 100%; color: #9C0077;}
				.footer a, .footer a:visited { color: #003366; text-decoration: underline;}
				.footer a:hover, .footer a.active { color: #003366; text-decoration: underline;}
			
			.topofpage { float: right; padding-right: 40px;}
			
/* *** Float containers */ 
			.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
			 
			.clearfix { display: inline-table;}
			
			/* Hides from IE-mac \*/
			* html .clearfix { height: 1%;}
			.clearfix { display: block;}
			/* End hide from IE-mac */  
			
			
/**************************************************************
THE TABLE CLASS
**************************************************************/
.row
{
	BACKGROUND-COLOR: #E3EDF8;
                     HEIGHT:20px;
                     Padding-left:6px;
}

.altRow
{
	BACKGROUND-COLOR: #FCFDFE;
                     HEIGHT:20px;
                     Padding-left:6px;
}

.highlight
{
	BACKGROUND-COLOR: #FFDBA5;
                     HEIGHT:20px;
                     Padding-left:6px;
}

/**************************************************************
MAIN PAGE HEADER
Appears as the headline of every page inside the main frame
Use TH select to style the category list select box
**************************************************************/
TH
{
	font-weight:bold;
	font-size:1.3em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003399;
	text-align: left;
	padding-top:2;
	padding-left:2;
}

TH select
{
	font-size: 0.7em;
}

.TableHeader_Off
{
	BORDER-RIGHT: 1px outset; 
	BORDER-TOP: 1px outset; 
	BACKGROUND: #E6E6E6; 
	BORDER-LEFT: 1px outset; 
	COLOR: #000000; 
	PADDING-RIGHT:5px;
	PADDING-LEFT:5px;
	PADDING-TOP:2px;
	PADDING-BOTTOM:2px;
	BORDER-BOTTOM: 1px outset;
}

.TableHeader_On
{
	BORDER-RIGHT: 1px inset; 
	BORDER-TOP: 1px inset; 
	BACKGROUND: #b4b4b4; 
	BORDER-LEFT: 1px inset; 
	COLOR: #000000; 
	PADDING-RIGHT:5px;
	PADDING-LEFT:5px;
	PADDING-TOP:2px;
	PADDING-BOTTOM:2px;
	BORDER-BOTTOM: 1px inset;
	CURSOR:HAND;
}

.TableHeader_Hover
{
	BORDER-RIGHT: 1px outset; 
	BORDER-TOP: 1px outset; 
	BACKGROUND: #D4D0C8; 
	BORDER-LEFT: 1px outset; 
	COLOR: #000000; 
	PADDING-RIGHT:5px;
	PADDING-LEFT:5px;
	PADDING-TOP:2px;
	PADDING-BOTTOM:0px;
	BORDER-BOTTOM: 2px solid #ff0000;
	CURSOR:HAND;
}


	
	
	/* *** PROPERTY SEARCH RESULTS */ 
	
	.FormLeft {float:left;width:51%;}
	.FormRight {float:left;width:45%;}
	.FormNext{margin:15px 0 0 10px;padding-top:5px;float:left;}
	.FormPrevious{margin:15px 5px 0 0;padding-top:5px;float:left;}
	.FormName{width:35%;float:left;text-align:left;padding:6px 20px 0px 0;color:#000000;clear:both;font-weight:bold;font-size:0.90em;}
	.FormRow {width:40%;padding:3px 0 3px 0;margin-left:10px;float:left;}
	.FormHolder {background-color:#F1F3F4;border:1px solid #E6ECF1;padding:15px 10px 0px 10px;width:96%;font-size:0.80em;margin:0px 0 20px 0;}
	.FormHolder a {color:#006400;text-decoration:none;}
	.FormHolder a:hover {color:#006400;text-decoration:underline;}
	.FormHolder img {border:3px solid #FFFFFF;}
	.FormHolder input[type="checkbox"] {clear:both;vertical-align:middle;}
	.FormHolder select{width:200px;font-size:0.95em;}
	.FormRowCheckbox {margin:10px 0 20px 0px;}
	.Searchbtn {margin-top:10px;float:left;margin-left:277px;}
	
	
	.HeadingGreen {color: #228B22; font-size: 140%; padding-bottom: 10px;}
	.PropertyResults {border-bottom:1px solid #DDDDDD;width:95%;padding:5px 5px 15px 5px;font-size:0.85em;clear:both;margin-bottom:10px;}
	.PropertyResultsImg{border:1px solid #DDDDDD;padding:2px;float:left;width:135px;height:90px;margin-right:30px;}
	.PropertyResults a {font-size:1.3em;color:#228B22;text-decoration:none;}
	.PropertyResults a:hover {font-size:1.3em;color:#228B22;text-decoration:underline;}
	.PropertyresultsPages {float:left;margin:25px 0 0 5px;font-size:0.75em;font-weight:bold;}
	.PropertyResultsId {color:#FFCC66;}
	.PropertyResults li {margin-top:3px;font-size:0.90em;}
	.ClearFloat {clear:both;height:0px;overflow-hidden}
	.FormLine {border-bottom:1px dashed #DDDDDD;width:360px;}
	
	
	/* *** PROPERTY SEARCH DETAILS */
	.PropertyDetailsTitle {font-size:1.3em;color:#3350AC;}
	.PropertyDetailsImage {float:left;margin:0 15px 10px 0px;}
	.PropertyResultsHeading {font-size:1.3em;color:#FFCC66;text-decoration:none;}
	.PropertyActions {border-top:2px solid #DDDDDD;clear:both;height:100%;padding-bottom:7px;}
	.PropertyActions ul {margin-top:7px;}
	.PropertyActions li {display:inline;}
	.PropertyActions li a{border:1px solid #DDDDDD;display:block;width:150px;float:left;text-align:center;background-color:#FFFFFF;margin-right:10px;color:#3350AC;}
	.PropertyActions li a:hover{background-color:#9C0077;color:#FFFFFF;text-decoration:none;}
	.HeadingDescription {color:#333333; font-size:0.95em;font-weight:bold;margin:0 0 10px 15px;;border-bottom:1px solid #DDDDDD;width:96%;}
	
	.PropertyDetailsTop {width:100%;background: url("../siteimages/PropertyDetailTop.jpg") repeat-x;background-color:#2F8230;margin-bottom:10px;color:#FFFFFF;padding:10px 0 10px 0px;}
	.PropertyDetailsTop ul {margin-left:15px;}
	.PropertyDetailsTop li {display:inline;font-size:1.6em;}
	.FullDetails {width:96%;padding:10px 10px 10px 15px;font-size:0.80em;}
	.PropertyDetailDate {float:right;color:#A0A0A0;font-size:0.90em;}
	.FullDetails ul{margin-top:15px;float:left;}
	.FullDetails li{margin-bottom:5px;}
	.EnquiryButton {float:left;margin-left:15px;}
	

/* SPLASH */
		#container-splash { width: 980px; margin-left: auto; margin-right: auto;}
		#wrapper-splash { width: 970px; height: 598px; background: url(../images/splash-bg.jpg); text-align: center; padding-top: 30px;}
		#footer-splash p { clear: both; color: #000000; margin-bottom: 10px; margin-left: 15px; font-size: 80%;}
		#footer-splash p.footer-subheading { color: #737373;}
			
		.splash-footerlogos { text-align: center;}
		.splash-heading { color: #449638; font-size: 180%;}
		.splash-subheading { padding-top: 20px; font-size: 100%; font-weight: bold;}
		.splash-choice { margin-top: 60px}
		.splash-choice p { padding-bottom: 30px;}