body {background: rgb(196,87,73); text-align: center; padding: 0px; font-family: Arial, Verdana, "Trebuchet MS", Tahoma; margin: 0px; padding: 0px; font-size: 76%; }
html {overflow-y: scroll;}

body, a, a:visited { color: black;}

h1, .h1 {font-size: 180%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h2, .h2 {font-size: 160%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h3, .h3 {font-size: 130%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold; color: rgb(197,87,74); line-height: 24px;}
h4, .h4 {font-size: 110%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h5, .h5 {font-size: 100%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
p {margin: 0px 0px 8px 0px; padding: 0px; }
h1, h2, h3, h4, h5, p {position: relative; left: 0px; top: 0px;}

img {border: none; margin: 0px; padding: 0px; vertical-align: bottom; }
ul { text-align: left;}
li { }
div {margin: 0px; padding: 0px;}
td {vertical-align: top;}
form {padding: 0px; margin: 0px;}

h3 img { vertical-align: middle; }

/* generic css */
.logo {width: 223px; height: 100px; border: none;}
.clear {clear: both; font-size: 1px; height: 1px;}
.clear img, .clear div {width: 100%; height: 1px;}
.textonly {display: none;}
.formErr {display: block; color: red; }
.formNoErr {display: none; }
.page404 {text-align: center;}
.bold {font-weight: bold;}
.btn {border: none; height: 24px; padding: 0px 8px; font-weight: bold; cursor: pointer}
.txtfield { border: 1px solid rgb(165,172,178); padding: 1px 2px;}
.txtarea { font-size: 100%; font-family: Verdana, "Trebuchet MS", Tahoma; }
.selfield { border: 1px solid rgb(165,172,178);  }
.chkbox {position: relative; top: 2px; left: 0px;}
.imgbtn {padding: 0px; border: 0px; margin: 0px;}
.accesskeys {display: none;}

/* standard content css */
.content { margin-top: 20px; }
.content ul { margin-top: 0px; margin-left: 0px; padding-top: 0px; padding-left: 20px; }
.content li {margin-bottom: 4px; line-height: 18px; }
*:first-child+html .content li { line-height: 16px; }
.content p { line-height:18px; }
.pagearea a, .pagearea a:visited { color: rgb(196,87,73); font-weight: bold; text-decoration: none; }
.pagearea a:hover { text-decoration: underline; }
.content h4 { line-height: 1.6em; font-size: 16px; font-weight: normal; }
.content hr { color: rgb(231,231,231); height: 1px; line-height: 1px; border: none; background: rgb(231,231,231); }

/* layout css */
.dropTop { width: 984px; height: 12px; margin: 0px auto; margin-top: 38px; background: url(/images/drop-top.png); }
.dropFoot { width: 984px; height: 12px; margin: 0px auto; background: url(/images/drop-bot.png); }
.dropCenter { width: 984px; margin: 0px auto; background: url(/images/drop-sides.png) repeat-y; }

* html .dropTop, * html .dropFoot { display: none; }
* html .dropCenter { background: none; }

.page {width: 960px; margin: 0px auto; text-align: left; background-color: rgb(255,255,255);}
* html .page { margin-top: 50px; }
/* menu css */
.sidemenu .menu { position:relative; z-index:1000; margin:0px 0px 10px 0px; }
.sidemenu .menu ul { padding:0; margin:0; list-style-type:none; width:207px; position:relative;  }
.sidemenu .menu li { background:transparent; min-height:20px; padding-left: 0px; }
*:first-child+html .sidemenu .menu li.top_drop { min-height: 17px; }
.sidemenu .menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; width:0; height:0; line-height: 0px; }
.sidemenu .menu a, .sidemenu .menu a:visited { display:block; text-decoration:none; height:16px; line-height:16px; width:207px; text-indent:17px; background:transparent; color: rgb(100,100,100); font-size:13px; }
.sidemenu .menu .sel a.home, .sidemenu .menu a.home:hover { background: rgb(229,188,170) url(/images/menu-home.gif) no-repeat left center; color: black; }
.sidemenu .menu :hover > a.home { background: rgb(229,188,170) url(/images/menu-home.gif) no-repeat left center; color: black; }
.sidemenu .menu ul ul { visibility:hidden; position:absolute; top: 17px; left:11px; width: 203px; padding-top: 8px; }
.sidemenu .menu ul li:hover ul, .sidemenu .menu ul a:hover ul { visibility:visible; background: rgb(196,87,73); }
.sidemenu .menu ul ul li a, .sidemenu .menu ul ul li a:visited {width:180px; color: rgb(255,255,255); text-indent: 0px; padding-left: 10px; padding-bottom: 5px; height: auto;}
.sidemenu .menu ul:hover .dropBot { height: 7px; width: 203px; background: transparent url(/images/menu-drop-bot.png) no-repeat right; position: relative; bottom: -7px; }
* html .sidemenu .menu ul:hover .dropBot { display: none; }
* html .sidemenu .menu li { height: 20px; }

.sidemenu .membersMenu { border-top: 2px solid rgb(196,87,73); padding-top: 2px; }
.sidemenu .membersMenu .item { padding-left: 14px; }
.sidemenu .membersMenu .sel a, .sidemenu .membersMenu .sel a:visited { background: none; }

/* default page styles */
.pageBody { margin: 0px; padding: 24px; background-color: rgb(255,255,255); }
.pagearea { height: 340px;}
html>body .pagearea {height: auto; min-height: 340px;}

.pageBody .bcrumb {font-size: 90%; margin-bottom: 16px; }
.pageBody .bcrumb a, .bcrumb a:visited { color: rgb(89,89,89); text-decoration: none;}
.pageBody .bcrumb a:hover {text-decoration: underline;}

.pageBody .lcol {float: left; width: 207px; border-right: 1px solid rgb(231,231,231); padding-right: 15px; }
* html .pageBody .lcol { padding-right: 0px; }
.pageBody .rcol {float: left; width: 669px; margin-left: 20px;}

.pageBody table { border-collapse: collapse;}
.pageBody table td {border: none; padding: 4px 5px; margin: 0px;}
.pageBody .th {font-weight: bold;}

.pageTitle { padding-bottom: 5px; margin-top: 24px; margin-bottom: 17px;}
.newsContainer .pageTitle { width: 300px; }
.pageTitle h1 { }
.pageTitle h1 a, .pageTitle h1 a:visited {text-decoration: none; font-size: 24px; font-weight: normal; color: rgb(196,87,73);}

.findoutmore { margin-top: 30px; text-align: right; }
.findoutmore a:hover, .pagination a:hover { text-decoration: none; }
.pagination { margin-top: 30px; }
.pagination .prevLink { float: left; width: 200px; }
.pagination .nextLink { float: right; width: 200px; text-align: right; }

.subFooter { margin-top: 10px; padding-top: 15px; border-top: 1px solid rgb(192,192,194); }
.subFooter .lcol { width: 520px; border-right: none; }
.subFooter .rcol { float: right; text-align: right; width: 300px; }
.subFooter .rcol a { padding-left: 40px; }
.subFooter p { font-size: 90%; color: rgb(130,130,130); margin-bottom: 4px; }

.footer {text-align: left; padding: 0px; width: 960px; margin: 0px auto;}
.footer, .footer a, .footer a:visited {color: rgb(255,255,255); text-decoration: none; }
.footer a:hover {text-decoration: underline;}
.footer .menu {font-size: 90%; width: 300px; float: left; }
.footer .rightCol { width: 300px; text-align: right; float: right; font-size: 90%; }
.footer .menu .item, .footer .rightCol .item {display: inline; width: 300px; }
.footer .menu .sep, .footer .rightCol .sep {display: inline; border-right: 1px solid rgb(255,255,255); height: 16px;}
.footer .menu p, .footer .rightCol p {margin: 0px; padding: 0px; text-align: left; display: inline;}
.footer .menu .tab, .footer .rightCol .tab { margin: 0px 4px; padding: 0px;}

/* cross fader */
.crossFader { position: relative; height: 470px; overflow: hidden; }
.crossFader img { position: absolute; top: 0; left: 0; }
.default .crossFader { height: 305px; }
.contact .crossFader { height: 430px; }

/* home page */
.pageBody .home td {border: none; padding: 0px; margin: 0px;}
.pageBody .home .content { width: 530px; margin-top: 0px; margin-bottom: 20px; }
*:first-child+html .pageBody .home .content { margin-bottom: 9px; }

/* site map */
.sitemap li {margin-bottom: 10px;}
.sitemap li a, .sitemap li a:visited {text-decoration: none;}
.sitemap li a:hover {text-decoration: underline;}
.sitemap .level1 {float: left; margin: 0px 15px; display: inline;}

/* generic class css */
/* messages used by multiple classes on the site */
.messages {padding: 3px; background-color: rgb(248,197,180); border: 1px solid rgb(197,87,74); margin: 0px 0px 20px 0px;}
.pagearea .messages {margin: 0px 0px 20px 0px;}
.messages .warning, .messages .message {color: rgb(196,87,73);}
.messages .title {}
.messages ul {}
.messages li {}

/* generic login form */
.loginForm {}
.loginForm .row { margin: 6px 0px 10px 0px; position: relative; height: 20px; }
.loginForm .row a, .loginForm .row a:hover { color: white; text-decoration: none; font-size: 11px; }
.loginForm .row a:hover { text-decoration: underline; }
.loginForm .formErr {color: white; padding-top: 4px;}
.loginForm .txtfield { width: 120px; border: 1px solid white; color: rgb(180,180,180); font-size: 11px; padding: 4px 6px; height: 12px; }
.loginForm .btn { background: url(/images/member-sign-in.gif) 50% no-repeat; margin-top: 2px; line-height: 15px; width: 43px; height: 20px; }
.loginForm #dummyFB { position: absolute; z-index: 10; display: none; top: 2px; }

.loginForm .large { width: 245px; }
.loginForm .large label { float: left; width: 100px; padding-right: 10px; text-align: right; line-height: 20px; }
.loginForm .large .txtfield, .regForm .txtfield { border: 1px solid rgb(97,16,22); }
.loginForm .large a,.loginForm .large a:visited { color: black; }
.loginForm .large .btn { float: right; display: block; background-color: rgb(97,16,22); width: 50px; }
.regForm .btn { background-image: none; background-color: rgb(97,16,22); color: white; }

/* account */
.account .start {}
.account .start .txtfield {width: 160px;}
.account .newuser {width: 200px;}

.loginBox { background: rgb(97,16,22); padding: 10px; margin-bottom: 10px; color: white; }
.loginBox .logout { text-align: right; margin-top: 8px;}

.account .details { }
.account .details .row { clear:both; float:left; display:inline; width:400px; position:relative; padding:8px 0px; }
.account .details .row label { width: 200px; float: left; padding-right: 10px; text-align: right; }
.account .details .row .txtfield { border: 1px solid rgb(196,87,73); width: 170px; color: rgb(180,180,180); font-size: 11px; padding: 4px 6px; height: 12px; }
.account .details .long label { width: 390px; text-align: left;}
.account .details .long .chkbox { margin-left:210px; }
.account .details .submit { text-align: right; width: 394px; }
.account .details .submit .btn { background: rgb(248,197,180); color: rgb(196,87,73); border: 1px solid rgb(196,87,73); }
.account .details .submit .btn:hover { background: rgb(197,87,74); color: white; }
.account .details .formErr { margin-left: 210px; }

/* search */
.search { background: rgb(34,63,119); padding: 10px; margin-bottom: 10px; }
.search .title { padding-bottom: 10px; }


.search .txtfield { border: 1px solid white; width: 108px; color: rgb(180,180,180); padding: 4px 6px; font-size: 11px; }
.search .btn { background: rgb(34,63,119) url(/images/find.gif) no-repeat; color: white; position: relative; width: 59px; height: 23px; /* top: 2px; left: -3px; */}


/* target Safari */
@media screen and (-webkit-min-device-pixel-ratio:0){
  .search .btn { top: auto; bottom: 5px;}
  .pageBody .home .content { margin-bottom: 27px; }
}

*:first-child+html .search .btn { top: 0px; }
* html .search .btn { top: 0px; }

/* Button position fixes by Denyer */
.search form { position: relative; height: 23px; display: block;}
.search form .txtfield { 
	position: absolute !important; 
	bottom: 0px !important; 
	height: 19px;
	padding-bottom: 0px; 
	border: none;
	}
.search form .btn { 
	position: absolute !important; 
	top: auto !important; 
	bottom: 0px !important; 
	left: 108px !important;
}

	
.searchpage {}
.searchpage .search {margin-bottom: 20px;}
.searchpage .search .txtfield {margin-left: 0px;}
.searchpage .string {text-decoration: none;}

/* modules */
.module { padding: 0px; margin-bottom: 0px; }

.news { border: 1px solid rgb(196,87,73); height:195px;position:relative; }
.news .title { background: rgb(196,87,73); padding: 10px; }
.news .dateCol { padding: 20px 10px 0px 10px; line-height: 18px; }
.news .dateCol a, .news .dateCol a:visited { color: rgb(196,87,73); text-decoration: none; font-weight: bold; }
.news .description { padding: 0px 10px 0px 10px; line-height: 18px; }
.news .description a, .news .description a:visited { color: rgb(2,108,182); text-decoration: none; }

.news #latestNews{}
.news .prevItem { position:absolute; left:0; bottom:5px;  width: 60px; padding: 0px 10px 5px 5px; text-align: left; }
.news .nextItem { position:absolute; right:0; bottom:5px; width:60px; padding: 0px 10px 5px 10px; text-align: right; }
.news .nextItem a, .news .nextItem a:hover, .news .prevItem a, .news .prevItem a:hover  { color: rgb(100,100,100); text-decoration: none; font-size: 14px; }
.news .nextItem a img, .news .nextItem a:hover img, .news .prevItem a img, .news .prevItem a:hover img { padding-left: 5px;vertical-align: middle; }

.ticker { position: relative; height: 21px; margin-bottom: 20px; padding-bottom: 8px; border-bottom: 1px solid rgb(192,192,194); }
.ticker .title { float: left; width: 212px; height: 21px; background: rgb(247,148,29); padding-left: 10px; }
.ticker .description { float: left; height: 21px; line-height: 21px; background: rgb(222,223,225); width: 648px; padding-left: 14px; position: relative; }
.ticker .description a, .ticker .description a:visited { text-decoration: none; }
.ticker .description .reveal { display: none; position: absolute; right: 0px; top: 0px; background: rgb(222,223,225); height: 21px; width: 648px; }
.ticker .prevItem, .ticker .nextItem { float: left; width: 12px; padding-left: 2px; background: white; }
.ticker .noLink { float: left; height: 21px; width: 28px; background: rgb(222,223,225); }

/* jobs */
.jobs { }
.jobs h3 { margin-top: 30px; margin-bottom: 15px; background-color: rgb(243,232,204); color: rgb(203,153,81); padding: 4px 8px; }
.jobs .list { background: url(/images/content-arrow-job-vacancies.gif) no-repeat left center; padding-left: 20px; margin-bottom: 6px; }
.jobs .list a, .jobs .list a:visited { text-decoration: none; }
.jobs .list a:hover { text-decoration: underline; }

/* generic page */
.generic h3 {margin-bottom: 18px;}
.generic h4 {margin-bottom: 5px;}
.generic .summary {margin-bottom: 22px;}
.generic .summary a {text-decoration: none;}

/* form css */
.waitMsg {display: none; background: rgb(99, 99, 99); border: 3px solid rgb(255, 173, 99); width: 300px; text-align: center; position: absolute; top: 0px; left: 0px;}
.waitMsg p {padding: 10px 20px; font-size: 140%; color: white;}
.waitMsg .wImg {margin-bottom: 10px;}

/* section colors */
.pagearea .pagination a, .pagearea .pagination a:visited {font-weight: normal; color: #646464 !important;}
.findoutmore a, .findoutmore a:visited {color: #646464 !important;}

/* different styling for numbered lists */
#clients .content ol li, #children .content ol li, #teachers .content ol li, #privacy .content ol li, #services .content ol li, #jobs .content ol li, #links .content ol li { list-style-image: none; }
#clients { background: rgb(60,99,174); }
#clients .pageTitle h1 a, .colour, #clients .pagearea a, #clients .pagearea a:visited, #clients h3 { color: rgb(60,99,174); }

#clients .sidemenu .menu ul li.sel:hover ul, #clients .sidemenu .menu ul .sel a.clients:hover ul, .sidemenu .menu ul li.clientsL:hover ul, .sidemenu .menu ul a.clients:hover ul { background: rgb(60,99,174) url(/images/menu-drop-side.gif) no-repeat top right; }
* html #clients .sidemenu .menu .sel a.clients:hover ul, * html .sidemenu .menu ul li.clientsL:hover ul, * html .sidemenu .menu ul a.clients:hover ul { background-image: none; width: 196px; }
.sidemenu .menu .sel a.clients, #clients .sidemenu .menu a.clients:hover { background-color: rgb(189,202,234); background-image:url(/images/menu-clients.gif); background-repeat: no-repeat; color: black; }
.sidemenu .menu a.clients:hover { background: rgb(189,202,234) url(/images/menu-clients.gif) no-repeat left center; color: black; }
.sidemenu .menu :hover > a.clients { background: rgb(189,202,234) url(/images/menu-clients.gif) no-repeat left center; color: black; }

#clients .messages {background-color: rgb(189,202,234); border: 1px solid rgb(60,99,174);}
#clients .messages .warning, #clients .messages .message {color: rgb(60,99,174);}
#clients .content li { list-style-image: url(/images/content-arrow-clients.gif); }
#clients .findoutmore a { background: url(/images/find-out-more-clients.gif) no-repeat right center; padding-right: 35px; color: rgb(80,80,80); font-weight: normal; font-size: 14px; }
#clients .pagination .nextLink {color: rgb(80,80,80); font-weight: normal; font-size: 14px;}
#clients .pagination .nextLink a {background: url(/images/find-out-more-clients.gif) no-repeat right center; padding-right: 35px; display:block;}
#clients .pagination .prevLink { color: rgb(80,80,80); font-weight: normal; font-size: 14px; }
#clients .pagination .prevLink a { background: url(/images/previous-page-clients.gif) no-repeat left center; padding-left: 35px; display: block; }
#clients .content ol li { color: rgb(60,99,174); line-height: 18px; } /* force all numbered lists to be blue - client then needs to change the colour of the text in the cm */

#children { background: rgb(90,27,114); }
#children .pageTitle h1 a, .colour, #children .pagearea a, #children .pagearea a:visited, #children h3 { color: rgb(90,27,114); }

#children .sidemenu .menu ul li.sel:hover ul, #children .sidemenu .menu ul .sel a.children:hover ul, .sidemenu .menu ul li.childrenL:hover ul, .sidemenu .menu ul a.children:hover ul { background: rgb(90,27,114) url(/images/menu-drop-side.gif) no-repeat top right; }
* html #children .sidemenu .menu .sel a.children:hover ul, * html .sidemenu .menu ul li.childrenL:hover ul, * html .sidemenu .menu ul a.children:hover ul { background-image: none; width: 196px; }

.sidemenu .menu .sel a.children, #children .sidemenu .menu a.children:hover { background-color: rgb(191,173,208); background-image:url(/images/menu-safe.gif); background-repeat: no-repeat; color: black; }
.sidemenu .menu a.children:hover { background: rgb(191,173,208) url(/images/menu-safe.gif) no-repeat left center; color: black; }
.sidemenu .menu :hover > a.children { background: rgb(191,173,208) url(/images/menu-safe.gif) no-repeat left center; color: black; }

#children .messages {background-color: rgb(191,173,208); border: 1px solid rgb(90,27,114);}
#children .messages .warning, #children .messages .message {color: rgb(90,27,114);}
#children .content li { list-style-image: url(/images/content-arrow-safe.gif); }
#children .findoutmore a { background: url(/images/find-out-more-safe.gif) no-repeat right center; padding-right: 35px; color: rgb(80,80,80); font-weight: normal; font-size: 14px; }
#children .pagination .nextLink {color: rgb(80,80,80); font-weight: normal; font-size: 14px;}
#children .pagination .nextLink a background: url(/images/find-out-more-safe.gif) no-repeat right center; padding-right: 35px; display: block;}
#children .pagination .prevLink { color: rgb(80,80,80); font-weight: normal; font-size: 14px; }
#children .pagination .prevLink a {background: url(/images/previous-page-safe.gif) no-repeat left center; padding-left: 35px; display: block;}

#teachers, .menu ul li.teachersL:hover ul, .menu ul a.teachers:hover ul { background: rgb(36,126,131); }
#teachers .pageTitle h1 a, .colour, #teachers .pagearea a, #teachers .pagearea a:visited, #teachers h3 { color: rgb(36,126,131); }
#teachers .sidemenu .menu .sel a.toplink, .sidemenu .menu a.teachers:hover { background: rgb(177,209,215) url(/images/menu-teach-assist.gif) no-repeat left center; color: black; }
.sidemenu .menu :hover > a.teachers { background: rgb(177,209,215) url(/images/menu-teach-assist.gif) no-repeat left center; color: black; }
#teachers .messages {background-color: rgb(177,209,215); border: 1px solid rgb(36,126,131);}
#teachers .messages .warning, #teachers .messages .message {color: rgb(36,126,131);}
#teachers .content li { list-style-image: url(/images/content-arrow-teach-assist.gif); }

#privacy, .menu ul li.privacyL:hover ul, .menu ul a.privacy:hover ul { background: rgb(84,0,50); } /* needs changing  */
#privacy .pageTitle h1 a, .colour, #privacy .pagearea a, #privacy .pagearea a:visited, #privacy h3 { color: rgb(84,0,50); }
#privacy .sidemenu .menu .sel a.toplink, .sidemenu .menu a.privacy:hover { background: rgb(200,173,194) url(/images/menu-privacy.gif) no-repeat left center; color: black; }
.sidemenu .menu :hover > a.privacy { background: rgb(200,173,194) url(/images/menu-privacy.gif) no-repeat left center; color: black; }
#privacy .messages {background-color: rgb(200,173,194); border: 1px solid rgb(84,0,50);}
#privacy .messages .warning, #privacy .messages .message {color: rgb(84,0,50);}

#services, .menu ul li.servicesL:hover ul, .menu ul a.services:hover ul { background: rgb(171,99,13); }
#services .pageTitle h1 a, .colour, #services .pagearea a, #services .pagearea a:visited, #services h3 { color: rgb(171,99,13); }
#services .sidemenu .menu .sel a.toplink, .sidemenu .menu a.services:hover { background: rgb(231,197,139) url(/images/menu-umbrella.gif) no-repeat left center; color: black; }
.sidemenu .menu :hover > a.services { background: rgb(231,197,139) url(/images/menu-umbrella.gif) no-repeat left center; color: black; }
#services .messages {background-color: rgb(231,197,139); border: 1px solid rgb(171,99,13);}
#services .messages .warning, #services .messages .message {color: rgb(171,99,13);}
#services .content li { list-style-image: url(/images/content-arrow-umbrella.gif); }

#jobs, .menu ul li.jobsL:hover ul, .menu ul a.jobs:hover ul { background: rgb(207,146,52); }
#jobs .pageTitle h1 a, .colour, #jobs .pagearea a, #jobs .pagearea a:visited, #jobs h3 { color: rgb(207,146,52); }
#jobs .sidemenu .menu .sel a.toplink, .sidemenu .menu a.jobs:hover { background: rgb(240,222,178) url(/images/menu-job-vacancies.gif) no-repeat left center; color: black; }
.sidemenu .menu :hover > a.jobs { background: rgb(240,222,178) url(/images/menu-job-vacancies.gif) no-repeat left center; color: black; }
#jobs .messages {background-color: rgb(240,222,178); border: 1px solid rgb(207,146,52);}
#jobs .messages .warning, #jobs .messages .message {color: rgb(207,146,52);}
#jobs .content h3 { margin-top: 10px; margin-bottom: 15px; background-color: rgb(243,232,204); color: rgb(207,146,52); padding: 4px 8px; }
#jobs .content li { list-style-image: url(/images/content-arrow-job-vacancies.gif); }

#links, .menu ul li.linksL:hover ul, .menu ul a.links:hover ul { background: rgb(135,144,67); }
#links .pageTitle h1 a, .colour, #links .pagearea a, #links .pagearea a:visited, #links h3 { color: rgb(135,144,67); }
#links .sidemenu .menu .sel a.toplink, .sidemenu .menu a.links:hover { background: rgb(208,211,169) url(/images/menu-links.gif) no-repeat left center; color: black; }
.sidemenu .menu :hover > a.links { background: rgb(208,211,169) url(/images/menu-links.gif) no-repeat left center; color: black; }
#links .messages {background-color: rgb(208,211,169); border: 1px solid rgb(135,144,67);}
#links .messages .warning, #links .messages .message {color: rgb(135,144,67);}
#links .content li { list-style-image: url(/images/content-arrow-links.gif); }

#contact, .menu ul li.contactL:hover ul, .menu ul a.contact:hover ul { background: rgb(151,162,212); }
#contact .pageTitle h1 a, .colour, #contact .pagearea a, #contact .pagearea a:visited, #contact h3 { color: rgb(151,162,212); }
#contact .sidemenu .menu .sel a.toplink, .sidemenu .menu a.contact:hover { background: rgb(211,215,239) url(/images/menu-contact.gif) no-repeat left center; color: black; }
.sidemenu .menu :hover > a.contact { background: rgb(211,215,239) url(/images/menu-contact.gif) no-repeat left center; color: black; }
#contact .messages {background-color: rgb(211,215,239); border: 1px solid rgb(151,162,212);}
#contact .messages .warning, #contact .messages .message {color: rgb(151,162,212);}

#search { background: rgb(35,64,122); }
#search .pageTitle h1 a, .colour, #search .pagearea a, #search .pagearea a:visited, #search h3 { color: rgb(35,64,122); }
#search .messages {background-color: rgb(35,64,122); border: 1px solid rgb(35,64,122);}
#search .messages .warning, #search .messages .message {color: rgb(255,255,255);}
#search a.string, #search a:visited.string { font-weight: normal; color: rgb(0,0,0); }

/* ticker */
.ticker .tickerItem { display: none; }

/* application form */
.quiz { margin-right: 20px; }
#jobs .quiz h3.warning, span.warning { color: red; font-weight: normal; }

.quiz .submitBtn { text-align: right; position: relative; }

.quiz .submitBtn .btn { background: transparent url(/images/ARROW.gif) no-repeat right; color: rgb(80,80,80); font-weight: normal; font-size: 14px; padding-right: 30px;  }

.quiz .formTable { width: 100%; }
.quiz sup { color: red; }
.quiz .formTable td { padding: 4px 0px; }

.col2 th, .numCol2 td { width: 50%; }

.quiz .section { border-top: 1px solid rgb(0,0,0); padding-top: 15px; padding-bottom: 10px; }
.quiz .section .row { margin: 6px 0px; }
.quiz .section .row label { float: left; width: 120px; padding-right: 10px; }

.quiz .section .row .txtfield, .quiz .section .row .txtarea, .quiz .section .row .selfield { border: 1px solid #C0C0C2;}
.quiz .section .row .txtfield { width: 165px;}

.quiz .section1 .postcode { text-align: right; }
.quiz .section1 .postcode label { width: 100px; margin-left: 100px;  }
.quiz .section1 .postcode .txtfield { width: 100px; }

.quiz .section1 .address {  }
.quiz .section1 .address label { width: 55px; }
.quiz .section1 .address .txtarea { width: 257px; height: 80px; }

.quiz .section1 .dob {  }
.quiz .section1 .dob label { width: 91px; }

.quiz .section1 .refNum {  }
.quiz .section1 .refNum label { width: 164px; }
.quiz .section1 .refNum .txtfield { width: 144px; }

.quiz .section3 .row label { width: 280px; }
.quiz .section3 .row .txtfield { width: 353px; }
.quiz .section3 .row input.chkbox { margin-right: 20px; }

.quiz .section2 .numCol3 .widecol label { width: 353px; }
.quiz .section2 .numCol2 .col1 .row label { width: 124px; }
.quiz .section2 .numCol2 .col2 .row label { width: 143px; }

.quiz .edDetails { margin-bottom: 10px; }
.quiz .edDetails .col1 { width: 90px; }
.quiz .edDetails .col1 .txtfield { width: 80px; }
.quiz .edDetails .col2 .txtfield { width: 362px; }
.quiz .edDetails .col3 { width: 180px; }
.quiz .edDetails .col3 .txtfield { width: 176px; }

.quiz .subsection .content { border-right: 1px solid #C0C0C2; border-bottom: 1px solid #C0C0C2; border-left: 1px solid #C0C0C2; }
.quiz .subsection .content hr { color: #C0C0C2; background: #C0C0C2; height: 1px; line-height: 1px; }
#jobs .quiz .subsection h3 { background: rgb(0,0,0); color: rgb(255,255,255); padding: 4px 10px; margin-bottom: 0px; }
#jobs .quiz .subsection .content { padding: 10px; margin: 0px; }
.quiz .subsection .wideComments .txtarea { width: 620px; height: 100px; }


.quiz .stage3 { border-top: none; }
.quiz .stage3 .row label { width: 66px; }
.quiz .stage3 .address .txtarea { width: 189px; }
.quiz .stage3 .row .txtfield { width: 186px; }
.quiz .stage3 .postcode { text-align: right; margin-right: 57px;  }
.quiz .stage3 .postcode label { width: 120px; margin-left: 30px;  }
.quiz .stage3 .postcode .txtfield { width: 100px; }


.quiz .stage3 .col2 { padding-left: 56px; }
.quiz .stage3 .col2 .postcode { margin-right: 0px; }

#jobs .quiz .submitBtn a.backBtn, #jobs .quiz .submitBtn a.backBtn:visited, #jobs .quiz .submitBtn a.backBtn:hover { text-decoration: none; position: absolute; left: 0px; line-height: 30px; color: #505050; font-weight:normal; font-size: 14px; }
.quiz .submitBtn .backBtn img {vertical-align: middle;}


.quiz .monTable .col1 { padding-right: 5px; }
.quiz .monTable .col2 { padding-left: 5px; }
.quiz .subsection .box { margin-bottom: 20px; }
.quiz .subsection .box h4 { background: #C0C0C2; padding: 4px; color: #FFF; font-size: 14px; }
.quiz .subsection .box h4 span { font-size: 12px; }
.quiz .section .otherBg .txtfield { margin-top: 8px; margin-left: 22px; }

.finalStage .dateField { display: inline; }

/* News */

.newsContainer {line-height:18px;}
#children .content li ul li {list-style: disc; list-style-image:none;}

.newsDateHeading {padding:2px 10px; background:#DCD0E4; text-transform: uppercase}
.newsDateHeading.lowercase {text-transform: none; }
.newsDate { font-weight: bold; color: #666; font-style: italic; }
.newsContent { margin-top: 10px !important; }
.newsBackLink { text-transform: uppercase; border-right:none; margin-top: 40px;}
.newsBackLink a { color: #666 !important ;font-size: 15px; font-weight: normal !important;padding: 0 15px 0 40px; background:url("/images/find-out-less-safe.gif") 0 3px no-repeat; }

.newslist{border-top: 1px solid #DDD;margin-bottom:15px;}
.newslist.first{border-top:none; }
.newslist .headingLink { padding-left:20px; background:url("/images/content-arrow-safe.gif") 0 3px no-repeat; line-height: 1.8em; font-weight:normal; font-size:1.1em;}
.newslist .headingLink:visited { font-weight:normal;}
.newslist p{ margin-left:20px;}

.newsYearSelect{padding:5px; float:right; margin-top:-70px;}
.newsYearSelect span{margin: 0 20px 0 0;}
.newsYearSelect select {padding:3px; width:100px; border:1px solid #999;}
.newsYearSelect option{display:block;}
.newsYearSelect option span{color:#999;}
.newsYearSelect input{border:none; background:#5A1B72; color:white; font-weight:bold; padding:4px 2px;  }

.newsBottomNav{float:right; color:#555; margin-top: 10px;}
.newsBottomNav a{color:#555; font-weight:normal}
.newsBottomNav a:visited{color:#555; font-weight:normal}
.newsBottomNav span{text-align:center;  padding:0 15px;}
.newsBottomNav .prev {padding: 0 15px 0 40px; background:url("/images/find-out-less-safe.gif") 0 2px no-repeat; text-transform: uppercase; border-right:1px solid #DDD;}
.newsBottomNav .next {padding: 0 40px 0 15px; background:url("/images/find-out-more-safe.gif") 100% 2px no-repeat; text-transform: uppercase; border-left:1px solid #DDD; }