/* 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; }



/* Right Nav styles */
#ContextLinks ul, #NewsBox ul, .lifeBox ul { padding:0; margin:0; list-style:none; }
#ContextLinks li, #NewsBox li, lifeBox 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, .lifeBox { margin-top: 1em; }
#NewsBox h2, .lifeBox h2 { font-size:1em; }
#NewsBox ul, .lifeBox ul { font-size:0.75em; }
#NewsBox li, .lifeBox 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; }


#billboard { background: #D2D6B5 url(../../../../images/home/main-pic-66.jpg) no-repeat right top; height:200px; }
/* ######## billboard1 background colour should be same as #billboard when save a life campaign comes off banner*/
/* ######## Save a life background colour is #78c13e */
#billboard1 {background:#D2D6B5; height:200px; }
#billboard a:link, #billboard1 a:link { color:#063; }
#billboard a:hover, #billboard1 a:hover { color:#063; }
html>body #billboard, html>body #billboard1 { height:auto; min-height:200px; }
#billboard h1, #billboard1 h1 { margin-bottom:0.5em; }
#billboard p, #billboard1 p { margin-top:0.5em; }

.billboardText {  margin-left:-240px; width:100%; float:left; }
.billboardText div { padding:0.5em 1em 0.2em; margin-left:240px; }

.billboardText1 {  margin-left:-400px; width:100%; float:left; }
.billboardText1 div { padding:0.5em 1em 0.2em; margin-left:400px; }
.billboardImage { float:right; }
#billboardText { background: #D2D6B5; padding:0.5em 1em 0.2em; margin-right: 239px; }
#billboardText ul, .billboardText ul { color:#063; margin:0; padding:0; list-style-position:inside; display:block; }

.HomeAd { padding:10px; font-size:0.9em; }
.HomeAd img { margin:0 auto; }

#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; clear:left; }
#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.1em 0; margin:0; }
#TrainingBox #courseFinder label { font-size:0.8em; width:13.5em; }
#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; padding:0.5em 1em 0.25em; /*float:left; 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 0.5em 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 { width:15em; font-size:0.8em; } 
#TrainingBox #courseFinder .CourseCode { width:15em; 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, .lifeBox a:link { color:#063; }
.Box a:visited, .FullWidthBox a:visited, #NewsBox a:visited, .lifeBox a:visited { color:#408C66; }
.Box a:hover, .FullWidthBox a:hover, #NewsBox a:hover, .lifeBox 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; }


#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; }


.lifeBox a {display:block; background-repeat:no-repeat; background-position:left top; padding:5px 5px 5px 70px; height:90px;}