/*
Colours:
	color: #01b4c4; - turquiose blue - ability northants color
	color: #027a85; - turquise dark - for links
	color: #; - 
	color: #; - 
	color: #; - 
*/

/*
NOTES
3 styles max for single line.
*/


/***** DEFAULTS *****/

#QA_site {
	position: fixed;
	top: 5px;
	left: 0px;
	display: block;
	width: 100%;
	z-index: 100;
	height: 20px;
	background-color: #FFFF00;
	color: #000000;
	text-align: center;
	font-size: 1em;
	padding: 5px 0 0 0;
	border-bottom: #000 1px solid;
	border-top: #000 1px solid;
	filter: alpha(opacity=60);
	-moz-opacity: .60;
	opacity: .60;
	cursor: pointer;
}

html {min-height: 101%;}

body {
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%  ;
	height: 100%;
	width: 100%;
	z-index: 0;
	background: url(../assets/images/page/bkgd_body_rpt.gif) repeat-x;
}

a:link {color: #027a85;	text-decoration: underline;	outline: none; }
a:visited {color: #027a85; text-decoration: underline; outline: none; }
a:hover {color: #000; text-decoration: underline;	outline: none; }
a:active {color: #000; text-decoration: underline; outline: none; }

h1, h2, h3, h4 {
	color: #000;
	font-size: 2.0em;
	margin: 0 0 4px 0;
	padding: 0;
}

h1 { font-size:3.8em; font-weight:normal; color:#01b4c4; padding-bottom:8px; padding-top:0px; }
h2 { font-size:2.0em; color:#01b4c4; padding:14px 0px 10px 0px;  }
h3 { font-size:1.8em; padding:6px 0px 10px 0px; }
h4 { font-size:1.2em; }
h5 { font-size:1.1em; padding:0px; margin:0px; }


p, p.small {
	color: #000;
	font-size: 1.8em;
	line-height:1.4em;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0;	
}
p.small {font-size: 1.0em; margin: 0 0 6px 0;}
p span {color:#666666;}
#column02 ul li { font-size: 1.8em;  }

#sidenav ul li a:link, #sidenav ul li a:visited, #sidenav ul li a:active {
			float: left; 
			display: inline;
			width: 245px;
			height:28px;
			font-size: 1.6em;
			font-weight: normal;
			margin: 0;
			padding: 8px 0 0 15px;
			text-decoration: none;
			background: url(../assets/images/page/sidemenu.gif) no-repeat left center;
}
div.byline { 
	float: left;
	display: inline;
	width: 360px;
	margin: 0 0 10px 0;
	padding: 0;
	font-size:1.5em;
	color:#01b4c4;
	font-weight:bold;
}
div.side_panel_title_01 a:link, div.side_panel_title_01 a:active, div.side_panel_title_01 a, div.side_panel_title_01 a:visited,
div.side_panel_title_02 a:link, div.side_panel_title_02 a:active, div.side_panel_title_02 a, div.side_panel_title_02 a:visited,
div.side_panel_title_03 a:link, div.side_panel_title_03 a:active, div.side_panel_title_03 a, div.side_panel_title_03 a:visited,
div.side_panel_title_04 a:link, div.side_panel_title_04 a:active, div.side_panel_title_04 a, div.side_panel_title_04 a:visited
{ height:24px; color:#FFFFFF; font-size:1.6em;  }
.side_panel_01_middle a:link, .side_panel_01_middle a:visited, .side_panel_01_middle a:active { display:inline-block; width:232px;  font-size:1.5em; text-decoration:none; font-weight:bold; padding:8px 0px 0px 16px; }
.side_panel_readmore a { color:#027a85; padding:9px 0px 0px 18px; }
.side_panel_readmore a:hover { color:#000; }
fieldset#form_builder {
	margin:10px 0 0 0;
	padding:0;
	border:none;
	font-size:1.5em;
	color:#666;
	background:url(../assets/images/page/news_back.gif) no-repeat; width:655px;
	padding-top:20px;
	padding-left:20px;
}
#form_builder legend {
	font-size:1.5em;
	padding:5px 10px 5px 10px;
	margin-left:0px;
	color:#01b4c4;
	font-weight:bold;
	
}
#form_builder .title {
	font-size:1.5em;
	padding:5px 10px 5px 10px;
	margin-left:0px;
	color:#01b4c4;
	font-weight:bold;
	display:block;
}
div.template_item, 
	div.template_item_Alt, 
	div.template_row, 
	div.template_division, 
	#pagination {
		float: left;
		display: inline;
		margin: 0;
		padding: 0;
		width: 680px;
		font-size:1.2em;
	}
#menu ul li {
	float: left;
	margin:0;
	padding: 0;
	font-size:1.1em;
	list-style-type: none;	
}

#menu ul li a {
	float: left;
	display: inline-block;
	height: 20px;
	margin:  0 0 0 2px;
	padding: 0;
				float: left;
				position: relative;
				height: 31px;
				line-height: 30px;
				color: #fff;
				text-align: center;
				margin: 0 0px; 
				padding: 3px 5px;
				text-decoration: none;
				background:url(../assets/images/page/back_menu_li.gif) ;
				
}
.directory_table { border-bottom:1px solid #c7c7c7; border-right:1px solid #c7c7c7; font-size:1.5em; margin-bottom:20px; }

#container { font-size:1.5em; }
/*div.results_row_long p { display:inline-block; width:290px; font-size:1.3em; }*/
#sitemap ul li a:link, #sitemap ul li a:visited,#sitemap ul li a:active {
			float: left; 
			width: 620px;
			text-align: left;
			font-size: 1.8em;
			text-decoration: none;
			color: #027a85;
			margin: 0; 
			padding: 7px 0 7px 10px;
			margin:0px 0px 2px 0px;
			background:url(../assets/images/sitemap.gif);
			font-weight:bold;
		}
		#sitemap ul li ul li a:link, #sitemap ul li ul li a:visited, #sitemap ul li ul li a:active {
			float: left;
			display: block;
			width: 300px;
			font-size: 1.7em;
			margin: 0 0 1px 0;
			padding: 5px 0 5px 10px;
			text-decoration: none;
			background:url(../assets/images/sitemap2.gif);
			font-weight:normal;
			color: #027a85;
		}
/* ------------------------ end of new font sizes ------------------------- */










	
h2.child a { font-size:1.2em; color:#01b4c4; font-weight: normal; text-decoration:none; }


		h2.category {
			float: left;
			display: inline;
			width: 655px;
			border-bottom: 1px solid #cccccc;
		}


	


	
ul { margin: 10px; padding: 0; padding-top:15px; padding-bottom:5px; }
	ul li { margin: 0 0 0 17px; padding: 0; padding-bottom:10px; }

ol {margin: 10px; padding: 0; list-style: decimal inside;}
	ol li {padding: 0;}

form, input {margin: 0px; padding: 0px;}
	img {border: none;}

textarea {font-family: Arial, Helvetica, sans-serif;}

hr {height: 1px; color: #333333; border-top: 1px #666 solid;}

.hidden {display:none;}


/***** STRUCTURE *****/

/* Centred Structure */

/*#main_hold { top: 0px; width: auto; margin: auto; background:url(../assets/images/page/back-main.gif) repeat-x; }*/
  
#outter_wrapper {
	position: relative;
	width: 973px;
	margin: auto;
	padding: 0;
	z-index: 0;
}

#inner_wrapper {
	position: relative;
	top: 0px;
	width: 973px;
	margin: auto;
}

#content_hold {
	float: left;
	display: inline;
	position: relative;
	width: 962px;
	height: auto;
	margin: 184px 0 0 0;
	padding: 0;
	z-index: 100000;
}

/***** HEADER *****/

#header {
	position: absolute;
	top: 0px;
	width: 973px;
	height: 229px;
	margin: 0;
/*	background:url(../assets/images/page/placeholder.jpg) no-repeat;*/
}

#header_col01, #header_col02 {
	float: left;
	display: inline;
	width: 335px;
	height: 184px;
	margin: 0;
	padding: 0;
}

#header_col02 { width:638px; }


.logo {
	float: left;
	display: inline;
/*	width: 200px;
	height: 100px;*/
	margin: 0;
	padding: 0;
}


.btn_search a { width:275px; height:88px; display:inline-block; float:right; margin-top:25px; background:url(../assets/images/page/btn_search.gif); cursor:pointer; }
.btn_search a:hover { background:url(../assets/images/page/btn_search_over.gif); }
.btn_support a { width:271px; height:88px;  display:inline-block; float:right; margin-top:25px; margin-left:23px; clear:right; background:url(../assets/images/page/btn_support.gif);  cursor:pointer; }
.btn_support a:hover { background:url(../assets/images/page/btn_support_over.gif); }

.btn_search span, .btn_support span  { display:none; }

#top_nav_01left { background:url(../assets/images/page/top_bar_01A_03.gif) bottom; width:12px; height: 35px; float: right; margin: 0px 11px 0 0; }
#top_nav_01right { background:url(../assets/images/page/top_bar_01A_01.gif) bottom; width:12px; height: 35px; float: right;   }
#top_nav_01 { 
	float: right;
	display: inline-block;
	height: 25px;
	margin: 0px 0px 0 0;
	padding: 0;
	background:url(../assets/images/page/top_bar_01A_02.gif) repeat-x;
	padding:10px 0px 0px 10px;
}
#top_nav_02 { 
	float: right;
	display: inline;
	height: 24px;
	margin: 0px 11px 0 0;
	padding: 0;
	background-image:url(../assets/images/page/back_aaa.gif);
	padding:10px 0px 0px 14px;
	font-weight:bold;
	font-size:1.2em;
}
#top_nav_02 ul { width:151px; }
#top_nav_02 ul.top li { float:left; width:20px; height:20px; display:inline-block;  }
#top_nav_02 ul.top li.textsize { width:75px; float:left; display:inline-block; height:20px; }
#top_nav_02 ul.top li.aaa input {
				float: left;
				display: inline-block;
				width: 20px;
				height: 20px;
				margin: 0;
				padding: 0 0px 0 0px;
				text-decoration: none;
				color:#666;
				font-size:1.1em;
				cursor:pointer;
				border:0px;
				background:none;
				text-indent:-999px;
				margin-top:-3px;
				font-size:0px;
				line-height:0px;
}

ul.top { float: left; display: inline; position: relative; width: auto; height: 20px; list-style: none; margin: 0; padding: 0; background: none; }
	
ul.top li { float: left; display: inline; clear: none; list-style: none; margin: 0; padding: 0; }
		
/*ul.top li a span {display: none;}*/
/************************************************************************************************************* FONT SIZE change ****/
ul.top li a:link, ul.top li a:visited, ul.top li a:active,  ul.top li span {
				float: left;
				display: inline;
				width: auto;
				height: 20px;
				text-align: center;
				margin: 0; 
				padding: 0 4px 0 4px;
				text-decoration: none;
				color:#666;
				font-size:1.2em;
				cursor:pointer;
			}			
			
ul.top li a:hover {text-decoration:underline;}
/*ul.top li span {display: none;}*/


ul.top li.textsize { width:75px; }
ul.top li.aaa a:link, ul.top li.aaa a:visited, ul.top li.aaa a:active {
				float: left;
				display: inline-block;
				width: 19px;
				height: 20px;
				margin: 0;
				padding: 0 0px 0 0px;
				text-decoration: none;
				color:#666;
				font-size:1.1em;
				cursor:pointer;
				background-color:#993333;
				border-right:1px solid #ccc;
			}














#header_search { 
	float: right;
	display: inline;
	position: relative;
	width: 227px;
	height: 37px;
	margin: 0;
	padding: 0;
	background:url(../assets/images/page/search-box.gif) no-repeat ;
	padding-right:8px;
}
#header_search label { float:left; margin:0; padding:0; }

#header_search input.search { 
	float: left; 
	width: 157px;
	font-size: 1.2em;
	color: #666;
	border: none;
	margin: 8px 6px 2px 35px; 
	padding: 2px 2px 2px 2px;
	font-size:1.0em;
	border:0px;
	display:inline-block;
}

#header_search input.search_go { 
		border:0px;
		color: #666;
		display:inline-block;
		float: left; 
		font-size:0em;	
		width: 24px;
		height: 19px;
		cursor: pointer;
		margin: 8px 0 2px 0;
		background:none;
		text-indent:-9999px;
	/*	padding: 0 0 0 30px !important;  Fix for IE */
		font-size: 0px;
		line-height: 0px;
}

#header_search input.search:focus { color: #000000; }

#primary_nav { 
	float: left;
	display: inline;
	position: relative;
	width: 962px;
	min-height: 37px;
	margin: 0;
	padding: 0;
	background:url(../assets/images/page/back_menu.gif);
	font-size:1.3em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

	ul.primary {
		float: left;
		display: inline;
		position: relative;
		width: 700px;
		min-height: 32px;
		list-style: none;
		margin: 0;
		padding: 0;
		background: none;
		padding-top:0px;
		margin-left:8px;
	}
	
		ul.primary li {
			float: left;
			display: inline;
			position: relative;
			clear: none;
			list-style: none;
			margin: 0;
			padding: 0;
			background: none;
			
		}
		
		/*ul.primary li a span { display: none; }*/
	
			ul.primary li a:link, ul.primary li a:visited, ul.primary li a:active {
				float: left;
				display: inline;
				position: relative;
				 /* Give the links a default width if more than one of the buttons have the same value, otherwise remove */
				height: 31px;
				line-height: 30px;
				color: #fff;
				text-align: center;
				margin: 0 0px; 
				padding: 3px 11px;
				text-decoration: none;
				/*background:url(../assets/images/page/back_menu_li.gif) ;*/
			}
			
ul.primary li a:hover { text-decoration:none; color: #000; background: #ccc;}
ul.primary li.pipe { background:url(../assets/images/page/menu_divider.gif) no-repeat 0px -3px; width:1px; height:37px; display:block; }
li.pipe { background:url(../assets/images/page/menu_divider.gif) no-repeat 0px -3px; width:1px; height:37px; display:block; }
			



/***** FOOTER *****/
/************************************************************************************************************* FONT SIZE change ****/
#footer {
	position: relative;
	clear: both;
	width: 962px;
	height: 100px;
	margin: auto;
	padding: 0;
	z-index: 20;
	text-align: center;
	float:left;
	color:#000;
	font-size:1.3em;
}
#footer div.footer_back { width:962px; display:inline-block; background:url(../assets/images/page/footer_middle.gif) top left; margin:0px; padding:0px; }

	#footer ul {
		float: left;
		display: inline;
		position: relative;
		width: 942px;
		height: auto;
		list-style: none;
		margin: 3px 10px 3px 10px;
		padding: 0;
	}
	
		#footer ul li {
			float: left;	
			display: inline;
			clear: none;
			height: 12px;
			list-style: none;
			margin: 0;
			padding: 0;
		}

			#footer ul li a:link, #footer ul li a:visited, #footer ul li a:active {
				float: left;
				display: inline;
				height: 12px;
				margin: 0; 
				padding: 0;
				text-decoration:none;
			
			}

				#footer ul li a:hover { text-decoration:underline;}

			#footer ul li span {display: none;}
			#footer ul li.pipe {width: 6px; cursor:default; background:url(../assets/images/page/footer_pipe.gif) top left no-repeat; padding:0px 10px; }

#footer .dnd { float:right; }
#footer .company { width:346px; text-align:left; }


/*			#footer ul li.terms, #footer ul li.terms a:link, #footer ul li.terms a:visited, #footer ul li.terms a:active {width: 104px; background:url(../assets/images/page/footer_tnc.gif) top left no-repeat;}
				#footer ul li.terms a:hover, #footer ul li.terms a.active { background:url(../assets/images/page/footer_tnc_ovr.gif) top left no-repeat;}

			#footer ul li.privacy, #footer ul li.privacy a:link, #footer ul li.privacy a:visited, #footer ul li.privacy a:active {width: 70px; background:url(../assets/images/page/footer_pp.gif) top left no-repeat;}
				#footer ul li.privacy a:hover, #footer ul li.privacy a.active { background:url(../assets/images/page/footer_pp_ovr.gif) top left no-repeat;}*/


/**** BODY structure ****/
/************************************************************************************************************* FONT SIZE change ****/
#breadcrumbs {
	float: left;
	display: inline;
	width: 962px;
	height: 30px;
	margin: 7px 0 2px 22px; 
	padding: 0;
	font-size:1.3em;
}

#column01, #column02, #column_fullwidth {
	float: left;
	display: inline;
	height: auto;
	margin: 0 0 0px 0; 
	padding: 0 0 10px 0;
}
	#column01 { float:right; width:260px; padding-bottom:0px; margin:0px; text-align:left; display:inline-block; padding-top:0px;  }
	#column02 { float:left; width:670px; padding-bottom:20px; min-height:220px; margin-left:18px; }
	
	#column02 ul {  }
	#column02 ul li { background-image:url(../assets/images/page/bullet.gif) no-repeat; list-style:none; margin-left:-10px; padding-left: 30px; background: url(/assets/images/page/bullet.gif) no-repeat; }
	#column02home { float:left; width:670px; padding-bottom:20px; min-height:220px; margin-left:0px; }
	#column02search { float:left; width:670px; padding-bottom:20px; min-height:220px; }
	#column02search { }
	
	.directory_block { margin-left:-20px; }

	#column_fullwidth { width: 962px; padding: 0px; padding-top:15px; }


/**** HOMEPAGE ****/

div.slideshow, #smx_flash {
	float: left;
	display: inline;
	width: 500px;
	height: 300px;
	margin: 0 10px 10px 0; 
	padding: 0;
}

	#smx_flash {width: 370px; height: 300px; margin: 0 0 10px 0; background-color: #999999;}

#welcome, #panel_news, #panel_events {
	float: left;
	display: inline;
	width: 360px;
	height: 300px;
	margin: 0 10px 10px 0; 
	padding: 5px;
	background-color: #999999;
}

	#panel_news {width: 235px;}
	#panel_events {width: 235px; margin: 0 0 10px 0;}

		div.panel_row {
			float: left;
			display: inline;
			width: 235px;
			height: auto;
			margin: 0 0 10px 0; 
			padding: 0;
		}		
		



div.side_panel_01 {  margin:0px; padding:0px; margin-bottom:20px; display:inline-block; width:260px;  }

div.side_panel_01_middle { background:#fff url(../assets/images/page/sidepanel_middle.gif) no-repeat; padding-left:6px; display:inline-block; width:256px; }

div.side_panel_title_01 a { background:#fff url(../assets/images/page/sidenav_back_red.gif);  }
div.side_panel_title_02 a { background:#fff url(../assets/images/page/sidenav_back_green.gif); margin-top:6px; }
div.side_panel_title_03 a { background:#fff url(../assets/images/page/sidenav_back_orange.gif); margin-top:6px; }
div.side_panel_title_04 a { background:#fff url(../assets/images/page/sidenav_back_blue.gif); margin-top:6px; }
div.side_panel_readmore { background:#fff url(../assets/images/page/sidenav_readmore.gif); width:248px; height:37px; }



/*div.side_panel_title_01 a:hover { background:#fff url(../assets/images/page/sidenav_back_grey.gif); }*/









div.side_text_othersites { margin:0px; padding:0px; }
div.side_text_othersites ul { padding:0px; margin:10px 0px 0px 0px; display:inline-block; }
div.side_text_othersites ul li { background:url(../assets/images/page/bullet_home.gif) 0 2px no-repeat; height:20px; width:180px; list-style:none; padding-left:20px; font-size:1.2em; }



div.side_btn { width:258px; }
div.side_btn a { width:238px; height:27px; display:inline-block; background:#fff url(../../assets/images/page/sidenav-btn.gif) no-repeat; text-decoration:none; color:#666666; font-size:1.3em; padding:10px 0px 0px 20px; font-weight:bold; }
div.side_btn a:hover { color:#01b4c4; }
div.side_btn_bottom a { width:240px; height:27px; display:inline-block; background:#fff url(../../assets/images/page/sidenav-btn-bottom.gif) no-repeat; text-decoration:none; color:#666666; font-size:1.3em; padding:10px 0px 0px 20px; font-weight:bold; margin:0px; }
div.side_btn_bottom a:hover { color:#01b4c4; }
div.side_text { height:96px; overflow:hidden; }
div.side_text p { height:48px; overflow:hidden;  }


/* Home panel 01 - Top */
div.home_panel_01 { margin:0px; padding:0px; padding-bottom:20px;  }
div.home_panel_01 h3 a { padding-bottom:8px; }
div.home_panel_01 p { width:272px; }
div.home_btn {  }
/************************************************************************************************* FONT SIZE change ****/
div.home_btn a { width:280px; height:27px; display:inline-block; background:#fff url(../../assets/images/page/home_btn_01.gif) no-repeat; text-decoration:none; font-size:1.5em; padding:4px 0px 0px 15px; font-weight:bold; margin:0px; }
div.home_btn a:hover { }
div.home_panel_01 div.home_text { margin-bottom:20px; }
div.home_panel_01_middle { background:#fff url(../assets/images/page/home-panel-middle.gif) no-repeat; width:611px;    min-height:195px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; padding:0px 0px; display:block; padding:13px 30px 13px 20px;
}
/* float fix on homepages */
div.home_panel_01_middle h1 { width:340px; float:left; }
div.home_panel_01_middle h3 { width:340px; padding:0px; }
div.home_panel_01_middle p { float:right; width:250px; margin:0px; padding:0px; }
div.home_panel_01_middle img { float:right; width:250px;  border:5px solid #bbe3e7; display:inline-block; }
div.home_panel_01 div.home_text p { float:left; width:340px; margin: 0 0 10px 0; }


/* Home panel 02 - Bottom */
div.home_panel_02_middle { background:#fff url(../assets/images/page/home-panel-middle.gif) no-repeat; width:629px;  border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; padding:0px 0px; display:inline-block; padding:0px 12px 3px 20px; min-height:111px;
}
div.home_panel_02_bottom { background:#fff url(../assets/images/page/home-panel-02-bottom.gif) no-repeat; width:663px; height:37px; }
/************************************************************************************************* FONT SIZE change ****/
div.home_panel_02_bottom a.btn_left { background:url(../assets/images/page/home_btn_02_left.gif) no-repeat; width:292px; height:27px; display:inline-block; padding-right:35px; text-decoration:none; font-size:1.5em; padding:10px 0px 0px 20px; font-weight:bold; margin:0px; margin-right:35px; }
/************************************************************************************************* FONT SIZE change ****/
div.home_panel_02_bottom a.btn_right { background:url(../assets/images/page/home_btn_02_right.gif) no-repeat; width:296px; height:27px; display:inline-block; text-decoration:none; font-size:1.5em; padding:10px 0px 0px 16px; font-weight:bold; margin:0px; }
div.home_panel_02 h2 { padding:0px 0px 10px 0px; margin:0px; }
div.home_panel_02 h3 { padding:0px; margin:0px;}
div.home_panel_02 h4 { padding:0px; margin:0px; }
div.home_panel_02 div.home_text { width:288px; }
div.home_02_column_left { width:284px; display:inline-block; float:left; }
div.home_02_column_right { width:284px; display:inline-block; float:right; }



a.btn_back  { width:143px; height:25px; display:inline-block; background:#fff url(../../assets/images/page/btn_back.gif) no-repeat; text-decoration:none; color:#027a85; font-size:1.2em; padding:6px 0px 0px 30px; font-weight:bold; float:right; margin-top:12px; }
a.btn_back:hover { color:#000; }



.dir_ul { background-color:#f1f0e7; margin:0px; padding:7px 0px 7px 0px; border:1px solid #abaaaa; width:238px; margin-bottom:40px; }

.dir_ul li { cursor:pointer; list-style:none; border-bottom:1px solid #e4e1c6; text-transform:lowercase; padding:5px; margin:0px 10px; }

.dir_ul li:hover { background-color:#FFFFFF; }


.noTableBorder h1 { text-align:left; }
.required {border:1px solid orange;}
.error {background-color:pink;}