/* CSS Document */
body {margin:10px 0px 0px 0px; text-align:left; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; background-image:url(images/homeBackground.gif); background-position:left top; background-repeat:no-repeat;}
.employerBg {background-image:url(images/employersBackground.gif); background-position:left top; background-repeat:no-repeat;}
.youngPeopleBg {background-image:url(images/youngPeopleBackground.gif); background-position:left top; background-repeat:no-repeat;}
.parentsBg {background-image:url(images/parentsBackground.gif); background-position:left top; background-repeat:no-repeat;}
.eventsBg {background-image:url(images/eventsBackground.gif); background-position:left top; background-repeat:no-repeat;}
.newsBg {background-image:url(images/newsBackground.gif); background-position:left top; background-repeat:no-repeat;}
.llmiBg {background-image:url(images/llmiBackground.gif); background-position:left top; background-repeat:no-repeat;}
.aboutBg {background-image:url(images/aboutBackground.gif); background-position:left top; background-repeat:no-repeat;}
.noBg {background-image:none;}

img {border:none;}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* Wrapper  */
.siteWrapper {width:972px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* Top links  */
.topLinks {width:972px; padding:0px 30px 0px 0px; color:#999; text-align:right;}
.topLinksRedefine ul {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:right;}
.topLinksRedefine li {padding: 0px 9px 0px 5px; background: url(images/pipe.gif) 0 .3em no-repeat; list-style-type: none; display: inline; font-size:11px; background-position:right;}
.topLinksRedefine  a:link {color:#999;}
.topLinksRedefine a:visited {color:#999;}
.topLinks .pipe {background-image:none;}


/* Header  */
.header {width:972px; height:107px;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* Main Content Area  */
.mainContent {width:972px; background-image:url(images/mainContentBg.gif); background-position:top; float:left;}

/* TextContent Area  */
.textContent {width:720px; float:right;}
.contentTop {width:720px; height:72px; background-image:url(images/contentTop.gif); background-repeat:no-repeat;}
.contentTopHome {width:720px; height:72px; background-image:url(images/contentTopHome.gif); background-repeat:no-repeat;}
.contentBg {background-image:url(images/contentBg.gif); background-repeat:repeat-y;}
.contentInner {padding:10px 50px 10px 30px;}

.anchorLinks {width:640px; padding:0px 0px 20px 0px; color:#999; text-align:left;}
.anchorLinksRedefine ul {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.anchorLinksRedefine li {padding: 0px 9px 0px 5px; background: url(images/pipe.gif) 0 .3em no-repeat; list-style-type: none; display: inline; font-size:11px; background-position:right;}
.anchorLinksRedefine  a:link {color:#000;}
.anchorLinksRedefine a:visited {color:#000;}
.anchorLinks .pipe {background-image:none;}



/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/* Navleft  */
.navLeft {float:left; width:242px;}


/* Navleft main menu */
.navLeftPadd * {}
.navLeftPadd ul { margin:10px 0px 0px 0px; padding-left:0px; list-style-image: none; font-size:11px;}
.navLeftPadd li {
	margin:0px 0px 0px 0px;
	padding:14px 0px 0px 60px;
	list-style-image: none;
}


.home {background-image:url(images/homeOff.gif); text-align:left; color:#FFFFFF; height:22px;}
.home a{display:block;}

.home:hover {background-image:url(images/homeOn.gif);}
.home a:active {color: #fff; text-decoration: none;}
.home a:link {color: #fff;text-decoration: none;}
.home a:visited {color: #fff; text-decoration: none;}
.home a:hover {color: #fff; text-decoration: none;}



.employer {background-image:url(images/employersOff.gif); text-align:left; color:#FFFFFF; height:22px;}
.employer a{display:block;}

.employer:hover {background-image:url(images/employersOn.gif);}
.employer a:active {color: #fff; text-decoration: none;}
.employer a:link {color: #fff;text-decoration: none;}
.employer a:visited {color: #fff; text-decoration: none;}
.employer a:hover {color: #fff; text-decoration: none;}



.youngChoices {background-image:url(images/youngChoicesOff.gif); text-align:left; color:#FFFFFF; height:22px;}
.youngChoices a{display:block;}

.youngChoices:hover {background-image:url(images/youngChoicesOn.gif);}
.youngChoices a:active {color: #fff; text-decoration: none;}
.youngChoices a:link {color: #fff;text-decoration: none;}
.youngChoices a:visited {color: #fff; text-decoration: none;}
.youngChoices a:hover {color: #fff; text-decoration: none;}



.careersWork {background-image:url(images/careersWorkOff.gif); text-align:left; color:#FFFFFF; height:22px;}
.careersWork a{display:block;}

.careersWork:hover {background-image:url(images/careersWorkOn.gif);}
.careersWork a:active {color: #fff; text-decoration: none;}
.careersWork a:link {color: #fff;text-decoration: none;}
.careersWork a:visited {color: #fff; text-decoration: none;}
.careersWork a:hover {color: #fff; text-decoration: none;}



.parentsCarers {background-image:url(images/parentsCarersOff.gif); text-align:left; color:#FFFFFF; height:22px;}
.parentsCarers a{display:block;}

.parentsCarers:hover {background-image:url(images/parentsCarersOn.gif);}
.parentsCarers a:active {color: #fff; text-decoration: none;}
.parentsCarers a:link {color: #fff;text-decoration: none;}
.parentsCarers a:visited {color: #fff; text-decoration: none;}
.parentsCarers a:hover {color: #fff; text-decoration: none;}



.events {background-image:url(images/eventsOff.gif); text-align:left; color:#FFFFFF; height:22px;}
.events a{display:block;}

.events:hover {background-image:url(images/eventsOn.gif);}
.events a:active {color: #fff; text-decoration: none;}
.events a:link {color: #fff;text-decoration: none;}
.events a:visited {color: #fff; text-decoration: none;}
.events a:hover {color: #fff; text-decoration: none;}



.news {background-image:url(images/newsOff.gif); text-align:left; color:#FFFFFF; height:22px;}
.news a{display:block;}

.news:hover {background-image:url(images/newsOn.gif);}
.news a:active {color: #fff; text-decoration: none;}
.news a:link {color: #fff;text-decoration: none;}
.news a:visited {color: #fff; text-decoration: none;}
.news a:hover {color: #fff; text-decoration: none;}



.llmi {background-image:url(images/llmiOff.gif); text-align:left; color:#FFFFFF; height:22px;}
.llmi a{display:block;}

.llmi:hover {background-image:url(images/llmiOn.gif);}
.llmi a:active {color: #fff; text-decoration: none;}
.llmi a:link {color: #fff;text-decoration: none;}
.llmi a:visited {color: #fff; text-decoration: none;}
.llmi a:hover {color: #fff; text-decoration: none;}



.gimi {background-image:url(images/gimiOff.gif); text-align:left; color:#FFFFFF; height:22px;}
.gimi a{display:block;}

.gimi:hover {background-image:url(images/gimiOn.gif);}
.gimi a:active {color: #fff; text-decoration: none;}
.gimi a:link {color: #fff;text-decoration: none;}
.gimi a:visited {color: #fff; text-decoration: none;}
.gimi a:hover {color: #fff; text-decoration: none;}



.aboutus {background-image:url(images/aboutusOff.gif); text-align:left; color:#FFFFFF; height:22px;}
.aboutus a{display:block;}

.aboutus:hover {background-image:url(images/aboutusOn.gif);}
.aboutus a:active {color: #fff; text-decoration: none;}
.aboutus a:link {color: #fff;text-decoration: none;}
.aboutus a:visited {color: #fff; text-decoration: none;}
.aboutus a:hover {color: #fff; text-decoration: none;}



.links {background-image:url(images/linksOff.gif); text-align:left; color:#FFFFFF; height:22px;}
.links a{display:block;}

.links:hover {background-image:url(images/linksOn.gif);}
.links a:active {color: #fff; text-decoration: none;}
.links a:link {color: #fff;text-decoration: none;}
.links a:visited {color: #fff; text-decoration: none;}
.links a:hover {color: #fff; text-decoration: none;}



.professionals {background-image:url(images/professionalsOff.gif); text-align:left; color:#FFFFFF; height:22px;}
.professionals a{display:block;}

.professionals:hover {background-image:url(images/professionalsOn.gif);}
.professionals a:active {color: #fff; text-decoration: none;}
.professionals a:link {color: #fff;text-decoration: none;}
.professionals a:visited {color: #fff; text-decoration: none;}
.professionals a:hover {color: #fff; text-decoration: none;}



.jobSearch {background-image:url(images/jobSearchOff.gif); text-align:left; color:#FFFFFF; height:22px;}
.jobSearch a{display:block;}

.jobSearch:hover {background-image:url(images/jobSearchOn.gif);}
.jobSearch a:active {color: #fff; text-decoration: none;}
.jobSearch a:link {color: #fff;text-decoration: none;}
.jobSearch a:visited {color: #fff; text-decoration: none;}
.jobSearch a:hover {color: #fff; text-decoration: none;}


.textReader {padding:20px 20px 20px 20px;}

.rokTalk {width:200px; margin-left:auto; margin-right:auto; padding-left:30px; padding-top:20px;}
.rokTalkHeader {height:18px;}
.rokTalkBg {background-image:url(images/rokTalkBg.gif); background-repeat:repeat-y; padding:5px 10px 5px 10px;}
.rokTalkBase {height:19px;}
.icons {width:180px; height:32px; padding-left:15px; padding-bottom:10px;}

.feedback {width:180px; padding-left:50px; padding-bottom:10px; padding-top:10px;}



/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



/* Mega Drop Down Menu Style */
.megamenu{
	position: absolute;
	display: none;
	left: 0;
	top: 0;
	background: white;
	padding:4px;
	margin-left:190px;
	font: normal 12px Verdana;
	z-index: 100;
	border: 1px ridge #912081;
}

.megamenu .column{
	float: left;
	width: 200px; /*width of each menu column*/
	margin-right: 5px;
	padding-right:3px;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

.megamenu .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.megamenu .column ul li{
padding-bottom: 5px;
}

.megamenu .column h3{
background: #e0e0e0;
font: bold 13px Arial;
margin: 0 0 5px 0;
}

.megamenu .column ul li a{
text-decoration: none;
}

.megamenu .column ul li a:hover{
color: red;
}

a.dropDownLinks:active {font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size: 100%; color: #ffffff; text-decoration: none;}
a.dropDownLinks:link {font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size: 100%; color: #ffffff; text-decoration: none;}
a.dropDownLinks:visited {font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size: 100%; color: #ffffff; text-decoration: none;}
a.dropDownLinks:hover {font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size: 100%; color: #ffffff; text-decoration: underline;}

.employersSub {
	padding-left:10px;
	padding-top:5px;
	height:20px;
	background-color:#912081;
	text-align:left;
	font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif;
	font-size:90%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;	
	width:200px;
}

.yourChoicesSub {
	padding-left:10px;
	padding-top:5px;
	height:20px;
	background-color:#912081;
	text-align:left;
	font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif;
	font-size:90%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;	
	width:200px;
}

.careersWorkSub {
	padding-left:10px;
	padding-top:5px;
	height:20px;
	background-color:#912081;
	text-align:left;
	font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif;
	font-size:90%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;	
	width:200px;
}

.parentsCarersSub {
	padding-left:10px;
	padding-top:5px;
	height:20px;
	background-color:#912081;
	text-align:left;
	font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif;
	font-size:90%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;	
	width:200px;
}

.aboutusSub {
	padding-left:10px;
	padding-top:5px;
	height:20px;
	background-color:#912081;
	text-align:left;
	font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif;
	font-size:90%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;	
	width:200px;
}

.professionalsSub {
	padding-left:10px;
	padding-top:5px;
	height:20px;
	background-color:#912081;
	text-align:left;
	font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif;
	font-size:90%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;	
	width:200px;
}

.jobSearchSub {
	padding-left:10px;
	padding-top:5px;
	height:20px;
	background-color:#912081;
	text-align:left;
	font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif;
	font-size:90%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;	
	width:200px;
}


.subNav {background-image:url(images/subNavOff.gif); text-align:left; color:#ffffff; height:22px;}
.subNav a{display:block; padding-left:25px;}

.subNav:hover {background-image:url(images/subNavOn.gif);}
.subNav a:active {color: #fff; text-decoration: none;}
.subNav a:link {color: #fff;text-decoration: none;}
.subNav a:visited {color: #fff; text-decoration: none;}
.subNav a:hover {color: #fff; text-decoration: none;}



/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* Footer  */
.footer {width:972px; height:180px; float:left;}



/* Footer links  */
.footerLinks {width:954px; padding:10px 20px 0px 0px; color:#999; text-align:right;}
.footerLinksRedefine ul {margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; float:right;}
.footerLinksRedefine li {padding: 0px 9px 0px 5px; background: url(images/pipe.gif) 0 .3em no-repeat; list-style-type: none; display: inline; font-size:11px; background-position:right;}
.footerLinksRedefine a:link {color:#999;}
.footerLinksRedefine a:visited {color:#999;}
.footerLinks .pipe {background-image:none;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* Events Page  */
.eventsImage {padding:10px 10px 10px 0; float:left;}

.eventsContainer {width:600px; margin-left:auto; margin-right:auto; padding-bottom:10px;}
.eventsHeader {width:600px; height:32px; background-image:url(images/eventsHeader.gif); background-repeat:no-repeat; margin-bottom:0px; padding-bottom:0px;}
.eventsHeader p {padding:8px 0px 0px 20px; color:#FFFFFF; font-size:14px; text-align:left; font-weight:bold;}
.eventsContent {padding-top:8px;}
.eventBg {width:560px; background-image:url(images/eventsBg.gif); background-repeat:repeat-y; color:#000000; font-size:12px; text-align:left; padding:10px 20px 20px 20px;}
.eventsBase {width:600px; height:32px;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* Q & A  */
.qaContainer {width:600px; margin-left:auto; margin-right:auto;}
.qaHeader {width:600px; height:26px; background-image:url(images/qaHeader.gif); background-repeat:no-repeat;}
.qaBg {width:540px; background-image:url(images/qaBg.gif); background-repeat:repeat-y; color:#000000; font-size:12px; text-align:left; padding:0px 30px 0px 30px;}
.qaBase {width:600px; height:25px;}



/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* Vacancy Styles */
.vacancyHeader {width:640px; height:40px;}
.vacancyBg {width:640px; background-image:url(images/vacancyBg.gif); background-repeat:repeat-y; padding-bottom:250px;}
.vacancyBase {width:640px; height:32px;}

.vacancies {width:640px; padding-bottom:20px;}
.vacancyJobTitle {width:400px; float:left; padding-left:15px; padding-top:5px;}
.vacancyClosingDate {width:200px; float:right; padding-right:20px; padding-top:5px;}

.vacancyHeading {font-size:16px; color:#912081; font-weight:bold; text-align:left; padding:10px 0px 0px 0px;}
.vacancyContent {font-size:12px; color:#333; text-align:left; padding:0px 0px 20px 0px;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* Vacancy Print Styles */
.coverPrint {
	width: 100%;
	margin-right: auto;
	margin-left: auto;

}
.contentPrint {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.contentPrintInner {
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 20px;
	padding-bottom: 20px;
	margin-top: 0px;
}

.printTop {width:614px; height:31px;}
.printBg {width:614px; background-image:url(images/printBg.gif); background-repeat:repeat-y;}
.printBase {width:614px; height:16px;}

.printh1 {padding-left:20px;}
.printHeading {font-size:16px; color:#912081; font-weight:bold; padding:10px 20px 0px 20px;}
.printContent {font-size:12px; color:#333; text-align:left; padding:0px 20px 20px 20px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/* Misc  */
a:active {color:#333; text-decoration: underline;}
a:link {color:#333; text-decoration: underline;}
a:visited {color:#333; text-decoration: underline;}
a:hover {color: #333; text-decoration: none;}

a.whiteLink:link {color: #FFF;text-decoration: underline;}
a.whiteLink:visited {color: #FFF; text-decoration: underline;}
a.whiteLink:hover {color: #FFF; text-decoration: none;}

.contentTopHome h1 {font-size:14px; padding:25px 0px 0px 50px; color:#912081; font-weight:900; text-align:left;}


h1 {font-size:16px; padding:25px 0px 0px 50px; color:#912081; font-weight:900; text-align:left;}
h2 {font-size:14px; padding:0px; margin:0px 0px 4px 0px; color:#912081; text-align:left;}
h3 {font-size:14px; padding:0px; margin:0px 0px 0px 0px; color:#17357E;}
p {font-size:12px; margin:0px 0px 15px 0px; line-height:20px; color:#333; text-align:left;}
.acrobat {color:#666666;}

.acrobat  a:link {color:#666666;}
.acrobat a:visited {color:#666666;}

.noMarg {margin-bottom:0px; padding-bottom:0px;}
.noMargLarge {margin-bottom:0px; padding-bottom:2px; font-size:15px;}

.backToTop {text-align:right;}

.readMore {text-align:right; margin-bottom:10px;}

hr {border: none 0; 
	border-top: 1px dashed #FFF;
	border-bottom:1px dashed #CACACA;
    height: 2px;
	margin: 9px 0px 9px 0px;
	padding:0;
	overflow:hidden;
	}
	
ul {font-size:12px; margin-bottom:10px; margin-top:3px; color:#000; text-align:left;}
li {padding:0px 0px 6px 11px; 	background:transparent url(images/bullet.gif) no-repeat;
    background-position:0 7px; list-style-type:none;}
	
ol{font-size:12px; margin-bottom:10px; margin-top:3px; color:#000; text-align:left;}

ol li{list-style-image:none; background-image:none; list-style:inherit;}
	
.Sub {margin-left:20px; background:transparent url(images/bulletSub.gif) no-repeat; background-position:0 7px; list-style-type:none;}


.ulFloatLeft {float:left; width:320px; background-image:url(images/dottedRight.gif); background-position:right; background-repeat:repeat-y;}
.ulFloatRight {float:left; text-align:left; padding-left:30px;}

.ulFloatRightMS {float:left; text-align:left; padding-left:30px; padding-top:23px;}

.ulFloatLeft ul {margin-bottom:10px;}
.ulFloatRight ul {margin-bottom:10px;}

.clear {clear:both; overflow:hidden; height:1px;}

.spacerA {height:150px;}
.spacerB {height:400px;}
.spacerC {height:480px;}

.imageRight {float:right; padding:20px 10px 10px 10px;}

.imageLeft {float:left; padding:0px 10px 0px 10px;}



/* ---------------------------------------------------------------------------------------------------------------------------

/* Modal Popup  */

.votePopUp {
	width:500px;
	background-image: url(images/thisWeeksTopicsBackGround.png);
	background-repeat: repeat-y;
}

.popUpInner {
	padding-top:30px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:0px;
}

.popUpFooter {
	height:73px;
}

.modalBackground{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;

}