/* CSS Document */

* {
outline: 0;
text-decoration : none;
vertical-align : top;
}



/* body */

body {
background : url('../graphics/layout/back.jpg') 50% 0 repeat-y;
font-family : "Times New Roman";
font-size : 62.5%;
margin : 0;
text-align : center;
}

	img {
	border : none;
	}
		
	.blue {
	color : #204385;
	}
	
	.red {
	color : #7F0801;
	}
	
	.b {
	font-weight : bold;
	}
	
	.float_left {
	float : left;
	margin : 0 10px 10px 0;
	}
	
	.float_right {
	float : right;
	margin : 0 0 10px 10px;
	}



/* wrapper */

#wrapper {
background : url('../graphics/layout/banner.jpg') no-repeat;
margin : auto;
text-align : left;
padding : 131px 0 0;
width : 760px;
}

#process-wrapper {
background : url('../graphics/layout/process-serving.gif') no-repeat;
margin : auto;
text-align : left;
padding : 267px 0 0;
width : 760px;
}



/* top navigation */

#nav {
background : #204387 url('../graphics/layout/nav-top.jpg') repeat-x;
border-bottom : 1px solid #fff;
}

	#nav ul {
	background : url('../graphics/layout/nav-bottom.jpg') 0 100% repeat-x;
	list-style : none;
	margin : 0;
	padding : 0;
	}
	
		#nav ul li {
		border-right : 1px solid #fff;
		float : left;
		}
	
		#nav ul li#accessibility {
		border : none;
		color : #204386;
		padding : 5px 7px;
		float : right;
		}
	
			#nav ul li a {
			color : #fff;
			display : block;
			font-size : 1.4em;
			font-weight : bold;
			font-variant : small-caps;
			padding : 5px 10px;
			}
			
				#nav ul li a:hover {
				color : #000;
				}
	
			#nav ul li#accessibility a {
			display : inline;
			font-variant : normal;
			padding :  0;
			}
			
				#nav ul li#accessibility a.fontsize {
				background : #8094BB;
				margin : 0;
				padding : 0 3px;
				}
	
/* process serving content */

#process-content {
background : url('../graphics/layout/scales.jpg') 100% 100% no-repeat;
font-size : 1.6em;
padding : 0 10px 0 46px;
font-family:Arial, Helvetica, sans-serif;
}

	html>body #process-content {
	height : auto;
	}
	
	#process-content p, #process-content h1, #process-content ul, #process-content blockquote {
	line-height : 1.5em;
	margin : 0;
	padding : 0 0 15px;
	width: 470px;
	}
	
		#process-content ul, #process-content blockquote {
		margin : 0 30px;
		}
	
		#process-content h1 {
		font-size : 1.8em;
		color : #204387;
		}

/* content */

#content {
background : url('../graphics/layout/left.jpg') no-repeat;
font-size : 1.4em;
height : 600px;
padding : 0 10px 0 200px;
position : relative;
}

	html>body #content {
	height : auto;
	min-height : 600px;
	}
	
	#content p, #content h1, #content ul, #content blockquote {
	line-height : 1.5em;
	margin : 0;
	padding : 0 0 15px;
	}
	
		#content p#info_message {
		background : #445982;
		border : 1px solid #000;
		margin : 15px 0 0;
		padding : 10px;
		color : #fff;
		}
	
		#content ul, #content blockquote {
		margin : 0 30px;
		}
	
		#content h1 {
		font-size : 1.2em;
		}
	
		#content p#trail {
		font-size : .8em;
		padding : 15px 0;
		}
		
		#content p#company-details {
		border-top : 1px solid #aaa;
		color : #aaa;
		font-size : .8em;
		padding-top : 5px;
		}
		
	#content a {
	color : #7F0802;
	}
	
		#content a:hover {
		color : #204388;
		text-decoration : underline;
		}
		
	#content .banking, #content .legal { 
	background-color : #4f6ba1; 
	padding : 8px 20px; 
	margin-left : 20px; 
	color : #ffffff; 
	font-weight : bold;
	}
	
			#content .banking a, #content .legal a { 
			color: #fff; 
			font-weight: bold;
			}
	


/* left links  */

a#left_01, a#left_02, a#left_03 {
left : 7px;
margin : 0;
padding : 0;
position : absolute;
text-indent : -1000em;
}

	a#left_01 {
	height : 75px;
	top : 246px;
	width : 167px;
	}

	a#left_02 {
	height : 75px;
	top : 397px;
	width : 167px;
	}

	a#left_03 {
	height : 108px;
	top : 493px;
	width : 167px;
	}

		

/* footer */

p#footer {
background : url('../graphics/layout/dash.jpg') repeat-x;
color : #A0ACC3;
font-family : Arial;
font-size : 1.1em;
line-height : 1.4em;
margin : 20px 10px 0;
padding : 12px 10px 10px;
}

	p#footer span, p#footer a {
	color : #445983;
	margin : 0 20px 0 0;
	}
	
		p#footer a:hover {
		color : #000;
		text-decoration : underline;
		}
		
		
/* process serving footer */

p#process-footer {
background : url('../graphics/layout/dash.jpg') repeat-x;
color : #A0ACC3;
font-family : Arial;
font-size : 1.1em;
line-height : 1.4em;
margin : 0px 10px 0;
padding : 12px 10px 10px;
}

	p#process-footer span, p#process-footer a {
	color : #445983;
	margin : 0 20px 0 0;
	}
	
		p#process-footer a:hover {
		color : #000;
		text-decoration : underline;
		}		
		


/* spiderlinks */

p#spiders {
background : url('../graphics/layout/dash.jpg') repeat-x;
color : #445984;
font-family : Arial;
font-size : 1.1em;
margin : 0 10px;
padding : 12px 10px 10px;
text-align : right;
}

	p#spiders a {
	color : #445986;
	margin : 0 3px;
	}
	
		p#spiders a:hover {
		color : #000;
		text-decoration : underline;
		}



/* homepage */

#content ul.list {
line-height : 1.5em;
list-style : none;
margin : 0;
padding : 0 0 15px;
}

	#content ul.list li {
	float : left;
	width : 275px;
	}
	
		#content ul.list li p {
		margin : 0;
		padding : 0 15px 15px 0;
		}

		#content ul.list li.title p {
		background : #204389;
		color : #fff;
		font-family : Arial;
		font-weight : bold;
		margin : 0 0 15px;
		padding : 5px 10px;
		}
		

.subpages {
border-top : 1px solid #ccc;
}



/* fixes */

#nav ul, 
#content ul.list {
height : 1%;
}

	html>body #nav ul, 
	html>body #content ul.list {
	height : auto;
	overflow : auto;
	}