@import url('boxes.css');
@import url('form.css');
@import url('structure.css');
/* a breath of fresh air 21/07/09 Julie */
body {
	background: #ffffff;
	color: #303030;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
}
a {
	color: #0067a8;
}
h1 {
	border-bottom: 1px #0067a8 solid;
	color: #0067a8;
	float: left;
	font-size: 1em;
	margin: 0 0 .5em 0;
	padding: 0;
}
h2 {
	color: #606060;
	font-size: 1.4em;
	margin: .5em 0 .5em 0;
}
h3 {
	font-size: 1.3em;
	margin: 0;
	padding: .5em 0 .5em 0;
}
h4 {
	font-size: 1.2em;
	margin: 0;
	padding: .5em 0 .5em 0;
}
h5 {
	font-size: 1.1em;
	margin: 0;
	padding: .5em 0 0 0;
}
h6 {
	font-size: 1em;
	margin: 0;
	padding: .5em 0 0 0;
}
img {
	border: none;
}
ol, ul {
	margin-top: 0;
	margin-bottom: .5em;
}
p {
	margin-top: 0;
	margin-bottom: .5em;
}
/*********************************************************************************/
/*outer container*/
div.outerContainer {
	background: #ffffff;
	border: 1px #3a9adc solid;
}
/*********************************************************************************/
/* header */
div.headerContainer .logo {
	float: left;
	margin: 0;
	padding: 0;
	width: 171px;
}
div.headerContainer .headerContent {
	float: left;
	margin: 0;
	padding: 24px 0 8px 0;
	width: 499px;
}
/*********************************************************************************/
/* navigation */
/* level 1 navigation */
div.topnav {
	background: #cce5f6 url('lightBlueBL.gif') no-repeat left bottom;
	float: right;
	margin: 4px;
	padding: 8px 8px 16px 8px;
	width: 184px;
}
ul.topnav {
	font-weight: bold;
	margin: 0;
	padding: 0;
}
ul.topnav li {
	display: block;
	list-style: none;
}
ul.topnav span, ul.topnav a {
	display: block;
	margin: 0;
	padding: 4px 8px;
}
ul.topnav a {
	color: #0067a8;
	text-decoration: none;
}
ul.topnav span {
	background: #ffffff;
}
ul.topnav li.ancestor a {
	background: #ffffff;
	color: #303030;
}
/* sub nav */
ul.level2nav {
	margin: 0 16px;
	padding: 4px 0 0 0;
}
ul.level2nav li {
	display: block;
	list-style: none;
}
ul.level2nav span, ul.level2nav a {
	background: #ffffff url('navBg.gif') no-repeat left top;
	display: block;
	margin: 0 0 4px 0;
	padding: 4px 8px 4px 24px;
}
ul.level2nav a {
	color: #0067a8;
	text-decoration: none;
}
/* header (used at the bottom of the page) navigation */
div.headernav {
	background: #cce5f6 url('lightBlueTL.gif') no-repeat left top;
	bottom: 0;
	float: right;
	margin: 4px;
	padding: 16px 8px 8px 8px;
	position: absolute;
	right: 0;
	width: 184px;
}
ul.headernav {
	font-weight: bold;
	margin: 0;
	padding: 0;
}
ul.headernav li {
	display: block;
	list-style: none;
}
ul.headernav span, ul.headernav a {
	display: block;
	margin: 0;
	padding: 4px 8px;
}
ul.headernav a {
	color: #0067a8;
	text-decoration: none;
}
ul.headernav span {
	background: #ffffff;
}
/*********************************************************************************/
/* footer */
div.footernav {
	padding: 8px 0 4px 0;
	font-size: 8pt;
	text-align: center;
}
div.footernav ul {
	margin: 0;
	padding: 0;
}
div.footernav li {
	border-left: 1px #999999 solid;
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
div.footernav li:first-child {
	border-left: none;
}
div.footernav a, div.footernav span {
	color: #999999;
	margin: 0;
	padding: 0 8px;
	text-decoration: none;
}
div.footer {
	bottom: 0;
	color: #333333;
	float: left;
	font-size: 8pt;
	padding: 24px 8px 4px 8px;
	position: absolute;
	width: 600px;
}
div.footer span {
	color: #999999;
}
div.footer a {
	color: #333333;
	padding: 0;
	text-decoration: none;
}
div.footer span a {
	color: #999999;
	padding: 0;
	text-decoration: none;
}
/*********************************************************************************/
/* journey map */
div.mapContainer {
	position: absolute;
}
div.mapContainer div.hide {
	display: none;
}
div.mapContainer .box {
	margin: 0;
	padding: 0;
}
div.mapContainer .rightImage {
	margin: 0;
	padding: 0 0 0 10px;
}
div.mapContainer div#step1 {
	left: 223px;
	position: absolute;
	top: -10px;
	width: 550px;
	z-index: 100;
}
div.mapContainer div#step2 {
	left: -45px;
	position: absolute;
	top: -10px;
	width: 358px;
	z-index: 100;
}
div.mapContainer div#step3 {
	left: 7px;
	position: absolute;
	top: -10px;
	width: 550px;
	z-index: 100;
}
div.mapContainer div#step4 {
	left: -9px;
	position: absolute;
	top: 97px;
	width: 550px;
	z-index: 100;
}
div.mapContainer div#step5 {
	left: -2px;
	position: absolute;
	top: 68px;
	width: 550px;
	z-index: 100;
}
div.mapContainer div#step6 {
	left: 228px;
	position: absolute;
	top: 14px;
	width: 550px;
	z-index: 100;
}