/*
Colours:
	color: #666666; - 
	color: #0099ff; - main header blue
	color: #2E3192; - sub header dark blue
	color: #f1f1f2; - side menu light grey
	color: #e0f5fd; - side menu rollover
	color: #00aeef; - top menu
*/

/*
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: 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: #0099ff;	text-decoration: underline;	outline: none;}
a:visited {color: #0099ff; text-decoration: underline; outline: none;}
a:hover {color: #0099ff; text-decoration: none;	outline: none;}
a:active {color: #0099ff; text-decoration: underline; outline: none;}

h1, h2, h3, h4 {
	color: #0099ff;
	font-size: 1.6em;
	margin: 0 0 20px 0;
	padding: 0;
}

	h2 { font-size: 1.1em; color:#2e3192; }
		
		h2.category {
			float: left;
			display: inline;
			width: 680px;
			border-bottom: 1px solid #cccccc;
		}

	h3 {font-size: 1.4em; color:#2e3192; margin:0px; }
	h4 {font-size: 1.4em;}

p, p.small {
	color: #666666;
	font-size: 1.1em;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0;
	line-height:16px;
}
	p.small {font-size: 1.0em; margin: 0 0 6px 0;}
	p span {color:#666666;}

ul {margin: 10px; padding: 0;}
	ul li {margin: 0 0 0 17px; padding: 0;}

ol {margin: 10px; padding: 0; list-style: decimal inside;}
	ol li {padding: 0;}

form, input {margin: 0px; padding: 0px;}
	img {border: none; padding: 0px; }

textarea {font-family: Arial, Helvetica, sans-serif;}

hr {height: 1px; color: #333333; border: 1px #333333 dashed;}

.hidden {display:none;}

.textHighlight { color:#2E3192; }



/***** STRUCTURE *****/

/* Centred Structure */

#main_hold { top: 0px; width: auto; margin: auto;}
  
#outter_wrapper {
	position: relative;
	width: 920px;
	margin: auto;
	padding: 0;
	z-index: 0;
}

#inner_wrapper {
	position: relative;
	top: 0px;
	width: 920px;
	margin: auto;
}

#content_hold {
	float: left;
	display: inline;
	position: relative;
	width: 920px;
	height: auto;
	margin: 169px 0 0 0;
	padding: 0;
	z-index: 100000;
}

/***** HEADER *****/

#header {
	position: absolute;
	top: 0px;
	width: 920px;
	height: 159px;
	margin: 0;
}

#header_row01, #header_row02 {
	float: left;
	display: inline;
	width: 920px;
	height: 116px;
	margin: 0;
	padding: 0;
	
}
#header_row02 { height:43px; }



#header_col01, #header_col02 {
	float: left;
	display: inline;
/*	width: 200px;*/
	height: 159px;
	margin: 0;
	padding: 0;
}

	#header_col02 { float:right; text-align:right; }
	
	


#logo {
	float: left;
	display: inline;
	/*width: 200px;
	height: 100px;*/
	margin: 0;
	padding: 0;
	padding-top:23px;
}




#top_nav { 
	float: left;
	display: inline-block;
	width:auto;
	height: 20px;
	margin: 4px 0 0 5px;
	padding: 0;
}

	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;}*/
	
			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 5px 0 5px;
				text-decoration: underline;
				font-weight:bold;
				color:#666;
			}
			
				ul.top li a:hover {text-decoration:underline;}
				

				/*ul.top li span {display: none;}*/
				


			/**** Repeat the below for however many buttons the primary navigation has ****/
			/**** ul.top li.home, ul.top li.home a:link, ul.top li.home a:visited, ul.top li.home a:active {width: 46px; background:url(../assets/images/page/top_nav_home.gif) top left no-repeat;}
						ul.top li.home a:hover, ul.top li.home a.active { background:url(../assets/images/page/top_nav_home_ovr.gif) top left no-repeat;} ****/


	.headerTab01, .headerTab02 {
		width:452px;
		border-bottom:3px solid #fff;
		text-align:left;
	}
	.headerTab01 { background:url(../assets/images/nav/headerTab01.gif); height:27px; padding-top:7px; }
	.headerTab02 { background:url(../assets/images/nav/headerTab02.gif); height:26px; padding-top:7px; }


	.headerTab01 div { width:210px; float:left; }
	.headerTab02 div { width:205px; float:left; padding-left:5px; }

	.headerTab01 div.sizes { float:left; display:inline-block; width:auto; margin-top:-3px; }

#header_search, #header_newsletter { 
	float: left;
	display: inline-block;
	position: relative;
	width: 240px;
	margin: 0;
	padding: 0;
}

#header_search label, #header_newsletter label {float:left; margin: 0; padding:0;}

#header_search input.search, #header_search input.search_go,
#header_newsletter input.search, #header_newsletter input.search_go { 
	float: left; 
	width: 178px; 
	height: 17px; 
	font-size: 1.1em;
	color: #666666; background: #fffffff; 
	border: none;
	margin:0px 6px 2px 2px; 
	padding: 2px; 
}

	#header_search input.search_go,
	#header_newsletter input.search_go { 
		width: 45px;
		height: 22px;
		cursor: pointer;
		margin: 0px 0 2px 0;
		padding:0;
		background: url(../assets/images/page/btn_search.gif);
	}
	#header_newsletter input.search_go { background: url(../assets/images/page/btn_go.gif);  }

#header_search input.search:focus {color: #666666; background: #fff;}

#primary_nav { 
	float: left;
	display: inline;
	position: relative;
	width: 678px;
	height: 27px;
	margin: 0;
	padding: 0;
	padding-top:16px;
}

	ul.primary {
		float: left;
		display: inline;
		position: relative;
		width: 678px;
		height: 27px;
		list-style: none;
		margin: 0;
		padding: 0;
		background: none;
	}
	
		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;
				width: 111px; /* Give the links a default width if more than one of the buttons have the same value, otherwise remove */
				height: 27px;
				line-height: 27px;
				color: #FFFFFF;
				text-align: center;
				margin: 0; 
				padding: 0;
				text-decoration: none;
				background: #000000;
				margin-right:2px;
			}
			
				ul.primary li a:hover { text-decoration:underline; color: #000000; background: #cccccc;}
				
				ul.primary li.pipe { display:none; }

				ul.primary li span { display:none; }
	

		ul.primary li.link1, ul.primary li.link1 a:link, ul.primary li.link1 a:visited, ul.primary li.link1 a:active {background:url(../assets/images/nav/menu01.gif) top left no-repeat;}
				ul.primary li.link1 a:hover, ul.primary li.link1 a.active {background:url(../assets/images/nav/menu01_ovr.gif) top left no-repeat;} 
				
				ul.primary li.link2, ul.primary li.link2 a:link, ul.primary li.link2 a:visited, ul.primary li.link2 a:active {background:url(../assets/images/nav/menu02.gif) top left no-repeat;}
				ul.primary li.link2 a:hover, ul.primary li.link2 a.active {background:url(../assets/images/nav/menu02_ovr.gif) top left no-repeat;} 
				
				ul.primary li.link3, ul.primary li.link3 a:link, ul.primary li.link3 a:visited, ul.primary li.link3 a:active {background:url(../assets/images/nav/menu03.gif) top left no-repeat;}
				ul.primary li.link3 a:hover, ul.primary li.link3 a.active {background:url(../assets/images/nav/menu03_ovr.gif) top left no-repeat;} 
				
				ul.primary li.link4, ul.primary li.link4 a:link, ul.primary li.link4 a:visited, ul.primary li.link4 a:active {background:url(../assets/images/nav/menu04.gif) top left no-repeat;}
				ul.primary li.link4 a:hover, ul.primary li.link4 a.active {background:url(../assets/images/nav/menu04_ovr.gif) top left no-repeat;} 
				
				ul.primary li.link5, ul.primary li.link5 a:link, ul.primary li.link5 a:visited, ul.primary li.link5 a:active {background:url(../assets/images/nav/menu05.gif) top left no-repeat; width: 102px;}
				ul.primary li.link5 a:hover, ul.primary li.link5 a.active {background:url(../assets/images/nav/menu05_ovr.gif) top left no-repeat;} 
				
				ul.primary li.link6, ul.primary li.link6 a:link, ul.primary li.link6 a:visited, ul.primary li.link6 a:active {background:url(../assets/images/nav/menu06.gif) top left no-repeat; width: 110px;}
				ul.primary li.link6 a:hover, ul.primary li.link6 a.active {background:url(../assets/images/nav/menu06_ovr.gif) top left no-repeat;} 








/***** FOOTER *****/

#footerContainer { display:inline-block; position:relative; width:100%; color:#6d6e71; margin:auto;}

.clearBoth { clear:both; }

#footerContainer div { padding:0px; position:relative;  }
div.footerRow01 { background-color:#f1f2f2; height:127px;  margin:0px; width:100%; padding:0px; border-bottom:2px solid #fff; }
div.footerRow02 { background-color:#e6e7e8; width:100%; padding:0px; border-bottom:2px solid #fff; }
div.footerRow03 { margin-bottom:30px; width:100%; margin:0px; }



.footerRow02 p { width:920px; margin: auto; padding:12px 0px; font-size:1.0em; margin-top:0px; margin-bottom:0px; }
.footerRow02 p.addressDetails { padding-top:0px; }
div.footerRow03 div#copyright {  width:920px; margin: auto; padding:2px 0px; font-size:1.0em; margin-top:0px; margin-bottom:20px; }


div.footerRow03 span { padding:2px 0px; font-size:1.0em; margin-top:0px; margin-bottom:0px; width:458px; display:inline-block;   }
div.footerRow03 span.dnd { padding:2px 0px; font-size:1.0em; margin-top:0px; margin-bottom:0px; text-align:right;}


#footer {
	position: relative;
	clear: both;
	width: 920px;
	margin: auto;
	padding: 0;
	z-index: 20;
	text-align: left;
}

	#footer ul {
		float: left;
		display: inline-block;
		position: relative;
	
		width: 178px;
		height: auto;
		list-style: none;
		margin: 10px 0 0 0;
		padding: 0;
	}
	
		#footer ul li {
			float: left;	
			display: inline;
			clear: none;
			list-style: none;
			margin: 0;
			padding: 0;
			clear:left;
			padding:0px 0px 8px 0px;
			font-size:1.1em;
			width: 178px;
		}

			#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:underline;
				clear:left;
				color:#58595b;
			}
			
			

			#footer ul li a:hover { text-decoration:underline;}

			div.footerRow03 a {
				
				margin: 0; 
				padding: 0;
				text-decoration:none;
		
				color:#58595b;
			}
			
			
			#footer ul li span { display:none; }
			#footer ul li.pipe { display:none; }
			#footer ul li.footerHeader { height:24px; }

			#footer .footerCol01 { width:182px; display:inline-block; float:left; }
			#footer .footerCol02 { width:152px; display:inline-block; float:left; }
			#footer .footerCol03 { width:162px; display:inline-block; float:left; }
			#footer .footerCol04 { width:42px; display:inline-block; float:left; }
			#footer .footerCol05 { width:242px; height:114px; display:inline-block; float:right;
			background:url(../assets/images/nav/footerSideBack.gif) top left no-repeat; }
			
			#footer .footerCol05 ul { width:242px; }
			#footer .footerCol05 ul li.footerHeader { width:93px; height:41px; float:left; margin:0px; padding:0px; padding-left:4px; }
			#footer .footerCol05 ul li.fb { clear:right; }
			#footer .footerCol05 ul li { float:right; width:104px; clear:right; height:24px; margin:0px; padding:0px; padding-bottom:10px; }
			#footer .footerCol05 ul li span { display:inline-block; padding: 4px 0px 0px 14px; }

/*			#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 ****/

#breadcrumbs {
	float: left;
	display: inline;
	width: 663px;
	height: 26px;
	margin: 0 0 2px 0; 
	padding: 0;
	font-size:1.1em;
	padding-top:4px;
	color:#6d6e71;
}

a.breadcrumbs  { font-weight:bold; color:#2e3192; text-decoration:none; }



#column01, #column02, #column_fullwidth {
	float: left;
	display: inline-block;
	width: 242px;
	height: auto;
	margin: 0 0 20px 0; 
	padding: 0 0 10px 0;
	
}

	#column01 { float: right; margin-bottom:0px; }
/*	img { border:0; margin:0px; padding:0px; }*/
	
	#column01 ul { margin:0px; padding:0px; }
	#column01 ul li { width:242px; height:85px; list-style:none; margin:0px; padding:0px; margin-bottom:13px; display:inline-block; }
	#column01 ul li span { display:none; }
	
	#column01 ul li a:link,
	#column01 ul li a:visited,
	#column01 ul li a:active
	 { width:242px; height:85px; display:inline-block; }
	 
	#column01 ul li.one a { background:url(../assets/images/page/sidePanel01.gif) top left no-repeat; }
	#column01 ul li.two a { background:url(../assets/images/page/sidePanel02.gif) top left no-repeat; }
	
	#column01 ul li.three a:link,
	#column01 ul li.three a:visited,
	#column01 ul li.three a:hover,
	#column01 ul li.three a:active
	 { background:url(../assets/images/page/sidePanel03.gif) top left no-repeat; }
	
	
	#column01 ul li.four { height:227px; }
	#column01 ul li.four a:link,
	#column01 ul li.four a:visited,
	#column01 ul li.four a:hover,
	#column01 ul li.four a:active
	 {/* background:url(../assets/images/page/sidePanel04.jpg) top left no-repeat;*/width:242px;  margin:0px; padding:0px;   }
	
	#column01 ul li.five { height:43px; }
	#column01 ul li.five a:link,
	#column01 ul li.five a:visited,
	#column01 ul li.five a:hover,
	#column01 ul li.five a:active
	 { background:url(../assets/images/page/sidePanel05.gif) top left no-repeat; height:43px; }
	
	
	
	#column01 ul li.one a:hover { background:url(../assets/images/page/sidePanel01_ovr.gif) top left no-repeat; }
	#column01 ul li.two a:hover { background:url(../assets/images/page/sidePanel02_ovr.gif) top left no-repeat; }
	#column01 ul li.three a:hover { background:url(../assets/images/page/sidePanel03_ovr.gif) top left no-repeat; }
	#column01 ul li.five a:hover { background:url(../assets/images/page/sidePanel05_ovr.gif) top left no-repeat; }
	
	
	#column02 { float: left; width: 663px; padding-left: 1px; }
	#column02 ul li { font-size: 1.2em; }

	#column_fullwidth { width: 920px; padding: 0px; min-height:300px; padding-bottom:40px; }

	div.homePanel01 { width:663px; height:281px; background:url(../assets/images/page/homePanel01.gif) top left no-repeat; color:#fff; font-size:2.6em; font-weight:bold; background-color:#09C; float:left; }

	div.homePanel0 div#fader { float:left; display:inline-block; }
	div.homePanel01Image { float:left; display:inline-block; width:436px; height:281px; }
	div.homePanel01Text { color:#FFF; float:right; display:inline-block; width:203px; padding:40px 8px 0px 16px; }
	div.homePanel01Text h1 { color:#FFF; font-size:0.9em; font-weight:normal; margin-bottom:12px; }
	div.homePanel01Text p {color:#FFF; font-size:0.6em; line-height:20px; height:182px; overflow:hidden; }
	
	div.homePanel01Back { display:inline-block; width:436px; height:281px; }
	
	div.fader { position:absolute; z-index:1; }
	div.cover { position:absolute; z-index:10; } 



	.newsTitle { float:left; padding-right:400px; }
	.newsPanel { border:1px solid #ccc; width:187px; padding:10px; height:235px; float:left; margin-right:18px; }
	.newsPanel h3 { color:#0099ff; margin:0px; padding:0px; font-size:1.2em; padding-top:5px; display:inline-block; }
	.newsPanel p { padding-top:2px; line-height:14px; display:inline-block; width:187px; height:58px; overflow:hidden; margin:0px; margin-bottom:3px; }
	.newsPanelEnd { margin:0px; }
	.newsPanel a { color:#6d6e71; font-size:1.1em; float:right; margin:0px; padding:0px; }

.innerColumn01, .innerColumn02 {
	float: left;
	display: inline-block;
	width: 156px;
	height: auto;
	margin: 0 25px 20px 0px; 
	padding: 0 0 10px 0;
}
.innerColumn02 { width: 482px; margin:0px; padding:0px; background-color:#fff; }
.innerColumn02 li { color:#666; }
.innerColumn02 table td { color:#666; }

.search_results, .search_results_Alt { float:left; display:inline-block; clear:left; padding-right:60px; width:auto; width:800px; }
.search_results h2, .search_results_Alt h2 { margin-bottom:5px; }












/**** 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;
		}		
		

ul.side_menu_section {  }
ul.side_menu_section li { margin:0px; padding:0px; list-style:none; margin-left:-8px;}

div.directions { padding-bottom:5px; }

span#mapDir { padding-top:10px; display:block; }

li.side_menu_section { }

div.mapTop { padding:10px; background-color:#f1f2f2; }

.shareWidget { float:right; padding-right:10px; }

.playing {background-color:#e8e8e9 !important;}


#calendar{
/*	width:90%;
	margin:0 auto 0 auto;
	*/
	width: 480px;
	margin: 0 auto;
	padding-bottom:20px !important;	
}




