/* Main CSS styles for default theme */


/* Site structure styles */
#innerContainer { float: left; width: 100%; margin-right: -14em; }
#outerContainer { float: right; width: 100%; margin-left: -12em; margin-top: 1.2em; }
/* Hide from IE/Mac \*/
* html #outerContainer { height:1% }
/* End hack */

html>/**/body #outerContainer { margin-top:1em; }

#content { margin: 2.6em 14em 0 12.5em;	background:#fff; }

#LeftNav { float: left; width: 11em; padding: 0; margin:3.5em 0.2em 0 0.2em; }
html>body #LeftNav { width:11.6em; }

#RightNav { float: right; width: 13.5em; padding: 0; margin-top: 2.6em; }
html>/**/body #RightNav { width:13.5em;	}





/* Breadcrumbs aren't shown on home page */
#SectionHome #bread { display:none;	}

#SectionHome #content, #SectionHome #RightNav { margin-top:0em;	}
#SectionHome #content  { margin-left:0em; margin-right:15em; }
.SectionPage #content { margin-right:15em; }
#SectionHome #outerContainer { float:none; margin-left:0; }
#SectionHome #innerContainer, .SectionPage #innerContainer { margin-right:-15em; }
#SectionHome #RightNav, .SectionPage #RightNav { width:14.8em; }

#SectionHome #MainNav li.Home {	cursor:default;	padding: 0 0.5em; }

/* LeftNav override styles */
#LeftNav h3 { margin:0;	padding: 0.2em; background:#000; color:#fff; }
#LeftNavLinks ul { list-style: none; margin:0 0 0.5em; padding:0; font-size:0.9em; }
#LeftNavLinks h3 { font-size:0.9em; }
/* LeftNavLinks level 1 */
#LeftNavLinks li { margin:0.1em 0 0; }
#LeftNavLinks li a { display:block; text-decoration:none; padding: 0.2em 0.2em 0.3em 15px; }
/* IE hack \*/
* html #LeftNavLinks li { height:1%;}
* html #LeftNavLinks li a { height:1%; }
/* */
#LeftNavLinks li a:link { background: url(../../../../images/bullets/right-arrow-green.gif) 2px 0.3em no-repeat #7ac043; color:#fff; }
#LeftNavLinks li a:visited { background: url(../../../../images/bullets/right-arrow-green.gif) 2px 0.3em no-repeat #7ac043; color:#e1e1e1; }
#LeftNavLinks li a:hover { background: url(../../../../images/bullets/right-arrow-greenActive.gif) 2px 0.4em no-repeat #b0c721; color:#063; }

/* LeftNavLinks Level 1 Selected Link */
#LeftNavLinks li.CurrentPage a:link { background: url(../../../../images/bullets/right-arrow-greenActive.gif) 2px 0.4em no-repeat #b0c721; color:#063; font-weight:bold; }
#LeftNavLinks li.CurrentPage a:visited { background: url(../../../../images/bullets/right-arrow-greenActive.gif) 2px 0.4em no-repeat #b0c721; color:#063; font-weight:bold; }

/* LeftNavLinks Level 2 */
#LeftNavLinks ul ul { background:#fff; margin-bottom:0; }
#LeftNavLinks li li a { padding: 0.2em 0.2em 0.3em 25px; }
#LeftNavLinks li li a:link { background: url(../../../../images/bullets/white-bullet.gif) 15px 0.6em no-repeat #7ac043; }
#LeftNavLinks li li a:visited { background: url(../../../../images/bullets/white-bullet.gif) 15px 0.6em no-repeat #7ac043; }
#LeftNavLinks li li a:hover { background: url(../../../../images/bullets/white-bullet.gif) 15px 0.6em no-repeat #b0c721; color:#063; }
/* Override styles for selected parent page */
#LeftNavLinks li.CurrentPage li a:link { background: url(../../../../images/bullets/white-bullet.gif) 15px 0.6em no-repeat #7ac043; color:#fff; font-weight:normal; }
#LeftNavLinks li.CurrentPage li a:visited { background: url(../../../../images/bullets/white-bullet.gif) 15px 0.6em no-repeat #7ac043; color:#fff; font-weight:normal; }
#LeftNavLinks li.CurrentPage li a:hover { background: url(../../../../images/bullets/white-bullet.gif) 15px 0.6em no-repeat #b0c721; color:#063; font-weight:normal; }
/* Level 2 page selected */
#LeftNavLinks li li.CurrentPage a:link { background: url(../../../../images/bullets/white-bullet.gif) 15px 0.6em no-repeat #b0c721; color:#063; }
#LeftNavLinks li li.CurrentPage a:visited {background: url(../../../../images/bullets/white-bullet.gif) 15px 0.6em no-repeat #b0c721; color:#063;}
#LeftNavLinks li li.CurrentPage a:hover { cursor:default;}

/* LeftNavLinks Level 3 */
#LeftNavLinks ul ul ul { background:#fff; margin-bottom:0; font-size:0.8em; }
#LeftNavLinks li li li a { padding: 0.2em 0.2em 0.3em 35px; }
#LeftNavLinks li li li a:link { background: url(../../../../images/bullets/white-line.gif) 25px 0.8em no-repeat #7ac043; }
#LeftNavLinks li li li a:visited { background: url(../../../../images/bullets/white-line.gif) 25px 0.8em no-repeat #7ac043; }
#LeftNavLinks li li li a:hover { background: url(../../../../images/bullets/white-line.gif) 25px 0.8em no-repeat #b0c721; color:#063; }
/* Override styles for selected parent page */
#LeftNavLinks li.CurrentPage li li a:link { background: url(../../../../images/bullets/white-line.gif) 25px 0.8em no-repeat #7ac043; color:#fff; font-weight:normal; }
#LeftNavLinks li.CurrentPage li li a:visited { background: url(../../../../images/bullets/white-line.gif) 25px 0.8em no-repeat #7ac043; color:#fff; font-weight:normal; }
#LeftNavLinks li.CurrentPage li li a:hover { background: url(../../../../images/bullets/white-line.gif) 25px 0.8em no-repeat #b0c721; color:#063; font-weight:normal; }
/* Level 3 page selected */
#LeftNavLinks li li li.CurrentPage a:link { background: url(../../../../images/bullets/white-line.gif) 25px 0.8em no-repeat #b0c721; color:#063; }
#LeftNavLinks li li li.CurrentPage a:visited {background: url(../../../../images/bullets/white-line.gif) 25px 0.8em no-repeat #b0c721; color:#063;}
#LeftNavLinks li li li.CurrentPage a:hover { cursor:default;}

/* Right Nav styles */
#ContextLinks ul, #NewsBox ul { padding:0; margin:0; list-style:none; }
#ContextLinks li, #NewsBox li { padding: 0.1em 0 0 0.1em; clear:both; }
#ContextLinks a { display:block; height:1.8em; line-height:1.8em;  background:url(../../../../images/bullets/right-arrow.gif) 5px 0.5em no-repeat; padding-left:15px; font-size:0.8em; font-weight:bold;  }
html>/**/body #ContextLinks a { height:auto; min-height:1.8em;}

.SectionPage #ContextLinks a { height:2.84em; line-height:2.84em; background-position:5px 1em;}
html>/**/body .SectionPage #ContextLinks a { height:auto; min-height:2.84em;}


#NewsBox { margin-top: 1em; }
#NewsBox h2 { font-size:1em; }
#NewsBox ul { font-size:0.75em; }
#NewsBox li { padding-top:0.2em; }
.SectionPage #NewsBox { margin-left:0.4em; border-top:1px solid; padding-top:0.5em; }
.SectionPage #NewsBox h2 { font-size:1.2em; }
.SectionPage #NewsBox p { font-size:0.9em; }

#ContextLinks li.Link1 { padding-top:0; }
#ContextLinks a:link { color:#000; text-decoration:none; }
#ContextLinks li.Link1 a:link { background-color:#b0c721; }
#ContextLinks li.Link2 a:link { background-color:#78C13E; }
#ContextLinks li.Link3 a:link { background-color:#00ab4f; }
#ContextLinks li.Link4 a:link { background-color:#02704b; }

#ContextLinks a:visited { color:#333; text-decoration:none; }
#ContextLinks li.Link1 a:visited { background-color:#b0c721; }
#ContextLinks li.Link2 a:visited { background-color:#78C13E; }
#ContextLinks li.Link3 a:visited { background-color:#00ab4f; }
#ContextLinks li.Link4 a:visited { background-color:#02704b; }

#ContextLinks a:hover, #ContextLinks a:active, #ContextLinks a:focus { text-decoration:underline;  }
#ContextLinks li.Link1 a:hover { background-color:#ededed; }
#ContextLinks li.Link2 a:hover { background-color:#ededed; }
#ContextLinks li.Link3 a:hover { background-color:#ededed; }
#ContextLinks li.Link4 a:hover { background-color:#ededed; }

#LocalSja { margin:0.2em 0 0.1em 0.1em; padding:0.1em 0.2em; background:#D2D6B5; }


#LeftNav #LocalSja { padding:0; }
#LocalSja h3 { margin:0.1em 0; font-size:0.9em; }
html>/**/body #LocalSja h3 {margin:0.5em 0; }
#LocalSja ul {list-style:none; margin:0.1em 0; padding:0; font-size:0.8em; }
html>/**/#LocalSja ul { margin:0.5em 0; }
#LeftNav #LocalSja ul { padding:0.2em; }
#LocalSja li { padding:0.3em 0 0; }
#LocalSja input, #LocalSja select { width:95%; margin: 0 auto; }
html>/**/body #LocalSja input { width:98%; }
#LeftNav #LocalSja input { width:95%; }
#LocalSja input.submitButton { width:auto; font-size:0.8em; padding:0 1em; float:right; }
#LeftNav #LocalSja input.submitButton { width:auto; font-size:0.8em; padding:0 1em; float:right; }

/*
#LocalSja { display:none; }
*/

/* News section title styles */

#NewsSection { background:#D2D6B5; color:#000; }
#NewsSection h1 { float:left; margin-right:-205px; margin-top:0.3em; width:100%;  }
#NewsSection h1 span { display:block; margin-right:205px; padding:0 0.3em;  }
.NewsSectionImg { float:right; width:203px; }
#NewsSection p { clear:left; padding:0 0.3em; font-size:0.9em; margin-bottom:0.5em; }
#NewsSection ul { margin: 0.5em 0 0.2em 0; list-style-type:square; font-size:0.8em; }
#NewsSection a:link { color:#063; }
#NewsSection a:visited { color:#093;	}
#NewsSection a:hover, #NewsSection a:focus { color:#f00; }


#courseFinder { font-size:0.8em; width:90%; margin:0 auto; }
#courseFinder fieldset {padding:0; }
#courseFinder fieldset legend { /*font-size:0.8em;*/ font-weight:bold; color:#063; }
#courseFinder fieldset li {	background:none; padding: 0.2em 0.5em; }
#courseFinder .CourseCode { width:20em; }
#courseFinder label { display:block; float:left; width:13.5em; text-align:right; padding-right:0.5em; }
#TrainingBox #courseFinder fieldset li { padding:0.2em 0; margin:0; }
#courseFinder .goTC { margin-left:15em; }
#NewsSection #courseFinder { background:#fff; clear:both; width:100%; }


#TrainingBox .TrainingText { margin-top:0.5em; }

#TrainingBox { background: #E7F0B1; margin-top: 0.9em; border: 2px solid #d2d6b5; float:left; padding:0.5em 1em 0.25em; width:99%; }
html>body #TrainingBox { width:auto; }
#TrainingBox h2 { margin:0; font-size:1.1em; }
/* IE doesn't display the fieldset background properly, so hide the border and put it on the form */
#TrainingBox fieldset { background: #D2D6B5; padding:0 1em 0.5em; border:none; }
html>/**/body #TrainingBox fieldset { border: #063 solid 1px; }
#TrainingBox #courseFinder { float: right; width: 48%; border: #063 solid 1px; }
html>/**/body #TrainingBox #courseFinder { border:none; }
/* end IE hacks */

#TrainingBox input, #TrainingBox select { width:20em; font-size:0.8em; }
#TrainingBox .TrainingText { float: left; width: 48%; margin-top:1em; font-size:0.9em; }
#TrainingBox input.goTC { width:auto; float:right; font-size:0.8em;	}
/*#TrainingBox label { position:absolute; left:-9000px; }*/
.TrainingText ul { margin:0.5em 0; padding:0; list-style:none; font-size:0.8em; }
.TrainingText li { padding-top:0.3em; }


.FullWidthBox {	width:100%;	}
.Box p, .FullWidthBox p { font-size:0.9em; margin:0; }
.FullWidthBox ul, #courseFinder ul { list-style:none; margin: 0 0 0; padding: 0.5em 0; }	
	
.Box { margin-top:1em; }
html>/**/body .Box { margin-top:auto; }
.Box a:link, .FullWidthBox a:link, #NewsBox a:link { color:#063; }
.Box a:visited, .FullWidthBox a:visited, #NewsBox a:visited { color:#408C66; }
.Box a:hover, .FullWidthBox a:hover, #NewsBox a:hover { color:#f00; }
.Box h2 { margin-bottom:0.5em; }
#SectionHome .BoxImage { background:url(../../../../images/home/defaultSpace.gif) top left no-repeat; }
#SectionHome .BoxText { margin-left:130px; }
.BoxText ul { margin:0.5em 0 0; padding:0; list-style:none; font-size:0.8em; }
.BoxText li { margin-top:0.3em; }


/* Training Search Results Page */
#TrainingSERP {	margin:0; padding:0; list-style:none;font-size:0.9em;  }
#TrainingSERP h2 { margin:1em 0 0; }
#TrainingSERP h3 { margin:0.5em 0 0; }
#TrainingSERP ul { margin: 0 0 0 1em; padding:0; list-style:none; }
#TrainingSERP ol { margin: 0 0 0 0.5em; padding:0; list-style:none;}
#TrainingSERP UL LI { padding-top:0.3em; clear:both; }
#TrainingSERP .CourseDetails { width:100%; float:left;  }
#TrainingSERP .CourseDetails li { width:12em; float:left; clear:none; }
.MoreCourses, .VenueDetails { margin-top:0.5em; background:url(../../../../images/bullets/right-arrow.gif) 0 0.5em no-repeat; padding-left:1em; margin-left:0; }
.NavButtons { width:35em; float:left; margin-top:1.5em; }
.PreviousButton { float:left; }
.NextButton { float:right; }

/******* styles for main content pages **************/
.content { padding-left:0.5em; }

#contentImage, .contentImage { float:left; padding:0.5em; border: 2px solid #bfbfbf; margin-right:1em; margin-bottom:1em; }

.FirstParagraph {font-size:1.05em; }
.FirstParagraph:after { clear:both; }
.content h2 { clear:both; }
/* deal with IE peakaboo bug */
/* \*/
* html .content { height:1%;}
/* */

/* these control the Quote style */
.content .pullQuote { float:right; width:200px; }
.pullQuote { background:#d2d6b5; padding: 0.2em; }
.left-speech-mark {	background:url(../../../../images/Quote.gif) 0 0 no-repeat; }
.pullQuote blockquote {	font-size:0.8em; font-weight:bold; text-align:left;	padding: 0.8em 20px 0.5em; margin:0; }

.right-speech-mark { background:url(../../../../images/Unquote.gif) 100% 100% no-repeat; position:relative;	}
.quoted-person { font-size:0.8em; font-weight:bold; padding: 0.5em 20px 0; }
.quoted-position { font-size: 0.75em; padding: 0 20px 0.5em; }
.quoted-link { 	font-size:0.7em; margin-top:0.5em; padding-bottom:0.5em; border-bottom:1px solid #000; }
#TopRightLinks h3 { margin-bottom:0.5em; }
#TopRightLinks ul { margin:0; padding:0; list-style:none; font-size:0.8em; }
#TopRightLinks li { padding: 0.2em 0; }


/* Vacancy styles */
#VacancyDetails dl { display: block; background: #D2D6B5; width: 75%; border-bottom: 1px solid #000; }
#VacancyDetails dt { display: block; clear: left; float: left; padding: 1px 1px 1px 3px; font-weight:bold;} 
#VacancyDetails dd { display: block; clear: right; margin-left: 0; border: 1px solid #000; border-bottom: 0px; padding: 1px 1px 1px 120px;}
.vacancyDownload ul { list-style-type:none; margin:0; padding: 0;}
/*.vacancyDownload li { padding-left: 20px; background: url(/sja/images/pdficon_16x16.gif) no-repeat 0; margin: 2px 0px; }*/

/**************** Search Results page CSS *************/

#searchResults p, #searchResults td, #searchResults li { font-size: 1.1em; }
#searchResults input, #searchResults select { font-size: 0.8em;	}

		
.searchSmallerText { font-size: smaller; }
.searchSmallGrey { font-size:smaller; color:#999999; }
.searchSepBar {	background-color:#000000; color:#ffffff; }
.searchSepBarTextColor { color:#FFFF99; }
.z { display:none }
.searchSortBy { color:#000000; }
.searchFileType { font-size:x-small; }
.searchDocTitle { font-size: 1em; }
.searchSummaryText { font-size: 0.9em; color:#000000; }
/********##################*********/
.searchUrl { font-size:0.8em; color:#2e9467; /*display:block; width:100%; overflow: hidden; float:left;*/ }
/********##################*********/
.searchFeintUrl { font-size:0.8em; } 
.searchKeyMatch { font-size: 0.9em; background-color:#e7f0b1;  }
.searchKeyMatch dl { margin-left:8em; }
.searchKeyMatch h2 { font-size:smaller; color:#063; float:left; width:10em;}
.searchNavigation { font-size:1em; color:#000000; padding-left:25%; padding-right:25%; }
.searchNavigation .searchCurrentPage { font-weight:bold; }
.searchCurrentPage { color:#CC0000; }
div.searchNavigation a { text-decoration:none; }
.searchNavTerm, .searchNavTerm a { font-size: 1.0em; font-weight:bold; text-align:right; }
.searchSpellingWord, .searchSynonymsWord { font-size: 1.0em; color:#cc0000; }
.searchAdvancedRow { background-color: #e1f1e4;	}
#searchResults a:link {	color:#0000cc; }
#searchResults  a.searchFeintUrl:link { color:#6f6f6f; }
#searchResults a:visited { color: #551a8b; }
#searchResults a:hover, #searchResults a.searchFeintUrl:hover {	color: #ff0000;	}

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

/************** Multimap Style pages ***********/
#MultimapImage { border: 2px solid #bfbfbf; padding:1em 1em 0; float:left; margin-right: 1em; margin-bottom: 1em;}
#MultimapImage ul { margin:5px 0 0;padding:0; list-style:none; width:100%;}
#MultimapImage li { float:left; }
#MultimapImage a span { position:absolute; left:-9000px; }
#MultimapImage a { width:22px; display:block; float:left; height:22px; margin-left:6px; padding:1px;}
.CurrentZoom { clear:left; font-weight:bold; text-align:center; }
#MultimapImage a.ZoomIn { margin-left:1px; background:url(../../../../images/mapicons/ZoomIn.gif) top left no-repeat #063; padding:0; }
#MultimapImage a.ZoomOut { margin-left:1px; background:url(../../../../images/mapicons/ZoomOut.gif) top left no-repeat #063; padding:0; }
#MultimapImage a.Zoom1 { background:url(../../../../images/mapicons/Zoom1.gif) top left no-repeat; }
#MultimapImage a.Zoom2 { background:url(../../../../images/mapicons/Zoom2.gif) top left no-repeat; }
#MultimapImage a.Zoom3 { background:url(../../../../images/mapicons/Zoom3.gif) top left no-repeat; }
#MultimapImage a.Zoom4 { background:url(../../../../images/mapicons/Zoom4.gif) top left no-repeat; }
#MultimapImage a.Zoom5 { background:url(../../../../images/mapicons/Zoom5.gif) top left no-repeat; }
#MultimapImage a.Zoom6 { background:url(../../../../images/mapicons/Zoom6.gif) top left no-repeat; }
#MultimapImage a.Zoom7 { background:url(../../../../images/mapicons/Zoom7.gif) top left no-repeat; }
.VenueInformation { clear:left; background:none; border:none; padding:0; float:left; width:100%; margin-top:0; }
.VenueInformation dt { float:none; clear:left; border:none; margin:0.5em 0 0; padding:0; width:100%; }
.VenueInformation dd { float:none; clear:left; border:none; margin:0; padding:0; width: 100%; }
.VenueAddress { padding-left:1em; float:left; }
.PdfList { margin:0; padding:0; list-style:none; }
.PdfList li { padding-left:1.5em; padding-top:0.3em; background:url(../../../../images/icons/pdf_16.gif) 0 0.2em no-repeat; }

/*** Styles for iFIRSTAID ***/
.ifaLinkTable { font-size:0.9em; }
.ifaLinkTable ul { margin:0; padding:0; list-style:none; }
.ifaLinkTable li { background:url(../../../../images/bullets/greenShaded-bullet.gif) 0 0.4em no-repeat; padding-left:1em; }
.ifaLinkTable h2 span { position:absolute; left:-9000px;}
.ifaLinkTable h2 a { background:url(../../../../images/logos/iFIRSTAID_150.jpg) top left no-repeat; display:block; width:150px; height:44px; }

.ifaLinkTable h2 { margin:1em 0 0.5em; }
.ifaLinkTable dl { display: block; background: none; width: 100%; border-bottom:none; margin-top:0.5em; }
.ifaLinkTable dt { display: block; clear: left; float:none; padding:0.5em 0 0 1em; font-weight:normal; background:url(../../../../images/bullets/greenShaded-bullet.gif) 0 0.8em no-repeat;} 
.ifaLinkTable dd { clear:none; margin-left: 0; border:none; padding:0 1em 0 1.5em; float:none;}
.ifaLinkTable p { font-size:0.8em; margin-top:0.5em; }

/*** Styles for County & Unit details ***/
#CountyDetails { width: 100%; margin: 0%; padding:0% 0% 1% 0%; border-bottom: 1px solid #000; float:left;}
#CountyAddress { width:48%; float: left; margin: 0% 1% 0% 0%;}
#CountyTels {width:48%; float: left; margin: 0% 0% 0% 1%;border-top: 2px solid #000; padding: 0;}
#CountyTels dl { display: block; margin: 0px 0px 5px 0px; border-bottom: 2px solid #000;}
#CountyTels dt, #UnitTels dt { display: block; clear: left; float: left;margin: 0; padding: 1px 1px 1px 3px; font-weight:bold;} 
#CountyTels dd, #UnitTels dd { display: block; clear: right; float: right; margin: 0; padding: 1px 1px 1px 1px; width:8em;}
#UnitHeader {width:100%; margin: 0; padding: 0px 2px 10px 2px; float:left;}
#UnitHeader dl { display: block; width:100%; float:left; margin: 0 0 10px 0;}
#UnitHeader dt { display: block; float: left; margin: 0; padding: 1px 1px 1px 3px;  }
#UnitHeader dd { display: block; float: left; margin: 0; font-weight:bold;}
#Units { width: 100%; float: left; border-bottom: 1px solid #000; padding-bottom: 10px;}
.UnitDetails {width:48%; float:left; font-size: 0.8em; border-top: 1px solid #000; margin: 0 0.5%;}
#UnitAddress {width:58%; float:left; margin: 0 0.5%;}
#UnitExtraDetails {width:38%; float:left; margin: 0 0.5%;}
#UnitTels {width: 100%; margin: 1% 0.05% 0%; padding: 0; float: left; font-size:0.9em;}
#UnitTels dl { display: block; width: 100%; margin: 0;}
#RegionsAndCounties { width: 100%;}
.Regions {width: 30%; margin: 0% 1%; padding: 0 0 10px 0; float: left; height:175px; }
html>/**/body .Regions {height:auto; min-height:175px;}
.Regions ul {margin:0; padding:0; list-style:none;}
.Regions ul ul {margin-left:20px; list-style-type:square;font-size:0.9em;}

/*** Quiz styles ***/
        .QuizComment {padding: 2px; width:90%; margin: 10px;}
        .QuizComment h3 {margin: 0 0 0.5em;}
        .QuizComment h4 {margin:0 0.5em 0 0; display: inline;}
        .QuizButtons { margin: 5px 0;}
        .QuizTotal, .QuizTime {width: 50%; float:left; margin:5px 0;}
        .QuizCorrect { color: #093; font-weight:bold;}
        .QuizIncorrect { color: #f00; font-weight:bold;}
        .QuizBreakdown ol li {margin: 0 0 15px 0;}
        .QuizBreakdown ol li ul {margin:5px 0 5px 20px;}
        .QuizBreakdown ol li ul li {margin:0;}
	#QuizQuestion {height:1%;}
	html>/**/body #QuizQuestion {height:auto;}

/*** Terms and conditions styles ***/
.TermsConditions ol { margin: 20px; padding: 0px; }
.TermsConditions li { margin-top: 1em; }
.TermsConditions ul { list-style: disc; }
.TermsConditions ol ul { margin-left: 1em; padding-left: 0px; }
.TermsConditions .typea { list-style: lower-alpha; }

/*** Unordered lists with images/text as links ***/
.VerticalImageLinkList ul { margin:1em; padding:0; list-style:none;}
.VerticalImageLinkList ul li {
	display:block;
	margin: 0px 0px 40px;
}
.VerticalImageLinkList ul li a img {text-decoration:none;}
.VerticalImageLinkList ul li img {border:0;}
.HorizontalImageLinkList {width:100%}
.HorizontalImageLinkList ul { margin:1em; padding:0; list-style:none;}
.HorizontalImageLinkList ul li {
	display:inline;
	float:left;
	margin:10px ;
}
.HorizontalImageLinkList ul li a im {text-decoration:none;}
.HorizontalImageLinkList ul li img {border:0;}

/*** Unit view styles ***/
.UnitViewOther h2 {clear: none;}
.UnitViewOther li {margin-left: 20px;}
.UnitViewTelephones dl { display: block; width: 100%; margin: 0;}
.UnitViewTelephones dt { display: block; clear: left; float: left;margin: 0; padding: 2px;}
.UnitViewTelephones dd { display: block; clear: right; margin: 0px 0px 0px 200px; padding: 2px;}
#UnitContactForm legend, #NationalContactForm legend { display:none;}
#UnitContactForm ul.nobullet, #NationalContactForm ul.nobullet  {list-style:none;margin:0;padding:0;}
#UnitContactForm li.nobullet, #NationalContactForm li.nobullet {margin: 0.5em 0;}
#UnitContactForm label, #NationalContactForm label {width:9.5em; text-align:right; margin-right:0.25em; float:left; display:block; clear:right;}
#UnitContactForm li.submit input, #NationalContactForm li.submit input {margin-left: 9.75em;}
.mandatory {color: #f00; font-weight:bold;}
.ErrorMsg {display:block;color:#f00;margin-left:10em;margin-right:2em;}
.UnitContactFormDisclaimer {font-size:0.8em;}

/*** National contact form styles ***/
#NationalContactForm select {width:50%;}
.NationalContactFormFaqs {background-color:#d2d6b5; padding:0.5em 0.5em 0.1em; margin:0 auto; width:95%;}
.NationalContactFormFaqs h4 {margin:0;}
#NationalContactForm dt {font-weight:bold;}
#NationalContactForm dd {margin:1em 0 0 0;padding:0 1em;}

#TrainingSERP h2 { background:url(/sja/images/keyline/smdkgreen-corner.gif) top left no-repeat #063; color:#fff; padding-left: 20px; }
#TrainingSERP h3 { color: #063; margin-left:20px; }
#TrainingSERP table { border-collapse:collapse; margin-left:20px; }
#TrainingSERP th { /*background: #ccc; border:1px solid #000;*/ text-align:left; }
#TrainingSERP td { /*border:1px solid #000;*/ }
.CourseDates { width:12em; }
.CourseTimes { width:8em;}
#TrainingSERP .CoursePlaces{ text-align: right; width:3em; }
#TrainingSERP .CourseCost { text-align: right; width:4.5em; }
#TrainingSERP .CourseCost abbr { font-size:0.8em; display:none; }
#TrainingSERP td a { margin-left: 1em; }

.AdvertKeyline { background:url(../../../../images/keyline/black-keyline.gif) top left no-repeat #fff; font-size:0.8em; padding:2px; border-bottom:2px solid #000; border-right:2px solid #000; margin-top:3em; }
.AdvertText { margin: 15px 15px 0; }
.AdvertImage { text-align:center; }

/*** Article index extra styles ***/
.ArticleIndex img {float:left;}
.ArticleIndex li {clear:both;}