body {
	background-color: #FFFFFF;
	color: #000000;
	font-family: Arial, Verdana, sans-serif;
	margin: 0;
	text-align: left;

	border: none;
	padding: 5px 5px 5px 5px;

	font-size: 12pt;
}


.header {
/*	border: 0px solid  #9B81AC;	*/
	margin: 5px 5px 15px 5px;
}

.textSizer{
	display: none;}

.colourChanger span {
	display: block;
	cursor:pointer;
	font-weight: bold; 
	width: 300px;
	border: 2px solid;
	margin: 0px 0px -10px 50px;
	padding: 10px 10px 10px 10px}


/* The purple navigation bar 'About Us | Supported Living | ...' */
.topNavBar {display: none;}

/* The grey left navigation style */
.leftNav {display:none;}


.footer {
	margin: 0px 0px 0px 0px;
	border: 1px solid;
	height: 1%;
	padding: 4px 4px 4px 12px;
	font-size: 12px;
	text-align: left;
}

.footerLinks {display: none}


.mainColumn { }

li {padding-bottom: 0.4em}

img   { border: 0px; }

/* .mainColumn img {display: none}  */
/* Would be a problem is there is an image as part of the job description */

h1,h2,h3,h4,h5 {
	font-family: Arial, Verdana, sans-serif;
	text-transform:  none;
}

h1 {
/*	font-size: 140%;*/
	font-size: 16pt;   /* Crude.  Necessary if the design has to
			have an image aligned next to the page content H1.
			At normal size, it line-breaks or overflows the border. */
	color: #000000;
}
h2 {	font-size: 120%; color: #000000; }
h3 {	font-size: 110%; color: #000000; }
h4 {	font-size: 100%; color: #000000; }
h5 {	font-size: 100%; color: #000000; font-style: italic}


* Some pages use a small C-Change icon as list bullets */
.cchangeMiniLogoBullet li {
	list-style-image: url(../icons_logos/bullet_logo.gif);
	padding: 6px ;
}

.cchangeNoBullet li {
	list-style-image: url("");
	list-style-type: disc;
	padding: 6px ;
}

/* Spacing of 'fieldset' contact details on the Contact Us page */
.contactAddress {
	padding: 0px 20px 20px 10px;
	margin-bottom: 20px;
}