#container { width: 76.5em;}

#telnumber { position: absolute; width: 189px; height: 50px;}

#toplinks { position: absolute; top: 19px; margin-left: 204px; height: 25px; vertical-align: bottom;}
	#toplinks ul { margin: 0px; padding: 0px;}
	#toplinks li { float: left; list-style-type: none; padding-left: 13px; padding-top: 3px;}
	#toplinks a { color: #616161; text-decoration: none;}
	#toplinks a:hover { color: #008DB0; text-decoration: none;}
	#toplinks .nospace { padding-left: 2px; padding-top: 0px;}
	#toplinks .padding { padding-left: 13px;}
	#toplinks .addtobasket { padding:3px 18px 0px 13px; background: url(/_images/icons/add-to-basket.gif) no-repeat right top;}
	
#logo { position: absolute; top: 50px; width: 189px; height: 146px;}

#coursesearch { position: absolute; top: 47px; margin-left: 572px; width: 185px; height: 163px; padding: 18px 5px 5px 20px; color: #fff; font-weight: bold;}
	#coursesearch p { padding-bottom: 5px;}
	#coursesearch .button { margin-left: -3px;}
	#coursesearch .textfield { margin-bottom: 0px; width: 124px; height: 30px; padding: 8px 0px 0px 2px; border: none; float: left; background: none;}

#nav { font-weight: bold; position: absolute; top: 196px; width: 66.5em; height: 35px; background: #000 url(../_images/template/nav_bkg.gif) scroll no-repeat right top;}
	#nav ul { margin: 0px; padding: 0px 0px 0px 8px;}
	#nav li { background: url(../_images/template/nav_divider.gif) scroll no-repeat right top; height: 25px; vertical-align:middle; float: left; list-style-type: none; padding: 10px 8px 0px 8px; vertical-align: middle;}
	#nav a { color: #fff; text-decoration: none;}
	#nav a:hover { color: #0DC0FC; text-decoration: none;}
	#nav .selected { color: #0DC0FC; text-decoration: none;}
	
#sitesearch { position: absolute; top: 239px; margin-left: 20px;}
	#sitesearch .textfield { border: 1px solid #C6E0EB; width: 126px; height: 15px; float: left;}

#breadcrumb { position: absolute; top: 242px; margin-left: 205px;}
	#breadcrumb ul { margin: 0px; padding: 0px;}
	#breadcrumb li { float: left; list-style-type: none; padding-right: 8px; padding-left: 8px; background: url(../_images/template/breadcrumb_bkg.gif) scroll no-repeat right center;}
	#breadcrumb a { color: #008DB0; text-decoration: none;}
	#breadcrumb a:hover { color: #008DB0; text-decoration: underline;}
	#breadcrumb .nobkg { background: none; padding: 0px;}
	
#main { min-height: 300px; position: absolute; top: 264px; width: 719px;}
	* html #main { height: 300px;}
	#mainleft { float: left; width: 169px;}
	#mainright { float: right; width: 510px; padding-left: 20px; background: url(../_images/template/dottedline.gif) scroll no-repeat left top;}
	
#content { padding-top: 25px; width: 470px;}
	#content p { padding-bottom: 10px; line-height: 17px;}
	#content a { color: #008DB0; text-decoration: underline;}
	#content a:hover { color: #005165; text-decoration: underline;}
	#content ol { margin-left: 25px; margin-top: 0px; padding: 0px;}
	#content ol li { list-style-type: decimal; line-height: 17px;}
	#content ul { margin-left: 20px; margin-top: 0px; padding: 0px;}
	#content li { list-style-type: square; line-height: 17px;}
		#contentleft { float: left; width: 230px;}
		#contentright { float: right; width: 230px;}
		.contentleft { float: left; width: 210px;}
		.contentright { float: right; width: 250px;}

#contenthome { padding-top: 25px; width: 335px;}
	#contenthome p { padding-bottom: 10px; line-height: 17px;}
	#contenthome a { color: #008DB0; text-decoration: underline;}
	#contenthome a:hover { color: #005165; text-decoration: underline;}
	#contenthome ol { margin-left: 25px; margin-top: 0px; padding: 0px;}
	#contenthome ol li { list-style-type: decimal; line-height: 17px;}
	#contenthome ul { margin-left: 20px; margin-top: 0px; padding: 0px;}
	#contenthome li { list-style-type: square; line-height: 17px;}
	
.short { width: 335px;}
/* added by MB for registration styling. */
.shortreg { width: 58px;}

.long { width: 470px;}

#left { width: 160px; padding: 14px 14px 0px 12px; background: #008DB0 url(../_images/template/left_top.gif) scroll no-repeat left top;}
	#leftbottom { width: 186px; height: 18px; background: #008DB0 url(../_images/template/left_top.gif) scroll no-repeat right top;}
	
#subnav { width: 160px; padding-bottom: 20px;}
	#subnav ul { margin: 0px; padding: 0px;}
	#subnav li { list-style-type: none; border-bottom: 1px solid #47ADC6; line-height: 18px;}
	#subnav a { color: #fff; text-decoration: none; padding-left: 10px; display: block; width: 150px;}
	#subnav a:hover { background-color: #47ADC6; color: #fff; text-decoration: none;}
	#subnav .noborder { border: none;}
	#subnav .selected { line-height: 16px; border-top: 1px solid #008DB0; border-bottom: 1px solid #008DB0; background-color: #47ADC6; color: #fff; text-decoration: none;}
	#subnav ul ul li { border-bottom: none;}
	#subnav ul ul li a { padding-left: 20px; width: 140px; color: #BAE8F3;}
	#subnav ul ul li a:hover { background-color: #47ADC6; color: #fff; text-decoration: none;}
	#subnav ul ul li .selected { line-height: 18px; border: none; background-color: #005C73; color: #fff; text-decoration: none;}
	#subnav ul ul ul li a { padding-left: 30px; width: 130px; color: #BAE8F3;}
	#subnav ul ul ul li a:hover { background-color: #007896; color: #fff; text-decoration: none;}
	#subnav ul ul ul li .selected { line-height: 18px; border: none; background-color: #007896; color: #fff; text-decoration: none;}
	
#news { width: 160px;}
	#news ul { margin: 0px; padding: 0px 0px 10px 0px;}
	#news li { list-style-type: none; border-bottom: 1px solid #47ADC6; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; line-height: 16px;}
	#news .bluetext { color: #CDF3FF;}
	#news a { color: #fff; text-decoration: none;}
	#news a:hover { color: #fff; text-decoration: underline;}
	#news .noborder { border: none;}
	#news p { padding-bottom: 10px; color: #fff; padding-left: 10px;}
	
#events { width: 145px;}
	#events ul { margin: 0px; padding: 0px;}
	#events li { line-height: 16px; list-style-type: none; border-bottom: 1px solid #C5E2EC; padding-top: 5px; padding-bottom: 5px;}
	#events .bluetext { color: #CDF3FF;}
	#events a { color: #1888BB; text-decoration: none;}
	#events a:hover { color: #1888BB; text-decoration: underline;}
	#events .noborder { border: none;}
	#events p { padding-bottom: 0px;}
	
#logos { width: 154px; padding-top: 15px; padding-left: 20px;}
	#logos ul { margin: 0px; padding: 0px;}
	#logos li { float: left; list-style-type: none;}

.lozengetable td { vertical-align: top; padding-right: 10px;}

#lozenge { min-height: 140px; padding: 20px 20px 0px 15px; width: 110px; background: url(../_images/template/lozenge_top.gif) scroll no-repeat left top;}
	* html #lozenge { height: 140px;}
	#lozenge h2 { line-height: 14px; padding-bottom: 5px;}
#lozengebottom { height: 35px; padding: 0px 0px 10px 10px; width: 135px; background: url(../_images/template/lozenge_bottom.gif) scroll no-repeat left bottom; height: 22px;}

#lozengelong { min-height: 140px; padding: 20px 20px 0px 15px; width: 145px; background: url(../_images/template/lozengelong_top.gif) scroll no-repeat left top;}
	* html #lozengelong { height: 140px;}
	#lozengelong h2 { line-height: 14px; padding-bottom: 5px;}
#lozengelongbottom { height: 35px; padding: 0px 0px 10px 10px; width: 170px; background: url(../_images/template/lozengelong_bottom.gif) scroll no-repeat left bottom; height: 22px;}

#pods { width: 192px; position: absolute; top: 285px; margin-left: 573px;}
	#pods ul { margin: 0px; padding: 0px;}
	#pods li { list-style-type: none; padding-bottom: 12px;}
	
#footer { width: 697px; padding-bottom: 20px; padding-top: 10px; background: url(../_images/template/dottedline.gif) scroll repeat-x left top;}
	#footer ul { margin: 0px; padding: 0px;}
	#footer li { float: left; list-style-type: none; padding-right: 5px;}
	#footer a { color: #616161; text-decoration: none;}
	#footer a:hover { color: #008DB0; text-decoration: none;}
	#footerleft { float: left; width: 500px; padding-left: 20px;}
	#footerright { float: right; width: 168px; text-align: right;}
	
ul#courses { margin: 0px; padding: 0px; width: 470px;}
	ul#courses li { width: 470px; list-style-type: none; background: url(/_images/icons/sitemap_arrow.gif) no-repeat left center scroll;}
	ul#courses a { line-height: 22px; display: block; width: 450px; padding-left: 20px; color: #008DB0; border-bottom: 1px dotted #008DB0; text-decoration: none;}
	ul#courses a:hover { background: #DEF5FB url(/_images/icons/sitemap_arrow.gif) no-repeat left center scroll; color: #008DB0; text-decoration: none;}

#content ul.inlinelinks { margin: 0px; padding: 0px;}
	#content ul.inlinelinks li { list-style-type: none; float: left;}

#content ul.inlinelist { margin: 0px; padding: 0px 0px 10px 0px;}
	#content ul.inlinelist li { list-style-type: none; float: left; padding-right: 10px;}

.gallery { width: 450px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ccc;}
	.gallery img { width: 163px; padding: 1px; float: left;}
	.galleryimage { float: left; width: 163px; padding-right: 10px;}
	.gallerytext { float: right; width: 257px;}
	.gallery h2 { padding-bottom: 2px;}
	
.galleryimages { width: 450px;}
	.galleryimages img { width: 100px; height: 71px; border: 1px solid #ccc; padding: 1px;}
		#content .galleryimages ul { margin: 0px; padding: 0px;}
		#content .galleryimages li { display: inline; float: left; padding-bottom: 5px; padding-right: 5px; list-style-type: none;}
		
.image { width: 15px; height: 15px;}
	.image .imagetopbkg { height: 15px; background: url(/_images/template/table_topbkg.gif) repeat-x scroll left top;}
	.image .imagebottombkg { height: 15px; background: url(/_images/template/table_bottombkg.gif) repeat-x scroll left top;}
	.image .imageleftbkg { width: 15px; background: url(/_images/template/table_leftbkg.gif) repeat-y scroll left top;}
	.image .imagerightbkg { width: 15px; background: url(/_images/template/table_rightbkg.gif) repeat-y scroll left top;}

.searchresult { border-bottom: 1px dotted #ccc; padding-bottom: 8px; padding-top: 8px;}
	.searchresult .pdf { background: url(/_images/icons/pdf.gif) scroll no-repeat left center; padding-left: 23px; padding-top: 3px;}
	.searchresult .news { background: url(/_images/icons/news.gif) scroll no-repeat left center; padding-left: 23px; padding-top: 3px;}
	.searchresult .events { background: url(/_images/icons/event.gif) scroll no-repeat left center; padding-left: 23px; padding-top: 3px;}
	.searchresult .jobs { background: url(/_images/icons/jobs.gif) scroll no-repeat left center; padding-left: 23px; padding-top: 3px;}
.searchedword { color: #FDB913; font-weight: bold;}

	 h2.typesofcourses { padding-left: 20px; padding-bottom: 0px; background: url(/_images/template/headerlink.gif) no-repeat scroll left top;}

.bluetext { color: #1888BB;}
.openinghours { line-height: 17px; padding-bottom: 10px;}
	.openinghours td { vertical-align: top; padding: 0px 5px 0px 0px;}
	
#content ul.pdflist { width: 350px; margin: 10px 0px 20px 0px; padding: 0px;}
	#content ul.pdflist li { list-style-type: none; margin-bottom: 3px; padding: 0px 0px 0px 30px; font-weight: bold; background: url(/_images/icons/pdf_large.gif) scroll no-repeat left center; line-height: 24px;}
	#content .sizetext { color: #757575; font-weight: normal; padding-left: 10px;}
	
#content ul.wordlist { width: 350px; margin: 10px 0px 20px 0px; padding: 0px;}
	#content ul.wordlist li { list-style-type: none; margin-bottom: 3px; padding: 0px 0px 0px 30px; font-weight: bold; background: url(/_images/icons/word_large.gif) scroll no-repeat left center; line-height: 24px;}

#content .pdflink { padding: 0px 0px 0px 30px; font-weight: bold; background: url(/_images/icons/pdf_large.gif) scroll no-repeat left center; line-height: 24px;}
#content .wordlink { padding: 0px 0px 0px 30px; font-weight: bold; background: url(/_images/icons/word_large.gif) scroll no-repeat left center; line-height: 24px;}

.linkstable td { vertical-align: top; padding-right: 10px;}
	#content ul.linkstable { margin: 0px; padding: 0px;}
	#content ul.linkstable li { width: 305px; margin: 0px; padding: 0px;}
	#content ul.linkstable li a { width: 305px; display: block; padding-left: 20px;}
	#content .linkstable ul { margin: 0px; padding: 0px;}
	#content .linkstable li { width: 205px; line-height: 22px; font-weight: bold; list-style-type: none; border-bottom: 1px dotted #ccc; background: url(/_images/template/headerlink.gif) no-repeat scroll left top;}
	#content .linkstable a { width: 205px; display: block; padding-left: 20px;}

.thankyou { width: 270px; color: #fff; font-weight: bold; padding: 13px 15px 0px 205px; height: 149px; background: url(/_images/template/thankyou.jpg) scroll no-repeat left top;}
	#content .thankyou a { color: #6F8409;}
	#content .thankyou a:hover { color: #353F03;}
	#content .thankyou ul { margin: 0px; padding: 0px;}
	#content .thankyou li { list-style-type: none; padding-left: 15px; background: url(/_images/template/thankyoubullet.gif) scroll no-repeat left bottom; line-height: 22px;}

.coursephoto { width: 425px; text-align: center; padding-bottom: 20px;}
	.coursephoto img { padding: 1px; border: 1px solid #ccc;}

.clear { clear: both;}
.hide { display: none;}

#CourseApplyForm label { margin-bottom: 10px;}

.checkoutbutton { float:right; margin:0px 0px 25px 0px;}
