/* General Stylesheet */ 

* {margin: 0;padding: 0;}
body {font: 12px arial;behavior: url(/css/hover.htc);margin: 15px 0;}
#layout {margin: 0 auto;width: 970px;border: solid #024b80;border-width: 1px;overflow: hidden;}
p {margin: 0.7em 0;line-height: 1.5em;}
h1 {color: #024b80;font: bold 1.6em arial;line-height: 1.5em;padding: 0 0 0.3em 0;}
h2 {font: bold 1.1em arial;line-height: 1.4em;padding: 0.5em 0 0 0;}
h3 {color: #024b80;padding: 0.5em 0 0.1em 0;margin: 0.7em 0;font: normal 1.4em arial;line-height: 1.5em;border: dotted #87a4c6;border-width: 0 0 1px 0;}
a {color: #024b80;font-weight: bold;text-decoration: underline;}
a:hover {color: #87a4c6;text-decoration: none;}
#header {float: left;width: 100%;}
.contact {float: left;padding: 40px;}
.email {font: normal 0.9em arial;line-height: 2.3em;color: #87a4c6;}
.email a {color: #87a4c6;text-decoration: none;}
.call, .number {font: bold 2em arial;color: #87a4c6;float: left;}
.number {color: #024b80;text-indent: 5px;}
.develop {float: right;padding: 40px;margin: 5px 0 0 0;}
.logo a {background-image: url(/graphics/logos/developtraining.gif);display: block;height: 56px;width: 245px;text-decoration: none;}
.img01 a:hover, .img02 a:hover, .img03 a:hover, .img04 a:hover, .img05 a:hover, .img06 a:hover, .img07 a:hover, .img08 a:hover, .img09 a:hover, .img10 a:hover {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.home a {float: left;background-image: url(/graphics/navbar/home.gif);display: block;height: 24px;width: 25px;}
.menu {float: left;font: bold 0.9em arial;}
#nav {list-style: none;}
.menu li.heading, .menu li.heading1, .menu li.heading2, .menu li.heading3 {float: left;position: relative;width: 75px;}
.menu li.heading2, .menu li.heading3 {width: 114px;}
.menu li li, .menu li.link1 {float: left;width: 180px;background: #fff;filter:alpha(opacity=95);-moz-opacity:0.95;-khtml-opacity: 0.95;opacity: 0.95;border-width: 0 1px 1px 1px;border-style: solid;border-color: #024b80;}
.menu li.link1 {border-width: 1px;margin: -1px 0 0 0;}
#nav li ul ul {margin: -24px 0 0 180px;} 
#nav li:hover ul ul {left: -999em;}
#nav li li:hover ul {left: auto;} 
.menu ul#nav li a, .menu ul#nav li.heading, .menu ul#nav li.heading2 {display: block;font: bold 1em arial;color: #024b80;text-decoration: none;padding: 5px 0;text-align: center;text-indent: 1px;}
.menu li ul, .menu li.heading ul, .menu li.heading2 ul {display: none;position: absolute;top: 24px;left: 0;margin-left:-1px;list-style: none none;}
.menu li>ul {top: auto;left: auto;}
.menu li:hover ul, .menu li.over ul {display: block;}
.menu ul#nav li.heading, .menu ul#nav li.heading2 {color: #fff;background-image: url(/graphics/navbar/up.gif);height: 14px;}
.menu ul#nav li.heading1 a, .menu ul#nav li.heading3 a {color: #fff;background-image: url(/graphics/navbar/up.gif);height: 14px;}
.menu ul#nav li.link a {color: #024b80;background: #fff;text-align: left;text-indent: 7px;}
.menu ul#nav li a:hover, .menu ul#nav #active:hover {background-image: url(/graphics/navbar/down.gif);color: #024b80;}
.menu ul#nav #active {color: #ffd51e;}
.menu ul#nav li.link a:hover {background: #ffd51e;color: #024b80;}
#images {float: left;width: 970px;}
.img01 a, .img02 a, .img03 a, .img04 a, .img05 a, .img06 a, .img07 a, .img08 a, .img09 a, .img10 a {float: left;height: 97px;width: 97px;text-decoration: none;}
.img01 a {background-image: url(/graphics/links/img01.gif);}  
.img02 a {background-image: url(/graphics/links/img02.gif);}  
.img03 a {background-image: url(/graphics/links/img03.gif);}  
.img04 a {background-image: url(/graphics/links/img04.gif);}  
.img05 a {background-image: url(/graphics/links/img05.gif);}  
.img06 a {background-image: url(/graphics/links/img06.gif);}  
.img07 a {background-image: url(/graphics/links/img07.gif);}  
.img08 a {background-image: url(/graphics/links/img08.gif);}  
.img09 a {background-image: url(/graphics/links/img09.gif);}  
.img10 a {background-image: url(/graphics/links/img10.gif);}  
#navigation {background: #87a4c6;width: 960px;color: #fff;float: left;padding: 5px;}
.breadcrumbs {font: normal 0.9em arial;color: #fff;float: left;}
.breadcrumbs ul li {list-style: none none;display: inline;}
.breadcrumbs ul li a {text-decoration: none;color: #fff;font-weight: normal;}
.breadcrumbs a:hover {text-decoration: underline;color: #fff;}
.notice {float: right;text-align: right;width: 507px;font: normal 0.9em arial;}
#content {float: left;}
#content:after {clear: both;display: block;font: 1px/0px arial;content: ".";height: 0;visibility: hidden;}
.cf {float: left;padding: 15px;}
.cf-bkgd {background: #024b80;height: 145px;width: 145px;}
.cf-title, .cf-text {color: #fff;padding: 0 6px;font: bold 1.5em arial;line-height: 1.7em;}
.cf-text {font: bold 0.8em arial;line-height: 1.5em;}
.cf-text a {color: #ffd51e;text-decoration: none;}
.cf-text a:hover {color: #87a4c6;}
.search {float: left;padding: 7px 0 3px 0;}
.searchbox {background: #fff;font: bold 1em arial;color: #024b80;margin: 0 3px 0 0;width: 101px;border: solid #fff;border-width: 1px;}
.searchbutton {font: bold 1em arial;background: #024b80;color: #fff;border: solid #fff;border-width: 0;}
.searchbutton a {text-decoration: none;}
.cf-index a {float: left;font: bold 0.8em arial;color: #ffd51e;margin: 0 0 0 6px;text-decoration: none;}
.cf-index a:hover {color: #87a4c6;}
.cf-list {margin: 0 5px;padding: 6px 0;border: solid #87a4c6;border-width: 0 1px 1px 1px;}
.cf-list p {font: bold 0.8em arial;line-height: 1.5em;color: #024b80;margin: 0 0 5px 4px;}
.cf-list ul li {display: inline;list-style: none;}
.cf-list li a {display: block;text-decoration: none;font: normal 0.9em arial;line-height: 1.5em;color: #024b80;padding: 2px 8px;}
.cf-list li a:hover {background: #87a4c6;color: #fff;}
#info {float: left;width: 590px;padding: 15px 15px 15px 5px;}
#info ul {margin: 10px 0;}
#info ul li {font-size: 1em;list-style: square none;line-height: 1.5em;margin: 0 0 0 30px;}
#resources {float: right;width: 185px;margin: 5px 0 0 0;}
.course {background-image: url(/graphics/resources/course.gif);}
.callback {background-image: url(/graphics/resources/callback.gif);}
.enquiry {background-image: url(/graphics/resources/enquiry.gif);}
.course, .callback, .enquiry {float: left;width: 185px;height: 50px;margin: 10px 0 0 0;}
.callback a, .course a, .enquiry a {text-align: right;text-decoration: none;margin: 2px 0;padding: 10px 10px 10px 50px;display: block;font: bold 0.8em arial;line-height: 1.3em;color: #fff;}
.callback a:hover, .course a:hover, .enquiry a:hover {color: #ffd51e;}
.related {font: bold 1em arial;line-height: 1.5em;text-align: center;color: #024b80;width: 100%;border: dotted #87a4c6;border-width: 1px 0;padding: 5px 0;margin: 15px 0;}
#footer {float: left;width: 970px;}
.transforms {background-image: url(/graphics/strapline/transforms.gif);height: 59px;width: 970px;}
.company {color: #024b80;width: 970px;margin: 0 0 0 170px;}
.company ul li {float: left;list-style: none none;padding: 0 0 10px 0;}
.company ul li a {padding: 0 10px;color: #024b80;text-decoration: none;font-weight: normal;}
.company ul li a:hover, .email a:hover {text-decoration: underline;}
.logos {width: 970px;padding: 10px 0 15px 15px;float: left;}
.apprenticeships a, .traintogain a, .iip a, .cg a, .eus a, .citb a, .hefma a, .lsc a, .iosh a, .matrix a, .bifm a {float: left;height: 42px;margin: 0 5px;}
.iip a {width: 63px;background-image: url(/graphics/logos/footer/iip.gif);}
.traintogain a {width: 62px;background-image: url(/graphics/logos/footer/traintogain.gif);}
.cg a {width: 52px;background-image: url(/graphics/logos/footer/cg.gif);}
.eus a {width: 137px;background-image: url(/graphics/logos/footer/eus.gif);}
.citb a {width: 109px;background-image: url(/graphics/logos/footer/citb.gif);}
.hefma a {width: 42px;background-image: url(/graphics/logos/footer/hefma.gif);}
.lsc a {width: 71px;background-image: url(/graphics/logos/footer/lsc.gif);}
.apprenticeships a {width: 80px;background-image: url(/graphics/logos/footer/apprenticeships.gif);}  
.iosh a {width: 47px;background-image: url(/graphics/logos/footer/iosh.gif);}
.matrix a {width: 89px;background-image: url(/graphics/logos/footer/matrix.gif);}
.bifm a {width: 80px;background-image: url(/graphics/logos/footer/bifm.gif);}