/*   Elements   */

body
{
	padding: 0;
	margin: 0;
	background: #ffffff;
	font-family: Arial, sans-serif;
}

a
{
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a img
{
	border: none;
}

.image-lft
{
	float: left;
	padding: 0 10px 10px 0;
}

.bggrey
{
	width: 498px !important;
	background: #f0f0f0;
}

.right-images
{
	margin: 20px 0 20px 0;
}
	
	.right-images img
	{
		margin: 0 0 5px 0;
	}


#container
{
	width: 775px;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -388px;
}



/*   Tools   */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE-mac */





/*   Header   */

#container #header
{
	background: #666666;
}

	#container #header .logo-row
	{
		background: #000099;
		border-bottom: 2px solid #3B6097;
	}

	#container #header .logo
	{
		float: left;
	}

	#container #header .logo-metoffice
	{
		float: right;
		color: #ffffff;
		font-size: 11px;
		vertical-align: bottom;
		padding: 14px 20px 0 0;
		text-align: right;
	}


	#container #header ul
	{
		padding: 0 0 0 122px;
		margin: 0;
		list-style: none;
		font-family: Trebuchet, Trebuchet MS, sans-serif;
		background: url(/images/top_shop_right.gif) no-repeat right 10px;
	}


		#container #header ul li
		{
			display: inline;
		}

		
		#container #header ul li a
		{
			float: left;
			display: block;
			font-size: 11px;
			padding: 3px 15px 4px 15px !important;
			color: #ffffff;
		}

		#container #header ul li.hi a
		{
			text-decoration: underline;
		}

/*   body   */

#body
{
	background: url(/images/bg_body.gif);
}

	#body #col-left
	{
		float: left;
		width: 120px;
	}

		#body #col-left
		{
			background: url(/images/bg_submenu_top.gif) no-repeat;
			margin-top: -14px;
			padding-top: 14px;
		}

			#body .sub-menu
			{
				padding-top: 20px;
				background: #B4D5E8;
				margin-bottom: 30px;
				font-family: Trebuchet, Trebuchet MS, sans-serif;
			}

				#body .sub-menu strong a
				{
					display: block;
					background: #6095C1;
					color: ffffff;
					font-size: 11px;
					color: #ffffff;
					border-bottom: 1px solid #ffffff;
					padding: 2px 25px 2px 25px;
					margin: 0 0 14px 0;
					text-decoration: none;
				}
	
	
				#body .sub-menu strong a:hover
				{
					color: #6095C1;
					background: #ffffff;
				}

				#body .sub-menu strong a.hi
				{
					background: #000099;
				}

				#body .sub-menu ul
				{
					list-style: none;
					margin: 0;
					padding: 0 0 10px 0;
					background: url(/images/bg_submenu_bottom.gif) bottom left no-repeat;
				}
		

					#body .sub-menu ul ul
					{
						list-style: none;
						margin: 0;
						padding: 0;
						background: none;
					}

					#body .sub-menu ul li
					{
						display: inline;
					}
	
				#body .sub-menu ul a
				{
					display: block;
					font-size: 11px;
					padding: 2px 5px 2px 25px;
					margin: 0 0 4px 0;
					background: #97C0DC;
					color: #000099;
				}
	
				#body .sub-menu ul a:hover,
				#body .sub-menu li.hi a,
					#body .sub-menu li.hi ul li.hi a,
					#body .sub-menu li.hi ul a:hover
				{
					color: #ffffff;
					background: #000099;
					text-decoration: none;
				}

					#body .sub-menu li.hi ul a
					{
						display: block;
						font-size: 11px;
						padding: 2px 5px 2px 35px;
						margin: 0 0 4px 0;
						background: #E0F2F2;
						color: #000099;
					}
		
				#body .sub-menu form
				{
					margin: 0 !important;
					padding: 0 10px 15px 10px;
					background: url(/images/services_bottom.gif) bottom left no-repeat;
				}

				#body .sub-menu form input
				{
					width: 100px;
					font-size: 11px;
				}

				#body .sub-menu form label
				{
					width: auto !important;
				}

				#body .sub-menu form input#sm_submit
				{
					margin: 10px 0 10px 0;
					border: 1px solid #fff;
					background: #97C0DC;
					color: #fff;
					font-weight: bold;
				}		

				#body .sub-menu form a
				{
					color: #7D7B7C;
					font-size: 11px;
				}		

		#body #col-left .advert
		{
			margin-bottom: 30px;
		}

	#body #col-middle
	{
		padding: 0;
		margin: 0 0 0 7px;
		float: left;
		width: 521px;
	}

	#body #col-middle h1,
	#body #col-middle h2,
	#body #col-middle h3,
	#body #col-middle h4,
	#body #col-middle h6,
	#body #col-middle h5
	{
		font-family: Trebuchet, Trebuchet MS;		
	}


		#body #col-middle .row-top
		{
			background: #F0F0F0;
			width: 521px;
		}
		
		#body #col-middle .bgwhite
		{
			background: #ffffff !important;
		}

			#body #col-middle .row-top .image
			{
				float: left;
				padding: 19px 6px 10px 6px;
			}

			#body #col-middle .row-top .padding-no-top
			{
				padding-top: 0 !important;
			}

			* html #body #col-middle .row-top .padding-no-top
			{
				padding-top: 10;
			}

			#body #col-middle .row-top .padding-no-bottom
			{
				padding-bottom: 0 !important;
			}

			#body #col-middle .row-top .copy
			{
				float: left;
				padding: 19px 0 10px 12px;
				width: 290px;
			}

				#body #col-middle .row-top .copy h1
				{
					font-size: 12px;
					color: #000099;
					margin: 0;
					padding: 0 0 5px 0;
				}

				#body #col-middle .row-top .copy .rte
				{
					font-size: 11px;
					color: #7D7B7C;
					margin: 0;
					padding: 0 0 5px 0;
				}

		#body #col-middle .copy-content
		{
			font-size: 12px;
			padding: 7px;
		}

			#body #col-middle .copy-content h2
			{
				font-size: 12px;
				color: #000099;
				margin: 0;
				padding: 0 0 3px 0;
			}

			#body #col-middle .copy-content h3
			{
				font-size: 11px;
				color: #000099;
				margin: 0;
				padding: 0 0 3px 0;
			}

			#body #col-middle .copy-content .rte
			{
				font-size: 11px;
				color: #7D7B7C;
			}


		#body #col-middle table
		{
			clear: both;
			width: 100%;
			border-collapse: collapse;
			margin: 10px 0 10px 0;
		}

		#body #col-middle table th
		{
			border-collapse: collapse;
			border-bottom: 1px solid #ffffff;
			border-right: 1px solid #ffffff;
			color: #ffffff;
			font-size: 12px;
			background: #000099;
			padding: 2px 10px 2px 20px;
			text-align:left;
		}

		#body #col-middle table td
		{
			font-size: 11px;
			border-bottom: 1px solid #F0F8FA;
			border-right: 1px solid #CDE6ED;
			padding: 2px 10px 2px 20px;
			color: #000099;
			background: #E0F2F2;
		}


	#body #col-right
	{
		float: right;
		width: 120px;
		margin-top: -14px;
		padding-top: 14px;
	}

		#body #col-right .advert
		{
			margin-bottom: 5px;
		}
	
#footer
{
	width: 775px;
	margin-top: 5px;
	background: #B4D5E8;
	padding: 4px 25px 4px 25px;
	color: #8EB0CB;
	font-size: 10px;
}


/*\*/
#footer
{
	width: auto;
}
/**/

	#footer a
	{
		font-weight: bold;
		color: #8EB0CB;
	}



form
{
	clear: both;
	padding: 10px 0 20px 0;
}

	form span,
	form label
	{
		display: block;
		width: 120px;
		float: left;
		padding-bottom: 3px;
		font-size: 11px;
		color: #7D7B7C;
	}

	form span input,
	form span select
	{
		width: 120px;
		border: 1px solid #7D7B7C;
	}
	
div.checkbox div
{
	float: left;
}

div.checkbox label
{
	float: left; 
	width: auto; 
	padding-top: 3px;
}