/* Page blocks */

	body {
		background-color: #ccc;
		margin: 0px;
		padding: 0px;

		text-align: center;
	}

		body p, body li {
			font-size: 14px;
		}

	#page {
		width: 741px;

		margin: auto;
		position: relative;

		text-align: left;
	}

	#header {
		height: 132px;
		position: relative;
		background-image: url(images/layout/header_background.jpg);
	}

		#logo {
			display: block;
			position: absolute;
			z-order: 1;
		}

		#appointments {
			padding: 25px;
			padding-left: 199px;
		}

		#appointments p {
			margin: 0;
			margin-bottom: 10px;
			color: #333;
			text-align: center;
			font-weight: bold;
			font-size: 18px;
		}

		#appointments p.appointments-title {
			text-transform: uppercase;
			font-weight: bold;
			font-size: 18px;
			color: #666;
			font-size: 14px;
		}

		#appointments a {
			color: #333;
			text-decoration: none;
		}

		#appointments a:hover {
			color: #000;
			text-decoration: underline;
		}

		#appointments .active {
			color: #333;
		}

	#wrapper {
		position: relative;

		background-image: url(images/layout/wrapper_background.gif);
		background-color: #fff;

		overflow: auto;
		zoom: 1;
	}

		#navigation {
			width: 174px;

			float: left;
		}

		#content {
			width: 530px;

			margin-left: 190px;
			margin-bottom: 0px;
		}

	#footer {
		height: 111px;

		background-image: url(images/layout/footer_background.jpg);
		background-repeat: no-repeat;
	}

		#footer p {
			margin: 0;
			padding: 0;
			padding-left: 167px;

			text-align: center;
			font-size: 11px;
			color: #000;
		}
			#footer p.breadcrumbs {
				padding-top: 47px;
			}

		#footer a {
			color: #000;
		}

		#footer a:hover {
			color: #666;
		}

		#footer .active {
			color: #000;
		}

		#footer .breadcrumbs .active {
			font-weight: bold;
		}

	h1 {
		margin-top: -20px;
		margin-bottom: 20px;
		font-size: 30px;
		text-align: center;
	}

	h2 {
		font-size: 18px;
		margin-top: 20px;
	}

	h3 {
		margin-top: 10px;
	}

	input, label {
		display: block;
	}

	div.text input {
		width: 150px;
	}

/* Menu */

	#navigation ul {
		margin: 0px;
		margin-left: 6px;
		padding: 0px;

		color: #ddd;

		background-image: url(images/layout/navigation_li_bg.jpg);
		background-repeat: repeat-y;
	}

	#navigation ul ul {
		margin: 0px;

		background-image: url(images/layout/navigation_li_bg.jpg);
		background-repeat: repeat-y;
	}

	#navigation li {
		margin: 0px;
		padding: 0px;

		list-style-type: none;
		font-size: 14px;
	}

	#navigation li a {
		display: block;
		padding: 5px 15px 5px 5px;

		color: #ddd;

		width: 100%;

		text-decoration: none;
		font-weight: bold;
	}

	#navigation li li a {
		padding: 5px 20px 5px 10px;

		font-weight: normal;
	}

	#navigation li li li a {
		padding: 5px 15px 5px 30px;
	}

	#navigation li.proud a, #navigation li.active a {
		color: #333;
	}

	#navigation li a:hover {
		color: #000;

		background-color: #fff;
		background-image: url(http://shared.otterwings.com/glyphs/arrow_black_right.gif);
		background-position: 158px;
		background-repeat: no-repeat;
	}

	#navigation li.active, #navigation li.active li, #navigation li.proud, #navigation li.proud li  {
		background-color: #fff;
		background-image: url(images/layout/navigation_li.active_bg.jpg);
		background-repeat: repeat-y;
	}

	#navigation li.active a.active {
		background-image: url(http://shared.otterwings.com/glyphs/arrow_black_right.gif);
		background-position: 158px;
		background-repeat: no-repeat;
	}

	#navigation #interests {
		margin-top: 20px;
	}

/* Additional styles. */

	div.file {
		width: 300px;

		margin: 10px auto;

		border: 1px solid #ddd;
		padding: 10px;

		background-color: #eee;
	}

		div.file p {
			text-align: center;
		}

	div.section {
		border: 1px solid #ddd;
		padding: 10px;

		margin-top: 20px;
		margin-bottom: 20px;

		background-color: #eee;
	}

		div.section h2, div.section h3 {
			margin-top: 10px;
		}


	div.contact {
		margin: 10px;
		border: 1px solid #ddd;
		padding: 10px 25px;
		background-color: #fff;
	}

		div.contact h3 {
			margin-top: 0px;
		}

		div.contact p {
			font-size: 14px;
		}

	div.right, div.left {
		overflow: auto;
		zoom: 1;
	}

		div.right {
			padding-left: 10px;
			float: right;
		}

		div.left {
			padding-right: 10px;
			float: left;
		}

		div.right img, div.left img {
			border: 1px solid #999;
		}

		div.right p, div.left p {
			font-size: 10px;
			font-style: italics;
			text-align: center;
			margin: 0;
		}

	p.next {
		font-weight: bold;
		text-align: right;
	}

	form div.postcode {
	}
		form div.postcode input {
			display: inline;
		}

	table.buttons {
		margin: 0px;
		margin-left: 5px;
		width: 5px;
	}
		table.buttons td {
			vertical-align: top;
			margin: 0px;
			padding: 0px;
			padding-bottom: 10px;
		}
		table.buttons a {
			font-size: 12px;
		}
		table.buttons td p {
			text-align: center;
			margin: 0px;
		}

	.right img {
		margin-left: 10px;
	}

	.center {
		text-align: center;
		margin: 0px auto;
	}

	p.subh1 {
		text-align: center;
	}