@charset "UTF-8";

* {
	margin:0;
	border:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.clear {clear:both;}

body {
	width:779px;
	margin:0 auto;
	padding-top: 10px;
	min-height:100%;
	
}

#wrapper {
	border: 1px none #CAE7B8;
	background: #FFF url(../images/page_bg_petals.gif) no-repeat right bottom;
	min-height:100%;

	
	}

#banner {
	min-height: 112px;
	font-size: x-small;
	background: #FFF;
}
.float_right {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}


	
#chplogo {
	width:259px;
	height:112px;
	float:left;
	margin-left: 10px;
}

#topnavigationbar {
	text-align: right;
	width:490px;
	float:left;
	margin:20px 7px 0px 0px;
	padding:0px;
	background: #FFF;
}

/* Navigation Link Styles */

#topnavigationbar ul {
	width:100%;
	font-size:1.1em;
	font-weight:normal;	
	color:#000;
	padding: 0;
	margin-left:0px;
	margin-top:12px;
	margin-right:0px;
	margin-bottom:0px;
}

#topnavigationbar li {	
	display:inline;
	border-right:1px solid #000;
	padding-right:5px;
	margin-left:2px;
	}
	
#topnavigationbar li a {	
	font-weight:normal;
	color:#000;
	text-decoration:underline;
	}

#topnavigationbar li a:focus, #topnavigationbar li a:active{	
	background:#BFDEE5;
	}	
	
#topnavigationbar li a:hover {	
	background:#BFDEE5;
	}

#topnavigationbar li.last {
	border-right:none;
}
form input, textarea {
	color: #781351;
	background: #fee3ad;
	border: 1px solid #781351
}
submit input {color:#000; background:#ffa20f; border:2px #d7b9c9 outset}
select { 
	background-color: #fee3ad; 
 	border: 1px solid #781351;
	color: #781351 
}
	
/* This is the Style Sheet Switcher DIV  */
#changestylesize {
	text-align: right;
	width:490px;
	float:left;
	margin-top:10px;
	margin-right: 7px;
	font-size:1.1em;
	
}

#searchboxarea {
	float:left;
	margin-top:10px;
	width: 490px;
	text-align: right;
	margin-bottom: 10px;

}

#searchboxarea input {border:solid #000 1px;}




.searchgobtn {
	border: #666 1px solid; 
	width: 2.2em; 
	height: 1.9em;  
	background-color: #ffffff;
	font-size:1.1em;
	margin-left:0.3em;
}

/*global nav styles*/
#global_nav {
	padding-top: 10px;
	border-bottom: 15px solid #C5E0AB;
	height: 26px;
	overflow: hidden;
	background: #FFF;
}
#global_nav ul {}
#global_nav li {
	list-style:none;
	display:inline;
	}
#global_nav a {
	display:block;
	float:left;
	text-decoration: underline;
	text-indent: -50000px;
}

a#gl_nav_res_info:link,
a#gl_nav_res_info:visited
	{
	background: url(../images/btn_resident_info.gif) no-repeat;
	height: 27px;
	width: 194px;
}

a#gl_nav_res_info:hover {
	background: url(../images/btn_resident_infoover.gif) no-repeat;
	height: 27px;
	width: 194px;
}

a#gl_nav_about_chp:link,
a#gl_nav_about_chp:visited {
	background: url(../images/btn_about_chp.gif) no-repeat;
	height: 27px;
	width: 194px;
}

a#gl_nav_about_chp:hover {
	background: url(../images/btn_about_chpover.gif) no-repeat;
}

a#gl_nav_homes_for_sale:link,
a#gl_nav_homes_for_sale:visited 
	{
	background: url(../images/btn_home_for_sale.gif) no-repeat;
	height: 27px;
	width: 194px;
}

a#gl_nav_homes_for_sale:hover  {
	background: url(../images/btn_home_for_saleover.gif) no-repeat;
}

a#gl_nav_leaseholders:link,
a#gl_nav_leaseholders:visited {
	background: url(../images/btn_leaseholders.gif) no-repeat;
	height: 27px;
	width: 194px;
}

a#gl_nav_leaseholders:hover {
	background: url(../images/btn_leaseholdersover.gif) no-repeat;
}
	


	
/*end of global nav styles*/


#content_area {
	padding-top:10px;
	background: #fff;
}

#left_col {
	width:194px;
	float:left;
}

#right_col a {color:#000; text-decoration:none;}

#right_col a:hover {text-decoration:underline;} 

.lgitem {
	width: 194px;
	background:#FFF url(../images/item_lg_bg.gif) repeat-y;
	margin-bottom: 20px;
}
.lgitem h2   {
	color:#599C71;
	font-size:medium;
	font-weight:normal;
	background: url(../images/item_light_green_box_top.gif) no-repeat;
	padding: 3px 10px 3px 10px;
				   }

				   
.lgitem_btm {
	background: #FFF url(../images/item_lg_box_bottom.gif) no-repeat;
	height: 12px;
	overflow: hidden;
}

.dgitem {
	width: 194px;
	background:url(../images/item_dg_bg.gif) repeat-y;
	margin-bottom: 20px;
}
	
.dgitem h2 {
	color:#FFF;
	font-size:medium;
	font-weight:normal;
	background: url(../images/item_dg_top_slice.gif) no-repeat;
	padding: 3px 10px 3px 10px;
				   }
				   
.dgitem_btm {
	background: #FFF url(../images/item_dg_btm_slice.gif) no-repeat;
	height: 12px;
	overflow: hidden;
}

#left_col ul,
#left_col p,
#right_col ul,
#right_col p
{
	font-size: small;
	background-color:#fff;
	margin:0 7px;
	padding: 10px;
	
}
#left_col a:link,
#left_col a:visited,
#left_col a:active {text-decoration:none; color:#000;}

#left_col a:hover {text-decoration:underline;}


#left_col li,
#right_col li   {
	list-style: none;
}




#middle_col {
	width:368px;
	float:left;
	padding-right: 10px;
	padding-left: 10px;
	font-size: smaller;
}

#middle_col h1,
#middle_col h2,
#middle_col h3 {
	margin: 0 0 .5em 0}

#middle_col p,
#middle_col ul {
	margin:0 0 1em 0em;
	font-size:1em;
}

#middle_col li {margin-left:1.5em;}

#right_col {
	width:194px;
	float:left;
}

#footer {text-align:center; font-size:x-small;margin:10px;
}

#footer ul {margin:10px 0}

#footer p {margin:10px;}

#footer li { list-style-type:none; display:inline;}

#footer img {margin:0 10px;}

/*
The #usefultools rules below are here because the Google Translate widget comes in too big and because it's coming from a google script it's hard to control the widgets width.
To get around this problem, I've used the two rules below to remove padding from the usefultools div
*/

#usefultools li {
	padding:5px 0 10px 5px;
	}
	
#usefultools ul {padding:0}


/* LOCALISED GLOBLA NAV STYLES 
 Below are the style rules that are needed to control the over states of the global nav buttons so that when you're in a Tenant section it gives you an up tab, when int he the leasholder section an uptab etc etc

*/
#resident_information #gl_nav_res_info {
	background: url(../images/btn_resident_infoover.gif);
}

#leaseholder_page #gl_nav_leaseholders {
	background: url(../images/btn_leaseholdersover.gif);
}

#i_want_a_home_page #gl_nav_homes_for_sale { background:url(../images/btn_home_for_saleover.gif)}

#about_chp_page #gl_nav_about_chp {background: url(../images/btn_about_chpover.gif);}

#chartable_trust #gl_nav_leaseholders {
	background:url(../images/btn_charitable_trustover.gif)
	
}





#middle_col a:link,
#middle_col a:visited,
#middle_col a:hover,
#middle_col a:active {
	color: #5A9C71;
	font-style:normal;
	/*font-style set to normal because Firefox was mysteriously italisising links and  headings*/
}

#middle_col h1,
#middle_col h2,
#middle_col h3,
#middle_col h4,
#middle_col h5,
#middle_col h6 {
font-weight:normal;
font-style:normal;
	/*font-style set to normal because Firefox was mysteriously italisising links and (see elsewhere) headings*/
}

.bold {
	font-weight: bold;
}

#left_col .lgitem h2 a {
	color: #599C71;
}

#left_col .dgitem h2 a {
	color: #FFF;
}

#left_col h2,
#right_col h2 {
	text-align:center;
}