/* basic fonts */

/*  
16px = 1em
15px = .9375em
14px = .875em
13px = .8125em
12px = .75em
11px = .6875em <-- Paragraph / LI (default)
10px = .625em
9px = .5625em
8px = .5em

font-size: 0.917em; <- Small text
*/

body {
	margin: 0px auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6875em;
	color: #1c1c1c;
}

h1 {
	font-size: 1.334em;
	margin: 0px;
	padding: .75em 0px;
}
h2 {
	font-size: 1.334em;
	margin: 0px;
	padding: .75em 0px;
}
h3 {
	font-size: 1em;
	margin: 0px;
	padding: .75em 0px;
	color: #01AE4D;
}
h4 {
	font-size: 1em;
	margin: 0px;
	padding: .75em 0px;
}
h5 {
	font-size: 1.167em;
	margin: 0px;
	padding: .75em 0px;
}
h6 {
	font-size: 1.167em;
	margin: 0px;
	padding: .75em 0px;
}

table, tr, td, p, li, label, input, select, textarea  {
	font-size: 1em;
}

p, li {
	margin: 0px;
	padding: 0.5em 0px;
}

a {
	color: #013F5D;
	text-decoration: underline;
}
a:active, a:hover {
	text-decoration: underline;
}

a img {
	border: 0px;
}

/* Basic Layout */

.clear {
	clear: both;
	font-size: 1px;
	line-height: 1px;
}

body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #013F5D;
	text-align: center;
}

#centering {
	width: 770px;
	margin: 30px auto 30px auto;
	text-align: left;
	padding-bottom: 30px; /* Page bottom margin in IE6&7 */
}

#header {
	clear: both;
	float: left;
	width: 770px;
	background-color: #01AE4D;
}

.colmask {
	position: relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear: both;
	float: left;
	width: 770px;				/* width of whole page */
	overflow: hidden;		/* This chops off any overhanging divs */
	background: #89CFBF; /* Right column background color */
	margin: 6px 0px 0px 0px;
	margin-bottom: 30px; /* Page bottom margin in FF */
	
	background-image: url("whitecol_bg.gif");
	background-position: 190px 0px;
	background-repeat: repeat-y;
	
}
.hdrmask {
	position: relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear: both;
	float: left;
	width: 770px;				/* width of whole page */
	overflow: hidden;		/* This chops off any overhanging divs */
	background: #01AE4D; /* Right column background color */
	margin: 6px 0px 0px 0px;
	
	background-image: url("whitecol_bg.gif");
	background-position: 190px 0px;
	background-repeat: repeat-y;
}

	.colmid {
		float: left;
		width: 1540px;
		margin-left: -140px; 	/* Width of right column */
		position: relative;
		right: 770px;
	}


		.leftcolbg {
			float: left;
			width: 100%;
			margin-left: -50%;
			position: relative;
			left: 330px;         	/* Left column width + right column width (IE6) */
			background: #89CFBF;
		}
		
	
			.centrecolwrap {
				float: left;
				width: 50%;
				position: relative;
				right: 190px;        	/* Width of left column IE6 */
				padding-bottom: 0em; 	/* Centre column bottom padding. Leave it out if it's zero */
			}

			
				.centrecol {
					margin: 0px 140px 0px 190px;     	/* Centre column side padding:
																Left padding = left column width + centre column left padding width
																Right padding = right column width + centre column right padding width */
					padding: 0px 5px 0px 5px;
					position: relative;
					left: 200%;
					overflow: hidden;
					/* May need width: 100% for IE7 */
					height: 1%; /* IE6 peek-a-boo fix */
				}
				
			.leftcol { /* IMPORTANT */
				float: left;
				float: right;			/* This overrides the float:left above */
				width: 190px;        	/* Width of left column content (left column width minus left and right padding) */
				position: relative;
				right: 0px;         	/* Width of the left-had side padding on the left column */
				color: #013F5D;
			}

				div.leftnav {
					background: #01AE4D;
					border-bottom: 6px solid #013F5D;
					padding: 16px;
					margin-right: -2px;
				}
				html>body div.leftnav {
					margin-right: 0px;
				}
				
			.rightcol { /* IMPORTANT */
				float: left;
				float: right;			/* This overrides the float:left above */
				width: 140px;    /* 145px */    	/* Width of right column content (right column width minus left and right padding) */
				margin-right: 0px; /* -18px */ 	/* Width of right column right-hand padding + left column left and right padding */
				position: relative;
				left: 50%;
			}

			
			p.topleft {
				text-align: right;
				margin: 0px;
				padding: 0px;
			}
			
			.centrecol img, .leftcol img, .rightcol img {
				vertical-align: bottom;
			}
			
			
			.rightcol p.lang {
				padding: 10px;
				font-weight: bold;
				color: #ffffff;
			}
			
			/* L/H Nav */
			
			.leftnav ul {
				list-style: none;
				border: 1px solid #ffffff;
				border-width: 1px 1px 0px 1px;
				padding: 0px;
				margin: 0px;
				color: #ffffff;
				height: 1%; /* IE6 peek-a-boo fix :( */
			}
				.leftnav li {
					margin: 0px;
					padding: 0px;
					background-color: #013F5D;
				}
			
				.leftnav ul li a {
					display: inline-block;
					width: 100%;
					border-bottom: 1px solid #ffffff;
					color: #ffffff;
					font-weight: bold;
					padding: 6px 6px 6px 6px;
					background-color: #013F5D;
					text-decoration: none;
				}
				.leftnav ul li a:hover {
					text-decoration: underline;
				}
				html>body .leftnav ul li a {
					display: block;
					width: auto;
				}
				
					.leftnav ul li ul {
						border-width: 0px;
					}
				
				.leftnav ul li ul li a {
					border-bottom: 1px solid #ffffff;
					color: #ffffff;
					font-weight: bold;
					padding: 6px 6px 6px 10px;
					background-color: #01AE4D;
				}
				.leftnav ul li ul li ul {
					border-bottom: 1px solid #ffffff;
					background-color: #89CFBF;
				}
				
				.leftnav ul li ul li ul li {
					padding-left: 15px;
					background-color: transparent;
				}
				.leftnav ul li ul li ul li a {
					position: relative;
					top: -1px;
					border-top: 1px solid #ffffff;
					border-bottom: 0px;
					color: #555989;
					font-weight: bold;
					padding: 6px 6px 6px 0px;
					background-color: #89CFBF;
					
				}
				
				/* Support left-hand inner */
				
						.leftnav ul li ul.support {
							border-width: 0px;
						}

					.leftnav ul li ul.support li a {
						border-bottom: 1px solid #ffffff;
						color: #013F5D;
						font-weight: bold;
						padding: 6px 6px 6px 10px;
						background-color: #90B0C7;
					}
					.leftnav ul li ul.support li ul {
						border-bottom: 1px solid #ffffff;
						background-color: #90B0C7;
					}

					.leftnav ul li ul.support li ul li {
						padding-left: 15px;
						background-color: transparent;
					}
					.leftnav ul li ul.support li ul li a {
						position: relative;
						top: -1px;
						border-top: 1px solid #ffffff;
						border-bottom: 0px;
						color: #013F5D;
						font-weight: normal;
						padding: 6px 6px 6px 0px;
						background-color: #90B0C7;
					}
				/* Services left-hand inner */
				
					.leftnav ul li ul.services {
						border-width: 0px;
					}
				
				.leftnav ul li ul.services li a {
					border-bottom: 1px solid #ffffff;
					color: #013F5D;
					font-weight: bold;
					padding: 6px 6px 6px 10px;
					background-color: #8CCF9A;
				}
				
				
				.leftnav ul li ul.services li ul {
					border-bottom: 1px solid #ffffff;
					background-color: #8CCF9A;
				}			
				.leftnav ul li ul.services li ul li {
					padding-left: 15px;
					background-color: transparent;
				}
				.leftnav ul li ul.services li ul li a {
					position: relative;
					top: -1px;
					border-top: 1px solid #ffffff;
					border-bottom: 0px;
					color: #013F5D;
					font-weight: normal;
					padding: 6px 6px 6px 0px;
					background-color: #8CCF9A;
				}
				
				
				/* Content area placeholders */
				
				p#breadcrumb {
					padding: 6px 6px 6px 12px;
					border-bottom: 15px solid #013F5D;
				}
				img#largeimage {
					width: 430px;
					vertical-align: bottom;
					border-bottom: 6px solid #013F5D;
				}
				.subtitle {
					color: #89CFBF;
					font-size: 1.45em;
					padding: 12px;
					background-color: #013F5D;
					border-bottom: 6px solid #013F5D;
				}
				
				div#hpnews, div#hpfocus {
					width: 190px;
					margin: 15px 8px 15px 8px;
					float: left;
					border: 1px solid #013F5D;
					height: 1%; /* IE6 peek-a-boo fix */
				}
				html>body div#hpnews, html>body div#hpfocus {
					margin: 12px 10px 12px 12px;
				}
				
					div#hpnews h1, div#hpfocus h1 {
						background-color: #01AE4D;
						color: #ffffff;
						font-size: 1.7em;
						padding: 6px 10px;
					}
					div#hpnews p, div#hpfocus p, div#hpfocus h2 {
						padding: 10px 10px;
					}
					div#hpfocus p img {
						width: 166px;
						border: 1px solid #013F5D;
					}
					html>body div#hpfocus p img {
						width: 168px;
					}
					
				table.onecol {
					float: left;
				}
				
				td.indexlist, td.indexlistblue {
					width: 190px;
					padding: 10px;
				}
					td.indexlist img, td.indexlistblue img {
						float: left;
						display: block;
						margin-right: 6px;
						border: 1px solid #013F5D;
						width: 65px;
					}
					td.indexlist h2, td.indexlistblue h2 {
						color: #01AE4D;
						margin-top: 0px;
						padding-top: 0px;
						font-size: 1em;
					}
					html>body td.indexlist h2, html>body td.indexlistblue h2 {
						font-size: 1em;
					}
					
					td.indexlist h2 a {
						color: #01AE4D;
					}
					td.indexlistblue h2 a {
						color #013F5D;
					}
					td.indexlist p, td.indexlistblue p {
						font-size: 1em;
					}
					html>body td.indexlist p, html>body td.indexlistblue p {
						font-size: 1em;
					}
				
				div.textsidebar {
					float: right;
					width: 159px;
					padding: 6px;
					margin-left: 12px;
					background-color: #B7E0D7;
				}
				html>body div.textsidebar {
					width: 147px;
				}
				div.imgsidebar {
					float: right;
					width: 159px;
					margin-left: 12px;
				}
				
				
				div#footer {
					padding: 12px 12px 6px 12px;
					margin-top: 10px;
				}
				div#footer p {
					border-top: 1px solid #01AE4D;
					font-size: 0.9em;
				}
				
				
				/* Right column styles */
				
				p.langs {
					color: #ffffff;
					padding-top: 24px;
					margin-bottom: 0px;
					padding-bottom: 0px;
					font-size: 0.9em;
					text-align: center;
				}
				ul.langs {
					list-style: none;
					margin: 0px;
					padding: 5px;
				}
					ul.langs li {
						float: left;
						color: #ffffff;
						text-align: center;
						width: 43px;
						font-size: 0.9em;
					}
						ul.langs li a {
							color: #ffffff;
						}
				
				
				form#search {
					padding: 10px 0px 10px 10px;
					margin: 0px;
					border-bottom: 6px solid #013F5D;
				}
					form#search label {
						color: #013F5D;
						font-weight: bold;
					}
					input#searchquery {
						width: 90px;
						border: 1px solid #013F5D;
					}
					input#gobut {
						float: right;
					}
				
				div#rhfunctions {
					color: #013F5D;
					padding: 10px 0px 10px 10px;
					border-bottom: 6px solid #013F5D;
				}
					div#rhfunctions {
						margin: 0px;
						padding: 10px;
					}
					div#rhfunctions img {
						vertical-align: -40%;
					}
					div#rhfunctions a {
						text-decoration: none;
					}
					div#rhfunctions a:hover {
						text-decoration: underline;
					}
				
				p#textsize {
					padding: 0px;
					vertical-align: bottom;
					font-weight: bold;
				}
					p#textsize a {
						text-decoration: underline;
					}
					
				div#newsletter {
					width: 119px;
					margin: 10px 0px 10px 5px;
					float: left;
					border: 2px solid #013F5D;
					background-color: #ffffff;
					height: 1%; /* IE6 peek-a-boo fix */
				}
				html>body div#newsletter {
					margin: 10px;
					width: 115px;
				}

					div#newsletter h1 {
						background-color: #01AE4D;
						color: #ffffff;
						font-size: 1.1em;
						/* padding: 6px; */
						
					}
					html>body div#newsletter h1 {
						/* padding: 6px; */
					}
					div#newsletter h1 a {
						background-color: #01AE4D;
						color: #ffffff;
						padding: 6px;
						text-decoration: none;
						line-height: 1em;
						display: block;
						
					}
					html>body div#newsletter h1 a {
						padding: 6px;
						display: block;
					}
					
					div#newsletter p a{
						padding: 6px 0px 6px 6px;
						margin: 0px;
						color: #01AE4D;
						display: block;
					}
					div#newsletter form {
						padding: 6px 0px 6px 6px;
						margin: 0px;
					}
					html>body div#newsletter form {
						padding-right: 6px;
					}
					div#newsletter form input#mailemail {
						width: 76px;
						border: 1px solid #013F5D;
					}
					html>body div#newsletter form input#mailemail {
						width: 73px;
					}
					div#newsletter form input#mailsubmit {
						float: right;
						padding: 0px;
						margin: 0px;
					}
					
				
				
				/* Left column styles */
				
				div#quickfind {
					padding: 6px;
				}
					div#quickfind p {
						font-weight: bold;
					}
					form#quickfind {
						padding: 0px;
					}
						select#findlist {
							width: 145px;
							border: 1px solid #013F5D;
						}
						input#findbut {
							float: right;
						}

#process_summary_form table{
	margin: 0;
	border: 0;
	padding: 0;
}
#process_summary_form table td{
	margin: 0;
	border-right: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	background: #DDDDDD;
	padding: 10px;
}