/* Binns Tomlinson CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

em {
	font-style: italic;
}

/**********************************************************************************************/

html, body {
	background: #FFF url(/images/site/bg.jpg) left top repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}

#outer-wrapper {
	width: 930px;
	margin: 0 auto;
	background: #FFF url(/images/site/outer-wrapper-bg.jpg) left top no-repeat;
}


.home #wrapper {
	background: #FFF url(/images/site/home-maincontent-bg.jpg) 305px 308px no-repeat;
}

.search #wrapper {
	background-image: none !important;
}

#wrapper {
	width: 900px;
	margin: 0 auto;
}

	#topcontact {
		width: 900px;
		height: 31px;
		background: #FFF url(/images/site/top-contact-bg.jpg) left top no-repeat;
	}
	
	#flashcontent {
		width: 900px;
		height: 231px;
	}
	
	
	#navigation {
		background: #FFF url(/images/site/navigation-bg.gif) left top repeat-x;
		width: 900px;
		height: 42px;
		float: left;
	}
		#navigation ul {
			display: block;
			/*width: 885px;*/
			width: 585px;
			height: 42px;
			margin-left: 15px;
			float: left;
		}
			#navigation ul li {
				display: block;
				float: left;
				height: 42px;
			}
				#navigation ul li a {
					display: block;
					height: 42px;
					color: #9290A8;
					font-size: 13px;
					text-decoration: none;
					padding: 0 13px 0 0px;
					line-height: 30px;
					background: url(/images/site/navigation-link-bg.gif) right top no-repeat;
					float: left;
				}
				
				#navigation ul li a span {
					padding: 0 0 0 13px;
					display: block;
					height: 42px;
					color: #9290A8;
					cursor:pointer;
					float: left;
	
				}
				
				#navigation ul li a:hover, 
				.home #navigation ul li#home a,
				.about #navigation ul li#about a,
				.courses #navigation ul li#courses a,
				.dates #navigation ul li#dates a,
				.howtobook #navigation ul li#howtobook a,
				.news #navigation ul li#news a,
				.contact #navigation ul li#contact a,
				.venues #navigation ul li#venues a,
				.kids #navigation ul li#kids a {
				
				
					background: #CB2725 url(/images/site/navigation-hover-bg.gif) right top no-repeat;
				}

				#navigation ul li a:hover span, 
				.home #navigation ul li#home a span,
				.about #navigation ul li#about a span,
				.courses #navigation ul li#courses a span,
				.dates #navigation ul li#dates a span,
				.howtobook #navigation ul li#howtobook a span,
				.news #navigation ul li#news a span,
				.contact #navigation ul li#contact a span,
				.venues #navigation ul li#venues a span,
				.kids #navigation ul li#kids a span {
				
				
					background: #CB2725 url(/images/site/navigation-hover-span-bg.gif) left top no-repeat;	
					color: #FFFFFF;
				}
				
				#navigation ul li.last a {
					border-right: none;
				}	
	
				
	#fullwidth {
		float: left;
		width: 860px;
		padding: 30px 20px 20px 20px;
		font-size: 11px;
	}				

	#maincontent {
		float: left;
		/*width: 520px;*/
		width: 840px;
		padding: 30px 20px 20px 35px;
		font-size: 11px;
	}
			#maincontent h1, #fullwidth h1 {
				color: #2B2A4C;
				font-size: 28px;
				margin-bottom: 11px;
				line-height: 36px;
			}
			#maincontent h2, #fullwidth h2 {
				color: #5FBCE5;
				font-weight: bold;
				font-size: 16px;
				line-height: 20px;
				margin: 17px 0 2px 0;
			}
			#maincontent h2.home {
				margin: 17px 0 17px 0;
			}
			#maincontent p {
				color: #343434;
				line-height: 15px;
				margin: 0 0 9px 0;
			}
			#maincontent a {
				color: #343434;
			}
			
			#maincontent ul li {
				color: #343434;
				margin-bottom: 4px;
				list-style-type:disc;
				margin-left: 15px;
			}

	#secondarycontent {
		float: left;
		width: 325px;
		padding: 15px 0 0 0;
	}
	
			#scrollingnews {
				width: 290px;
				height: 120px;
				padding-left: 25px;
			}
			
			#scrollingnews .scrollingnewsitem {
				width: 270px;
				height: 120px;
				font-size: 11px;
				line-height: 15px;
				color: #343434;
			}
			
			
			#scrollingnews h2 {
				color: #C83D28;
				font-size: 12px;
				line-height: 14px;
				font-weight: bold;
				margin-bottom: 7px;
				}	
				
			p.date {
				clear: both;
				color: #C83D28 !important;
				font-size: 11px !important;
				font-weight: normal !important;
				margin-top: 5px !important;
				font-style: italic;
			}
			
			p.back a, p.more a {
				clear: both;
				color: #C83D28 !important;
				font-size: 11px;
				font-weight: bold;
				margin-top: 10px;
				text-decoration: none;
			}
			
			#secondarycontent #courses-tile {
				/*padding: 8px 0 10px 7px;*/
				padding: 8px 0 10px 25px;
				border-top: 1px solid #E5E5E5;
				border-bottom: 1px solid #E5E5E5;
				margin-bottom: 12px;
			}
	
	.searchresults {
		width: 860px;
		margin-top: 20px;
	}
	
	.searchresults th {
		background-color: #4F9A24;
		font-weight: bold;
		padding: 5px;
		font-size: 14px;
		font-weight: normal;
		color: #FFFFFF;
	}
	
	.searchresults td {
		padding: 5px;
	}

	.searchresults td a{
		color: #343434;
		display: block;
		
	}	
	.searchresults tr.resultRowOne {
		background-color: #FFFFFF;
	}

	.searchresults tr.resultRowTwo {
		background-color: #EEF7FC;
	}




	.courseresults {
		width: 835px;
		margin-top: 20px;
	}
	
	.courseresults th {
		background-color: #4F9A24;
		font-weight: bold;
		padding: 5px;
		font-size: 14px;
		font-weight: normal;
		color: #FFFFFF;
	}
	.res_first_aid th {
		background-color: #4F9A24;
	}
	.res_health_safety th {
		background-color: #58B3EA;
	}
	.res_fire_training th {
		background-color: #CB2725;
	}
	.res_food_safety th {
		background-color: #FE9900;
	}
	div.res_first_aid h2 {
		color: #4F9A24 !important;
	}
	div.res_health_safety h2 {
		color: #58B3EA !important;
	}
	div.res_fire_training h2 {
		color: #CB2725 !important;
	}
	div.res_food_safety h2 {
		color: #FE9900 !important;
	}
	
	.res_first_aid {
		line-height: 15px;
	}
	.res_health_safety {
		line-height: 15px;
	}
	.res_fire_training {
		line-height: 15px;
	}
	.res_food_safety {
		line-height: 15px;
	}	
		
	
	a.coursetitle {
		font-weight: bold;
		text-decoration: none;
	}
	a.coursetitle:hover {
		text-decoration: underline;
	}	
	
	.courseresults td {
		padding: 7px 5px 2px 5px;
		border-bottom: 1px solid #CACACA;
	}

	.courseresults td a{
		color: #343434;
		display: block;
		
	}	
	.courseresults tr.resultRowOne {
		background-color: #FFFFFF;
	}

	.courseresults tr.resultRowTwo {
		background-color: #EEF7FC;
	}
	
	.courseresults th a {
		color: #FFFFFF !important;
		text-decoration: none;
	}

	.news_odd {
		margin: 0 !important;
		float: left;
		width: 830px;
		padding: 0 0 15px 0;
	}
	.news_even {
		margin: 0 !important;
		float: left;
		width: 830px;
		padding: 0 0 15px 0;
	}

	
	
	#nav_searchform {
		margin: 6px 14px 0 0;
		float: right;
		height: 20px;
		vertical-align: top;
		width: 207px;
		/*border: 1px dashed red;*/
	}
	/*#nav_searchform input {
		font-size: 12px;
	}*/
	#gobox {
		float: left;
		font-size: 12px;
		height: 13px;
		width: 167px;
	}
	#gobtn {
		float: right;
	}
	
	
	

			
	#tiles {
		clear: both;
		margin-left: 17px;
		width: 883px;
		height: 120px;
	}
			#tiles .tile {
				float: left;
				width: 196px;
				height: 120px;
				margin-right: 9px;
				padding-left: 14px;
			} 
				#tiles .tile a {
					width: 185px;
					display: block;
					color: #FFFFFF;
					font-size: 11px;
					font-weight: bold;
					margin-top: 6px;
				}
				#tiles .tile h1 a {
					font-size: 19px;
					width: 185px;
					color: #000000;
					margin: 12px 0 12px 0;
					text-decoration: none;
					font-weight: normal;
				}
				#tiles .tile p a {
					color: #FFFFFF;
					font-size: 11px;
					line-height: 14px;
					width: 145px;
					text-decoration: none;
					font-weight: normal;
				}
			#tiles #first-aid {
				background: #4F9A24 url(/images/site/tile-first-aid-bg.jpg) left top no-repeat;
			}
				#tiles #first-aid h1 a {
					color: #4F9A24;
				}
			
			#tiles #health-and-safety {
				background: #58B3EA url(/images/site/tile-health-and-safety-bg.jpg) left top no-repeat;
			}
				#tiles #health-and-safety h1 a {
					color: #58B3EA;
				}
				
			#tiles #fire-training {
				background: #CD3A26 url(/images/site/tile-fire-training-bg.jpg) left top no-repeat;
			}
				#tiles #fire-training h1 a {
					color: #CD3A26;
				}
			
			#tiles #food-hygiene {
				background: #FF9900 url(/images/site/tile-food-hygiene-bg.jpg) left top no-repeat;
			}
				#tiles #food-hygiene h1 a {
					color: #FF9900;
				}
								
	#footer {
		clear: both;
		height: 40px;
		width: 900px;
		color: #7E7E7E;
		font-size: 10px;
		padding-top: 15px;
	}
			#footer #copyright {
				float: left;
				width: 350px;
				height: 40px;
				padding-left: 20px;
			}
			
			#footer #extreme {
				float: right;
				text-align: right;
				width: 350px;
				height: 40px;	
				padding-right: 20px		
			}
				#footer #extreme a {
					color: #7E7E7E;
					text-decoration: none;
				}
	











.contactfield {
	padding-top: 4px;
	padding-bottom: 4px;
}

input, textarea {
	margin-top: 2px;
}

.validation-advice {
	color: #990000;
	font-style: italic;
	font-size: 10px;
	background: url(/images/site/alert.gif) no-repeat left top;
	padding-left: 22px;
	height: 22px;
	padding-top: 3px;
} 

fieldset {
	margin: 20px 0;
	padding: 15px 10px;
	border: 3px solid #E4E3D3;	
	overflow: auto;
}
legend {
	padding: 2px 5px;
	color: #888;
	font-size: 115%;
}

.requiredfield {
	font-style: italic;
	padding-left: 10px;
	font-size: 10px;
	color: #CB2926;
}