@charset "utf-8";
/* CSS Document */

*, html, body {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

html, body {
	height: 100%;
}


body {
	text-align: center;
}

#leftBG {
	width: 100%;
	height: 960px;
	background: url(/images/bodybg-left.jpg) no-repeat;
}

body#further #leftBG {
	background: url(/images/further-bodybg-left.jpg) no-repeat;
}


#container {
	width: 1051px;
	margin: 0 auto;
	text-align: left;
	height: 100%;
}

		#containerBG {
			background: url(../images/bg-circles.jpg) no-repeat;
			width: 1051px;
			float: left;
			min-height: 888px;
		}
		
		body#further #containerBG {
			background: url(../images/further-circles.jpg) no-repeat;
			width: 1051px;
			float: left;
			min-height: 888px;
		}
		
				#header {	
					width: 1051px;
					height: 120px;
					float: left;
					background: url(../images/header.jpg) no-repeat;
				}
				
						#headerSearch {
							float: right;
							width: 360px;
							text-align: right;
							height: 80px;
							margin: 0 35px 0 0;
							padding: 20px;
							position: relative;
						}
						
								#headerSearch p {
									margin-bottom: 10px;
									height: 18px;
								}
				
				#navigation {
					width: 191px;
					min-height: 600px;
					float: left;
					margin: 0 6px 10px 40px;
				}
				
						* html #navigation {
							height: 600px;
							margin: 0 6px 10px 20px;
						}
				
				#defaultFlash {
					width: 780px;
					height: 227px;
					float: left;
				}
				
				#defaultContent {
					width: 481px;
					height: 304px;
					float: left;
					padding: 10px 10px 10px 10px;
					background: url(../images/defaultWelcome.jpg) no-repeat 10px 0px;
				}
				
						#defaultContent p, #furtherContent p {
							margin-bottom: 10px;
						}
						
						#defaultContent ul, #furtherContent ul {
							margin-left: 15px;
						}
						
						#defaultContent li, #furtherContent li {
							list-style: disc;
						}
						
						#breadcrumb {
							font-weight: bold;
							margin: 0 0 10px 0;
							font-size: 10px;
							font-family: Tahoma, sans-serif;
						}
				
						#defaultContent p#firstPara, #furtherContent p#firstPara {
							color: #005d99;
						}
						
				#furtherContent {	
					width: 738px;
					min-height: 304px;
					float: left;
					padding: 10px 10px 10px 10px;
					background: url(../images/defaultWelcome.jpg) no-repeat 10px 0px;
					
				}
				#furtherContent2 {	
					width: 775px;
					min-height: 304px;
					float: left;
					padding: 40px 0 10px 10px;
					background: url(../images/defaultWelcome2.jpg) no-repeat 10px 0px;
					
				}
				
				#defaultRightCol {	
					width: 267px;
					height: 370px;
					float: left;
				}
				
						#latestNews {
							width: 132px;
							height: 131px;
							float: left;
							background: url(../images/latest-news-bg.jpg) no-repeat;
							margin: 6px 0 0 18px;
							padding: 50px 115px 0 14px;
							position: relative;
						}
						
								#latestNews .latestNewsImage {
									position: absolute;
									top: 50px;
									right: 10px;
								}
								 #latestNewsMoreButton {
									position: absolute;
									bottom: 10px;
									right: 10px;
								}
								
						
								* html #latestNews {
									margin: 6px 0 0 9px;
								}
						
						#featProd {
							width: 245px;
							height: 132px;
							float: left;
							background: url(../images/feat-prod.jpg) no-repeat;
							margin: 0 0 0 18px;
							padding: 50px 0 0 16px;
							position: relative;
						}
						
								* html #featProd {
									margin: 0 0 0 9px;
								}
						
								#featProd img[src="/images/moreButton.png"]{
									position: absolute;
									bottom: 10px;
									right: 10px
								}
						
				#footer {
					width: 849px;
					height: 154px;
					float: left;
					background: url(../images/footer-BG.jpg) no-repeat;
					padding: 15px 0 0 130px;
				}
				

				body#home #footer {
					margin: -10px 0 0 40px;
				}
				
						* html body#home #footer {
							margin: -10px 0 0 20px;
						}	
				
				body#further #footer {
					background: url(../images/further-footer.jpg) no-repeat;
					margin: 0 0 0 40px;
				}
				
						#footer ul {
							float: left;
							width: 200px;
							margin: 0 85px 0 0;
						}
						
						#footer ul#lastFooterUL {
							margin: 0;
						}
						
				#copyright {
					width: 100%;
					min-height: 50px;
					font-size: 10px;
					color: #005d99;
					text-align: center;
					position: relative;
					margin: 10px 0;
					float: left;
				}
				
						#w3c {
							position: absolute;
							bottom: 20px;
							right: 50px;
						}