/* Standard HTML elements */

/* COLOURS FROM CHOSEN SITE */
/* LEFT MENU BACKGROUND + PRIMARY TEXT : RGB 215, 204, 221 : #D7CCDD */
/* PRIMARY MENU BAR PURPLE: 68,14,98 : #440E62 */
/* HANOVER BLUE : 5, 122, 196 : #057AC4 */
/* HANOVER GREEN : 12, 166, 84 : #0CA654 */
/* My Hanover green: #0aa55d */


body
{
  /* background: url("images/Content-background.jpg"); */
  font-family: Verdana, Arial, sans-serif;
  font-size: 100%;
  margin-left: 0px;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
  }

img
{ 
  border: none;
  display: inline;
  }

table
{
  margin: 0px; 
  padding: 0px; 
  border-style: none;
  border-collapse: collapse;
  vertical-align: top;
  font-size: 85%;
  background-color: ivory;
  border: 2px solid #D7CCDD;
  padding: 3px;
  margin-left: 10px;
  }

td
{ 
  padding: 3px;
  vertical-align: middle;
  text-align: left;
  border: 1px dotted #D7CCDD;
  }

a   
{ 
  font-weight: bold;
  text-decoration:none; 
  color: #440E62; 
  }
a:hover   { text-decoration:underline; }

/* ****************** */
/* Framework elements */
/* ****************** */

.primary_navigation
{ 
  margin: 0px;
  }

.primary_navigation_table
{ 
  font-size: 100%;
  width: 100%;
  background-color: transparent;
  padding: 0px;
  margin: 0px;
  border: none;
  }

.primary_navigation_logo
{ 
  padding: 0px;
  width: 190px;
  background-color: #D7CCDD;
  color: #D7CCDD;
  vertical-align: middle;
 border: none;
  }

td.primary_navigation_logo
{ 
}


.primary_navigation_item
{ 
  padding: 3px;
  width: 85px;
  background-color: #440E62;
  text-align: center;
  vertical-align: middle;
  border: none;
  }

.primary_navigation_spacer
{ 
	background: url("images/header_bar_spacer.gif");
  padding: 0px;
  width: 0px;
  background-color: #440E62;
  text-align: center;
  vertical-align: middle;
  border: none;
  
  }

.primary_navigation_spacer_purple
{ 
  padding: 3px;
  width: 10px;
  background: #440E62;
  text-align: center;
  vertical-align: middle;
  border: none;
  }
.primary_navigation_image
{ 
  border: none;
  margin: 0px;
  padding: 3px;
  text-align: center;
  vertical-align: middle;
  }

.primary_navigation_spacer_full_width
{ 
  border: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
  }

.primary_navigation_image_dull
{
  filter: alpha(opacity=60);
  moz-opacity: 0.6;
  }

/* Primary Navigation Links */
a.primary_navigation_link
{ 
  font-weight: bold;
  text-decoration: none;
  font-size: 100%;
  }

a.primary_navigation_link:link    { color: #D7CCDD; }
a.primary_navigation_link:visited { color: #D7CCDD; }
a.primary_navigation_link:active  { color: #D7CCDD; }
a.primary_navigation_link:hover   { color: #ffffff; text-decoration:none; }

.secondary_navigation
{ 
  width: 190px;
  height: 1600px;
  float: left;
  background: #D7CCDD;
/*   border-right: 1px solid #440E62;
  border-bottom: 1px solid #440E62;
 */
  }

.secondary_navigation_group
{
  padding: 0px;
  margin: 3px;
  margin-top: 10px;
  background: #D7CCDD;
  border: 1px solid #D7CCDD; /*Change color to #D7CCDD to hide frame or 440E62 for purple frame*/
  }

.secondary_navigation_heading
{
  display: none;  /*Change to none to remove header*/
  padding: 3px;
  margin: 0px;
  background: #440E62; 
  color: #ffffff;
  font-size: 80%;
  }

.secondary_navigation_search
{
  width: 185px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  margin: 0px;
  background: transparent;
  }

.secondary_navigation_link
{ 
  display: block;
  width: 150px;
  margin: 0px;
  padding-left: 25px;
  padding-right: 15px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #057AC4;
  background-image: url("icons/green-icon.gif");
  background-position: 3% 50%;
  background-repeat: no-repeat;
  }

a.secondary_navigation_link:hover 
{
  background-color: #B1D5A7;
  text-decoration: none;
  }

.secondary_navigation_link_external
{ 
  display: block;
  width: 150px;
  margin: 0px;
  padding-left: 25px;
  padding-right: 15px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #057AC4;
  background-image: url("icons/globe.gif");
  background-position: 3% 50%;
  background-repeat: no-repeat;
  }

a.secondary_navigation_link_external:hover 
{
  background-color: #B1D5A7;
  text-decoration: none;
  }

/* Copyright, Disclaimer, Privacy Policy, etc. */
.secondary_navigation_footer
{ 
  display: none; /* InterChange display between block and none to turn on and off the footer. */
  width: 155px;
  margin: 0px;
  padding-left: 20px;
  padding-right: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #440E62;
  background-image: url("icons/info_icon3.gif");
  background-position: 3% 50%;
  background-repeat: no-repeat;
  font-size: 80%;
  }

a.secondary_navigation_footer:hover 
{
  background-color: #B1D5A7;
  text-decoration: none;
  }


/* ********************************************* */
/* Main Content including Page title and Modules */
/* ********************************************* */
.main_content 
{
  margin-left: 190px;
  margin-top: 5px;
  padding-left: 5px;              
  padding-bottom: 50px;
  /*     background: url("images/Content-background.jpg"); */
  }

.main_content_width
{ 
  width: 99%; /* HACK To prevent italicised text from screwing up rendering in IE */
  }


/* HACK: CSS hack to prevent IE "3 pixel bug" caused by float: left; */

* html .secondary_navigation { 
                               margin-right: 5px; 
                               }

* html .main_content { 
                       height: 1%;
                       margin-left: 0;
                       }

/* END HACK */
  
.page_title
{
  border-bottom: 0px solid #440E62;
  float: none;
  font-size: 200%;
  font-weight: bold;
  color: #057AC4;
  margin-bottom: 0.5em;
  }

.page_footer
{ 
  display: none;
  margin-top: 5px;
  margin-left: 190px;
  margin-right: 0px;
  font-size: 80%;
  color: #4169e1;
  border-top: 1px solid black;
  text-align: right;
  }
..page_footer_returntotop
{ 
  text-align: right;
}
.return_page_top
{ 
  font-size: 50%;
  }

.return_page_bottom
{ 
  }

/* Shared elements */

table.form
{ 
  background: #EEEEFF;
  border: 1px solid black;
  padding: 5px;
  }

td.form_label
{ 
  font-weight: bold;
  font-size: 90%;
  text-align: right;
  vertical-align: middle;
  padding: 5px;
  }

.form_control 
{ 
  margin: 0px;
  padding: 0px;
  font-size: 10pt;
  vertical-align: middle;
  padding-left: 2px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  }

input.button
{ 
  font-family: windings, Arial, Verdana, sans-serif;
  font-weight: bold;
  }

.label
{ 
  font-weight: bold;
  font-size: 90%;
  text-align: right;
  vertical-align: middle;
  padding: 5px;
  }

.status_message
{ 
  color: #EE5555;
  border: 1px solid #EE5555;
  background: #FFEEEE;
  margin-top: 5px;
  padding: 5px;
  }

.success_message
{ 
  color: #007700;
  border: 1px solid #007700;
  background: #EEFFEE;
  margin-top: 5px;
  padding: 5px;
}

.required_field 
{ 
  color: red;
}

/* Module elements : NB: These need to exist in both framework.css and noprint.css (modified accordingly)*/

.module_title
{ 
  font-size: 125%;
  font-weight: bold;
  text-decoration: none;
  color: #057AC4;
  margin: 0px;
  padding:0px;
  }

.module_subtitle
{ 
  display: block;
  font-size: 110%;
  font-weight: bold;
  color: #006400;
  text-decoration: none;
  }

.module_housing_statistics_region
{ 
  float: none;
  font-size: 200%;
  font-weight: bold;
  color: #057AC4;
  margin-bottom: 0.5em;
  }
.module_banner_title
{ 
  font-size: 125%;
  font-weight: bold;
  text-decoration: none;
  color: #057AC4;
  margin: 0px;
  padding:0px;
  text-align:left;
  }
.module_news, .module_links, .module_jobs, .module_static_html, .module_site_index, .module_banner_item
{ 
  margin-bottom: 5px;
  text-align:left;
  }
.module_site_index_banner
{
	margin-bottom: 5px;
}
.module_news_banner, .module_static_banner, .module_event_banner, .module_property_banner, .module_imagelibrary_banner ,.module_links_banner, .module_jobs_banner, .module_housing_statistics_banner, .module_static_html_banner
{ 
  margin-bottom: 5px;
  font-size:120%;
  }
.module_banner_property_item, .module_banner_news_item, .module_banner_jobs_item, .module_banner_static_item
{
	margin-top:10px;
	text-align:left;
	vertical-align:text-top;
}
img.module_item_property_image_banner
{
	text-align:right;
	align:right;
}
.module_item_property_image_banner
{
	text-align:right;
	align:right;
}  
  .module_housing_statistics
  {
	text-align:center;
  }
.clear
{ 
  clear: both;
  }

.module_separator
{ 
  float: none;
  }


.module_housing_statistics_town
{
  margin-top: 5px;
  padding-bottom: 3px;
  padding-top: 2px;
  padding-right: 10px;
  color: #006400;
  font-size: 85%;
  font-weight: bold;
  }

.module_housing_statistics_property_border_outside
{ 
  margin-left: -20px;
  padding-left: 20px;
  border: 1px solid #006400;
  background: #F0F0F0;
  }

.module_housing_statistics_property_border_inside
{ 
  margin-left: -20px;
  border: 1px dotted #047ac5;
  }

.module_housing_statistics_street_name
{ 
  /* margin-left: -20px; */
  padding-top: 3px;
  padding-left: 5px;
  padding-bottom: 5px;
  padding-right: 3px;
  list-style: none; 
  margin-top: 3px;
  font-weight: bold;
  }

.module_housing_statistics_accommodation_type
{ 
  font-weight: normal;
  list-style: none; 
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 10px;
  background: none;
  color: black;
  }

.module_housing_statistics_property_count
{ 
  list-style: none; 
  color: #047ac5;
  }

.module_housing_statistics_image_map
{ 
	text-align:left;
  }

.module_housing_statistics_image_map_region_list
{ 
  padding-top: 10px;
  padding-right: 20px;
  float: left;
  font-size: 90%;
  text-align:right;
  width:45%;
  }

.module_housing_statistics_region_link
{ 
  display: block;
  }

.module_item_title
{ 
  display: block;
  padding-top: 15px;
  font-size: 100%;
  color: #006400;
  text-decoration: underline;
  }

.module_subheading
{ 
  color: #006400;
  text-align: right;
  padding-right: 5px;
  }

.module_subheading_top
{ 
  color: #006400;
  text-align: right;
  vertical-align: top;
  padding-right: 5px;
  }

.module_job_details_table
{ 
  margin-right: 20px;
  }

a.module_link_href
{
  margin-left: 0px;
  font-size: 95%;
  }

.module_news_item
{ 
  padding: 0px;
  margin-left: 0px;
  text-decoration: none;
  }
.module_item_news_summary
{ 
  color: #000000;
  margin-bottom: 10px;
  padding-left: 10px;
  font-weight: normal;
  }

.page_links
{ 
  margin-left: 10px;
  margin-top: 0px;
  margin-bottom: 1em;
  }


/* Search results */
a.search_result
{ 
  font-size: 110%;
  font-weight: normal;
  }

/*a.module_link_href:link {
                            color: black;
                            }

a.module_link_href:visited {
                             color: #004283;
                             }

a.module_link_href:hover {
                           color: #047ac5;
                           }


/* Site Index Page Title Links */
a.site_index_page_title
{ 
  font-weight: normal;
  display: block;
  padding-top: 5px;
  }
a.site_index_page_title:visited   { color: #000000; }
a.site_index_page_title:hover     { color: #047ac5; }

/* Site Index Module Title Links */

a.site_index_module_title
{ 
  color: #004283;
  display: block;
  padding-left: 15px;
  font-size: 80%;
  }

a.site_index_module_title:visited { color: #004283; }
a.site_index_module_title:hover   { color: #047ac5; }

/* CSS available in dropdown list in html editor */

.quoted_text_bold
{ 
  font-style: italic; 
  margin-left: auto;
  margin-right: auto;
  font-size: 110%;
  font-weight: bold;
  text-align: justify;
  }

.quoted_text
{ 
  font-style: italic;
  margin-left: auto;
  margin-right: auto;
  font-size: 110%;
  font-weight: normal;
  text-align: justify;
  }

.caption_text
{ 
  font-size: 80%;
  font-weight: bold;
  }

/* navigation history */
.navigation
{ 
/*   background: #D7CCDD; */
  padding-top: 2px;
  padding-bottom: 2px;
   padding-left: 50px;
   margin-left: 50px;
/*   border-top: 1px solid #440E62;
  border-bottom: 1px solid #440E62;
*/
   border-top: 1px solid #D7CCDD;
  border-bottom: 1px solid #D7CCDD;
 }

.navigation_item
{ 
  font-size: 80%;
  }

/* Testing 'stretched' primary menu icons' */
.primary_navigation_table_stretched
{ 
  font-size: 90%;
  width: 100%;
  background-color: transparent;
  padding: 0px;
  margin: 0px;
  border: none;
  }

.primary_navigation_logo_stretched
{ 
  padding: 0px;
  width: 190px;
  background-color: #D7CCDD;
  color: #D7CCDD;
  vertical-align: middle;
       border: none;
/*   border-top: none;
  border-left: none;
  border-right: 1px solid #440e62;
  border-bottom:  none;
 */
  }

.primary_navigation_item_stretched
{ 
  padding: 3px;
  width: 100%;
  /*     width: 85px; */
  background-color: #440E62;
  text-align: center;
  vertical-align: middle;
  border: none;
  }

.primary_navigation_spacer_stretched
{ 
  padding: 3px;
  /*     width: 10px; */
  background: none;
  text-align: center;
  vertical-align: middle;
  border: none;
  }

.primary_navigation_spacer_purple_stretched
{ 
  padding: 3px;
  /*      width: 10px;  */
  background: #440E62;
  text-align: center;
  vertical-align: middle;
  border: none;
  }
.primary_navigation_image_stretched
{ 
  border: none;
  margin: 0px;
  width: 100%;
  padding: 3px;
  text-align: center;
  vertical-align: middle;
  }

.primary_navigation_spacer_full_width_stretched
{ 
  border: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
  }
.linkdescription
{
	font-style:italic;
	padding-left:30px;
	margin:0px 0px 0px 0px;
}
table.module_banner
{
	width:98%;
	/* background-color: #d7ccdd; */
	background-color: #EFE99F;
	border:0px;
}
tr.module_banner
{
	border:1px;
	background-color: inherit;
}
td.module_banner
{
	vertical-align:text-top;
	background-color: inherit;
	padding: 5px 5px 5px 5px;
	border: solid 10px white;
	/* text-align:center; */
}
table.module_banner_item
{
	width:98%;
	/* background-color: #d7ccdd; */
	background-color: #EFE99F;
	border:0px;
	height:150px;
}
tr.module_banner_item
{
	border:1px;
	background-color: inherit;
}
td.module_banner_item
{
	vertical-align:text-top;
	background-color: inherit;
	padding: 0px 0px 0px 0px;
	border: solid 0px white;
	text-align:left;
	/* text-align:center; */
}
.module_banner_item_icon
{
	margin-top:10px;
	vertical-align:middle;
	text-align:center;
	padding: 0px 0px 0px 0px;
	border: solid 0px white;
	/* text-align:center; */
}
.module_banner
{
	vertical-align:text-top;
}
table.module_imagelibrary
{
	width:98%;
	background-color:White;
	border: none 0 white;
}
tr.module_imagelibrary
{
	border: none 0 white;
}
td.module_imagelibrary
{
	vertical-align:text-top;
	text-align:center;
	border: none 0 white;
}
.module_imagelibrary
{
	vertical-align:text-top;
	border: none 0 white;
}
img.module_imagelibrary
{
	width:175px;
	height:100px;
}
img.module_imagelibrary_banner
{
	width:150px;
	height:100px;
}
table.module_property
{
	width:98%;
	background-color:White;
	border:0px;
}
tr.module_property
{
	border:0px;
}
td.module_property
{
	vertical-align:middle;
	text-align:center;
	/* text-align:center; */
}
.module_property
{
	vertical-align:text-top;
}
table.module_item_property_thumbnail
{
	width:98%;
	background-color:White;
	border:0px;
}
tr.module_item_property_thumbnail
{
	border:1px;
}
td.module_item_property_thumbnail
{
	vertical-align:middle;
	text-align:center;
	/* text-align:center; */
}
img.module_item_property_thumbnail
{
	width:75px;
	height:50px;
}
img.module_item_property_image_banner
{
	width:150px;
	height:100px;
}
.module_item_property_thumbnail
{
	vertical-align:text-top;
}
a.module_item_property_thumbnail
{
  font-size: 95%;
  font-weight:normal;
  }
.module_property_item
{ 
  padding: 0px;
  margin-left: 0px;
  text-decoration: none;
 }
 table.module_item_property
{
	width:98%;
	border:1px;
}
tr.module_item_property
{
	border:1px;
}
td.module_item_property
{
	vertical-align:middle;
	text-align:left;
	/* text-align:center; */
}
.module_item_property_summary
{ 
  color: #000000;
  margin-bottom: 10px;
  padding-left: 10px;
  font-weight: normal;
  }
  .module_event_item
{ 
  padding: 0px;
  margin-left: 0px;
  text-decoration: none;
 }
.module_item_event_summary
{ 
  color: #000000;
  margin-bottom: 10px;
  padding-left: 10px;
  font-weight: normal;
  }
  .module_imagelibrary_item
{ 
  padding: 0px;
  margin-left: 0px;
  text-decoration: none;
 }
.module_item_imagelibrary_summary
{ 
  color: #000000;
  margin-bottom: 10px;
  padding-left: 10px;
  font-weight: normal;
  }
  
  table.tbl_page_title
{
  margin: 0px; 
  padding: 0px; 
  border-style: none;
  vertical-align: top;
  font-size: 75%;
  background-color: white;
  border-bottom : 1px solid #D7CCDD;
  padding: 0px;
  margin-left: 0px;
  width:100%;
}
tr.tbl_page_title
{ 
  padding: 0px;
  vertical-align: middle;
  text-align: left;
  border: 0px dotted #D7CCDD;
  }
td.tbl_page_title
{ 
  padding: 0px;
  vertical-align: middle;
  text-align: left;
  border: 0px dotted #D7CCDD;
  }
  td.tbl_page_title_left
{ 
  padding: 0px;
  vertical-align: middle;
  text-align: left;
  border: 1px dotted #D7CCDD;
  }
  td.tbl_page_title_right
{ 
  padding: 0px;
  vertical-align: middle;
  text-align: right;
  border: 0px dotted #D7CCDD;
  }
div.div_navigation
{ 
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: 0px;
	border-top: 0px solid #D7CCDD;
	border-bottom: 0px solid #D7CCDD;
	font-size: 75%;
	text-align:right;
}
.div_navigation_item
{ 
  font-size: 80%;
  }
  div.div_datetime
  {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: 0px;
	border-top: 0px solid #D7CCDD;
	border-bottom: 0px solid #D7CCDD;
	font-size: 55%;
	text-align:right;
  }
 hr.secondarymenu
 {
	color:White;
	width:90%;
	text-align:center;
	height:1px;
 }
 