/* Home page only */
body {margin: 7px 0 0 0;}

/* On the home page, this just contains the print version of the logo */
p#logo {display: none;}

div#content {
	width: 936px;
	background: white;
	margin: 0 auto;
}

form {margin: 0;}
	/* This will need to be tweaked for legacy IE */
	div#supnav p.links, form#supnav p.links {
		text-align: right;
		margin: 30px 0 0 0;
		width: 385px;
		float: right;
		height: 70px;
	}
	#supnav p {
		margin: 0;
		float: left;
	}
	#branch img {
		display: block;
	}
	/* This hold the flash movie */
	#supnav dl {
		width: 375px;
		margin: 0;
		padding: 0;
		float: left;
		text-align: left;
		font-weight: bold;
		font-size: 120%;
	}
		#supnav dt, #supnav dd {
			display: inline;
			margin: 0;
			padding: 0;
		}
		#supnav dt {padding: 0 0 0 1em;}

	/* This holds the strapline / branch title */
	#supnav p#branch {
		width: 380px;
		float: left;
	}

#mainnav a, #mainnav em {
	background: url(/img/bg-mainnav-a-home.gif) no-repeat center center;
}

#mainnav a:hover, #mainnav em a, #mainnav em {
	background-image: url(/img/bg-mainnav-a-hover-home.gif);
}

/* Navigation downwards */
div#main {
	background: #D9D9D9;
	text-align: center;
	clear: both;
}
/* self clearing rules */
#main div:after, #main ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html #main div, * html #main u {
	height: 1%;
}

#main div, #main ul {
	display: inline-block;
}

/* !IE Mac \*/
#main div, #main ul {
	display: block;
}
/* */

/* Holder for the three branches */
div#branches {
	color: #006;
	background: url(/tpl/img/bg-branches.png) left repeat-y;
	margin: 0 0 2em 10px;
}
	#branches div {
		background: url(/tpl/img/bg-branches-div.png) bottom left no-repeat;
	}
		#branches div div {
			background: none;
			float: left;
			width: 308px;
		}
		/* Supporta Datacare */
		#branches div div.last {
			width: 299px;
		}
			#branches h2 {margin: 0;}
			#branches p, #branches ul {
				margin: 0 31px 1em 20px;
				padding: 0;
				list-style-type: none;
			}
			#branches .last p, #branches .last ul {
				margin-right: 20px;
			}
			/* The lozenge style links */
			#branches ul li {
				font-weight: bold;
				color: white;
				background: #6666a3 url(/tpl/img/bg-branches-ul-li.png) top no-repeat;
				margin: 0;
				padding: 0;
				list-style-type: none;
			}
				#branches ul li a {
					text-decoration: none;
					display: block;
					color: white;
					background: url(/tpl/img/bg-branches-ul-li-a.png) bottom no-repeat;
					padding: 0.4em 14px 0.4em 27px;
				}
				#branches ul li a:hover {
					text-decoration: underline;
				}
			/* The icon links */
			#branches ul.action li {
				color: #006;
				background: none;
				float: left;
				width: 128px;
				font-size: 85%;
			}
				#branches ul.action li a {
					color: #006;
					background: none;
					padding: 0;
					text-align: right;
					height: 50px;
				}
				form[id] #branches ul.action li a {
					height: auto;
					min-height: 50px;
				}
				#branches ul.action li.career a {
					background: url(/img/homepageicon-workingforsupportacare.gif) top right no-repeat;
					padding: 0.5em 40px 0 0;
				}
				#branches ul.action li.map a {
					background: url(/img/homepageicon-findalocation-care.gif) top right no-repeat;
					padding: 1em 40px 0 0;
				}

/* The disclaimer */
p#disclaimer {
	width: 760px;
	padding: 1em 0 2em 0;
	margin: 0 auto;
	clear: both;
	background: white;
}