body {
	background-color:#979797;
	background-image:url(../images/header.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

/*	-------------------------------------------
	CSS: USER INTERFACE
	----------------------------------------- */

#container {
	display:block;
	width:980px;
	margin:0 auto;
	margin-top:55px;
	background-image:url(../images/background.jpg);
	background-position:0 0;
	background-repeat:repeat-y;
	text-align:center;
}

	#ui {
		display:block;
		width:950px;
		margin:0 auto;
		text-align:left;	
	}
	
/*	-------------------------------------------
	CSS: HEADER
	----------------------------------------- */
	
		#header {
			display:block;
			width:950px;
			height:100px;
			background:#fff;	
		}
			#logo {
				display:block;
				width:950px;
				height:60px;
				text-align:center;
			}
			#logo a img { border:0; }
			
			#page_info {
				display:block;
				width:950px;
				height:40px;
			}
				.breadcrumbs {
					display:block;
					width:670px;
					height:10px;
					padding:15px;
					float:left;
					font-size:11px;
					line-height:15px;
					color:#9e9e9e;				
				}
				.breadcrumbs span.sIIR,
				.breadcrumbs a {
					font-size:11px;
					line-height:15px;
					color:#9e9e9e;
				}
				.breadcrumbs a:hover {
					color:#1987d4;
				}
				.search {
					display:block;
					width:180px;
					height:20px;
					padding:10px;
					float:right;
				}
				.search form.search_module input.text {
					display:block;
					float:left;
					margin:0;
					margin-right:3px;
					padding:1px;
					width:150px;
					height:17px;
					border:1px solid #747474;
					color:#747474;
				}
				.search form.search_module input.search {
					display:block;
					float:left;
					border:0;
					margin:0;
					width:21px;
					height:21px;
					background-image:url(../images/btn-search.jpg);
					background-repeat:no-repeat;
					background-position:0 0;
				}


/*	-------------------------------------------
	CSS: MAIN MENU
	----------------------------------------- */

	#navigation {
		display:block;
		width:950px;
		height:50px;
		background-image:url(../images/bg_nav.jpg);
		background-position:0 0;
		background-repeat:repeat-x;
		text-align:center;
	}
		/* Dynamic Menu */
		#menu {
			display:block;
			z-index:11;
			margin:0 auto;
			width:752px;
			height:50px;
			background-image:url(../images/bg_menu_a_left.jpg);
			background-position:top right;
			background-repeat:no-repeat;
		}
			#menu ul {
					display:block;
					padding:0;
					margin:0;
			}
			#menu ul li {
					display:block;
					float:left;
					padding:0;
					margin:0;
					list-style:none;
					list-style-image:none;
			}
			#menu ul li a {
					display:block;
					height:25px;
					width:125px;
					padding-top:25px;
					background-image:url(../images/bg_menu_a_left.jpg);
					background-position:0 right;
					background-repeat:no-repeat;
					/* Custom font */
					color:#fff;
			}
					#menu ul li a:hover,
					#menu ul li a.current_buttonID {
						color:#fff;
						background-image:url(../images/bg_menu_a_hover.jpg);
						background-position:0 0;
						background-repeat:no-repeat;
						text-decoration:none;
	
					}
						/* Submenu styles */
						#menu ul ul {
							display:none;
							position:absolute;
							z-index:100;
							width:125px;
							padding:0;
							margin:0;
							border-left:1px solid #fff;
							border-right:1px solid #fff;
							border-bottom:1px solid #fff;
						}
						#menu ul ul li {
							float:none;
						}
						#menu ul ul li a {
							display:block;
							height:20px;
							width:105px;
							background:#1589d5;
							padding-top:3px;
							padding-left:10px;
							padding-right:10px;
							padding-bottom:3px;
							/* Custom font */
							color:#fff;
						}
							#menu ul ul li a:hover,
							#menu ul ul li a.current_buttonID {
								color:#1589d5;
								background:#E4E4E6;
								background-image:none;
							}

	
	
	
	


/*	-------------------------------------------
	CSS: LAYOUT/ CMS CONTENT
	----------------------------------------- */

	#layout {
		display:block;
		width:950px;
	}
		#left {
			display:block;
			width:170px;
			padding:40px 15px;
			float:left;
		}

			#seo_title {
				display:block;
				height:29px;
			}
			#seo_title h1 {
				margin:0;
				padding-top:5px;
				/* Custom font */
				line-height:23px;
				font-family:Myriad Pro;
				font-weight:bold;
				font-size:21px;
				text-transform:normal;
				text-decoration:none;
			}
		
		#middle {
			display:block;
			width:510px;
			padding:40px 20px;
			float:left;
		}
		#right {
			display:block;
			width:180px;
			padding:40px 10px;
			float:left;
		}











/*	-------------------------------------------
	CSS: FOOTER
	----------------------------------------- */
			
	#footer {
		display:block;
		width:950px;
		height:35px;
		background:#1987d4;
		background-image:url(../images/bg_footer.jpg);
		background-position:0 0;
		background-repeat:repeat-x;
		text-align:center;
	}
		#menu_bottom {
			display:block;
			width:350px;
			height:25px;
			margin:0 auto;
			padding-top:8px;
		}
			#menu_bottom ul {
					display:block;
					padding:0;
					margin:0;
			}
			#menu_bottom ul li {
					display:block;
					float:left;
					padding:0;
					margin:0;
					list-style:none;
			}
			#menu_bottom ul li a {
					display:block;
					padding-right:15px;
					color:#3ab7e2;
					font-size:12px;
			}
					#menu_bottom ul li a:hover,
					#menu_bottom ul li a.current_buttonID {
						color:#fff;
						text-decoration:none;
					}
			/* Submenu styles */
			#menu_bottom ul ul {
				display:none;
			}
			
			





/*	-------------------------------------------
	CONTENT TEMPLATES
	CSS: ARTICLE DIV
	----------------------------------------- */

	#left .article,
	#middle .article,
	#right .article { 
		display:block;
		padding-bottom:10px;
	}
	#left .article.with_line {
		border-bottom:1px solid #1798c6;
		margin-bottom:5px;
	}
	#right .article.colour {
		display:block;
		width:180px;
		float:left;
		padding:0; /* 10px; */
		margin-top:0;
		margin-right:10px;
		margin-bottom:10px;
		margin-left:0;
		text-align:center;
	}
	.blue { background:#07a9e7 url(../images/bg_colours_bottom.png) left bottom no-repeat; }
	.white { background:#ffffff url(../images/bg_colours_bottom.png) left bottom no-repeat; }

	/* because not supported by ie8 */
	div.article_colours_top { display:block; padding:10px 15px 10px 15px; background:url(../images/bg_colours_top.png) top left no-repeat; }


/*	-------------------------------------------
	CSS: TITLE DIV
	----------------------------------------- */

	#left .article .title,
	#middle .article .title,
	#right .article .title {
		display:block;
	}
		#left .article .title h2 {
			padding-top:5px;
			padding-bottom:0;
			font-weight:normal;
			/* Custom font */
			color:#fff;
			line-height:21px;
			font-family:Myriad Pro;
			font-weight:bold;
			font-size:17px;
			text-transform:normal;
			text-decoration:none;
		}
		#middle .article .title h2 {
			padding-top:10px;
			padding-bottom:5px;
			font-weight:normal;
			/* Custom font */
			color:#4390C3;
			line-height:23px;
			font-family:Myriad Pro;
			font-weight:bold;
			font-size:21px;
			text-transform:normal;
			text-decoration:none;
		}
		#right .blue .title h2 {
			padding:5px;
			padding-bottom:0;
			margin:0;
			/* Custom font */
			line-height:100%;
			color:#fff;
			line-height:30px;
			font-family:Myriad Pro;
			font-weight:bold;
			font-size:28px;
			text-transform:normal;
			text-decoration:none;
		}
		#right .white .title h2 {
			padding:5px;
			padding-bottom:0;
			margin:0;
			/* Custom font */
			line-height:100%;
			color:#07a9e7;
			line-height:30px;
			font-family:Myriad Pro;
			font-weight:bold;
			font-size:28px;
			text-transform:normal;
			text-decoration:none;
		}

/*	-------------------------------------------
	CSS: CONTENT DIV
	----------------------------------------- */

	#left .article .content,
	#middle .article .content,
	#right .article .content {
		display:block;
	}
	#left .article .content { 
		font-size:11px;
		color:#fff;
	}
	#left .article .content strong,
	#left .article .content b {
		color:#fff;
		font-weight:bold;
	}
	#left .article .content a {
		color:#fff;
		font-weight:normal;
	}
	#left .article .content a:hover {
		text-decoration:underline;
	}
	#right .article.white .content  { 
		font-size:12px;
		color:#07a9e7;
	}
	#right .article.blue .content  { 
		font-size:12px;
		color:#fff;
	}
		#right .article.white .content h1,
		#right .article.white .content h2 {
			padding:5px;
			padding-bottom:0;
			margin:0;
			/* Custom font */
			line-height:100%;
			color:#07a9e7;
			line-height:30px;
			font-family:Myriad Pro;
			font-weight:bold;
			font-size:28px;
			text-transform:normal;
			text-decoration:none;
		}
		#right .article.blue .content h1,
		#right .article.blue .content h2 {
			padding:5px;
			padding-bottom:0;
			margin:0;
			/* Custom font */
			line-height:100%;
			color:#fff;
			line-height:30px;
			font-family:Myriad Pro;
			font-weight:bold;
			font-size:28px;
			text-transform:normal;
			text-decoration:none;
		}

/*	-------------------------------------------
	CMS MODULES
	CSS: NEWS ARTICLES
	----------------------------------------- */

/* Listing */	
div.module_contents div.news_module div.listing { display:block; padding-bottom:20px; }
div.module_contents div.news_module div.listing div.article { display:block; border-bottom:1px solid #d4d5d7; margin:0; padding-bottom:10px !important; }

/* Detail page */
div.module_contents div.news_module div.detail { display:block; padding-bottom:20px !important; }
div.module_contents div.news_module div.detail div.article div.content { display:block; margin:0; padding-bottom:10px; }
div.module_contents div.news_module div.detail div.article div.content div.news_article .intro { color:#606968; }
div.module_contents div.news_module div.detail div.article div.content div.news_article div.news_body { padding-top:10px; }
div.module_contents div.news_module div.detail div.article { border-bottom:1px solid #d4d5d7; padding-bottom:10px; }



/*	-------------------------------------------
	CSS: PLUGINS
	----------------------------------------- */				

/* Overlay */
#modalOverlay {background-color:#000; cursor:wait;}

/* Container */
#modalContainer {height:400px; width:600px; left:50%; top:50%; margin-left:-300px; background-color:#fff; border:3px solid #fff;}
#modalContainer a.modalCloseImg {background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}
#modalContainer #basicModalContent {padding:8px;}