@charset "UTF-8";
/* COLOURS:
Blue #002d64
Red #e30915
Hover Red #990000
Yellow #fecd02
Light Blue #afb6cd
*/

/*-TYPE SETTINGS-----------------------------------------------------------------------*/
body {
font-family:Arial, Helvetica, sans-serif;
}
h1,h2,h3,h4,h5,h6,strong {
font-weight:bold;
}
body.tra h3 {
font-size:110%;
font-weight:normal;
clear:both;
}
h1,h2,h3,h4,h5 {
color:#002d64;
}
h1 {
font-size:180%;
}
h2 {
font-size:140%;
}
h3 {
font-size:115%;
}
h4 {
font-size:105%;
}
h5 {
font-size:100%;
}
dt {
font-size:90%;
font-weight:bold;
}
p, li, dd, th, td {
font-size:90%;
line-height:1.4;
}
#content h1 {
margin:0 25px 0.4em 0;
border-bottom:solid 1px #fecd02;
}
#content h2 {
margin:1.1em 0 0.3em 0;
}
#content h3 {
margin:1em 0 0.3em 0;
}
#content p {
margin:0.3em 0 0.7em 0;
max-width:48em;
}
#content img.rightimg {
float:right;
margin-left:1em;
margin-top:-1em;
}
#content ul {
margin:0.3em 0 0.7em 0;
padding:0 0 0 1em;
}
#content li {
list-style-type:disc;
max-width:48em;
}
#content a {
text-decoration:underline;
}
#content a:link {
color: #243499;
}
#content a:visited {
color: #66004b;
}
#content a:hover, #content a:active, #content a:focus {
color: #e30915;
}
.lin #content dt {
font-weight:normal;
}
.lin #content dd {
margin-bottom:1em;
}
.coursetable {
border-collapse:collapse;
width:43em;
margin:1.5em 0;
border-bottom:1px solid #888;
}
.coursetable th, .coursetable td {
padding:0.3em;
}
.coursetable tr.even td {
background-color:#eee;
}
.coursetable th {
font-weight:bold;
border-bottom:1px solid #888;
}

/*-HEADER SETTINGS-----------------------------------------------------------------------*/
#accessibility {
width:100%;
background-color:#ddd;
padding-bottom:1px;
border-bottom:1px solid #000;
position:relative;
}
#accessibility ul {
text-align:right;
margin-right:50px;
}
#accessibility li {
display:inline;
margin-left:1.5em;
color:#000;
font-size:80%;
}
#accessibility #skiplink a {
position:absolute;
left:-9999px;
}
#accessibility li a:link, #accessibility li a:visited  {
color:#002d64;
}
#accessibility li a:hover, #accessibility li a:active, #accessibility li a:focus  {
color:#dd0000;
}
#accessibility #normal {
font-size:100%;
font-weight:bold;
}
#accessibility #large {
font-size:127%;
font-weight:bold;
}
#accessibility #largest {
font-size:150%;
font-weight:bold;
}
#accessibility ul #contrast a {
font-size:120%;
font-weight:bold;
text-decoration:none;
padding:0.1em;
border:1px solid #000;
margin-bottom:1px;
}
#accessibility ul #contrast a:hover, #accessibility ul #contrast a:active, #accessibility ul #contrast a:focus {
border:1px solid #fecd02;
}
#brand {
width:100%;
background-color:#002d64;
padding:15px 0;
border-bottom:5px solid #e30915;
}
body.hom #brand {
padding-bottom:0;
background-image:url(/training4care/images/t4cheadbg.jpg);
}
body.hom #brand div {
padding-bottom:165px;
background-image:url(/training4care/images/t4cheader.jpg);
background-repeat:no-repeat;
background-position: left bottom;
}
#brand h2 {
font-size:200%;
color:#fecd02;
padding:0 48px;
text-transform:uppercase;
}
#brand p {
font-size:97%;
color:#fecd02;
padding:0 50px;
}
#brand a {
text-decoration:none;
color:#fecd02;
}
#contact {
position:absolute;
text-align:right;
top:3.2em;
right:0;
}
#contact p {
line-height:1.3;
background-image:url(/Training4Care/images/phone.png);
background-repeat:no-repeat;
background-position:left center;
font-size:105%;
font-weight:bold;
color:#fff;
padding-left:67px;
margin-right:50px;
}

/*-NAVIGATION SETTINGS-----------------------------------------------------------------------*/

#menu {
position:relative;
width:100%;
}

#menu h2 {
position:absolute;
text-indent:-9999px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0 0 0 48px;
}

#menu li {
float:left;
}

#menu ul li a {
display:block;
padding:3px 5px 5px 10px;
text-decoration:none;
color:#fff;
font-weight:bold;
background-color:#002d64;
width:6.8em;
margin-right:1px;
margin-bottom:1px;
border-top:2px solid #001c3f;
}

body.hom #menu ul li.hom a,
body.tra #menu ul li.tra a,
body.boo #menu ul li.boo a,
body.cha #menu ul li.cha a,
body.lin #menu ul li.lin a,
body.con #menu ul li.con a,
body.tri #menu ul li ul li.tri a,
body.emp #menu ul li ul li.emp a,
body.man #menu ul li ul li.man a,
body.sen #menu ul li ul li.sen a,
body.mca #menu ul li ul li.mca a {
background-color:#e30915;
border-top:none;
padding-top:5px;
}

#menu ul ul li {
float:none;
}

#menu ul ul {
position: absolute;
z-index: 500;
margin: 0 0 0 -48px;
}

div#menu ul ul {
display: none;
}

div#menu ul li:hover ul {
display: block;
}

body.hom #menu ul li.submenu li a,
body.tra #menu ul li.submenu li a,
body.boo #menu ul li.submenu li a,
body.cha #menu ul li.submenu li a,
body.lin #menu ul li.submenu li a,
body.con #menu ul li.submenu li a,
body.def #menu ul li.submenu li a {
width:17em;
padding:4px 10px 4px 10px;
font-size:90%;
border-top:none;
border-bottom:1px solid #ddd;
margin-bottom:0;
background-color:#002d64;
}

li.submenu ul {
display: none;
}

li.submenu:hover ul {
display: block;
}

body #menu ul li.submenu a.submenu {
background-image:url(/Training4Care/images/submenu.png);
background-repeat:no-repeat;
background-position: 6em;
}

#menu li a:hover, #menu li a:active, #menu li a:focus {
background-color:#880000;
padding-top:3px;
border-top:2px solid #6c0006;
}
body #menu ul li.submenu li a:hover, body #menu ul li.submenu li a:active, body #menu ul li.submenu li a:focus {
background-color:#880000;
}

body #menu ul li.submenu a.submenu {
background-image:url(/Training4Care/images/submenu-bl.png);
background-repeat:no-repeat;
background-position: 6.6em;
}

body #menu ul li.submenu a.submenu:hover, body #menu ul li.submenu a.submenu:active, body #menu ul li.submenu a.submenu:focus {
background-image:url(/Training4Care/images/submenu-dred.png);
background-repeat:no-repeat;
background-position: 6.6em;
}

body.tra #menu ul li.tra a.submenu {
background-image:url(/Training4Care/images/submenu.png);
background-repeat:no-repeat;
background-position: 6.6em;
}

/*-FOOTER SETTINGS-----------------------------------------------------------------------*/

#footer {
position:relative;
color:#fff;
padding: 2em 50px 2em 50px;
background-color:#e30915;
}
#footer p {
font-size:80%;
padding-bottom:0;
}
#footer p a:link, #footer p a:visited {
color:#fff;
}
#footer p a:hover, #footer p a:active, #footer p a:focus {
color:#ffff00;
}
#footer p.copyright {
clear:both;
padding-bottom:0;
padding-top:35px;
}
#footer img {
position:relative;
margin-bottom:18px;
top:27px;
}
#footer li {
display:inline;
}
#footer #kcclogo {
position:relative;
}
#footer #skclogo {
position:relative;
margin-left:40px;
}
#footer #covelogo {
position:absolute;
left:39%;
top:-10px;
}
#subscribeform {
padding:0;
}
#subscribeform h2 {
font-size:110%;
color:#fecd02;
}
#subscribeform form {
background-color:#cc0000;
border:0;
padding:0;
padding-left:1em;
padding-top:1em;
margin:1em 0 0.5em 0;
border-top:1px solid #aa0000;
border-bottom:1px solid #aa0000;
max-width:42em;
}
#subscribeform p {
font-size:90%;
margin-bottom:1em;
padding-bottom:0;
}
#subscribeform form p label {
width:13.5em;
color:#fff;
display:block;
font-weight:bold;
}
html>body #subscribeform form p label {
float:left;
}
#subscribeform form span.button {
display:inline;
margin-left:1em;
}

/*-LAYOUT SETTINGS-----------------------------------------------------------------------*/

#content {
clear:both;
background-image:url(/Training4Care/images/curve.png);
background-repeat:no-repeat;
background-position:bottom right;
padding: 1.8em 30px 3em 50px;
}

#content p.pdf {
clear:both;
max-width:auto;
margin-top:3em;
margin-right:30px;
padding-top:1em;
border-top:1px solid #afb6cd;
}

/*-DATE SETTINGS-----------------------------------------------------------------------*/
#content .month {
float:left;
width:13.3em;
margin-right:13px;
margin-bottom:13px;
background-color:#afb6cd;
padding:6px 1px 1px 1px;
}
#content .month h3 {
margin-top:0;
text-shadow: 1px 1px 1px #777;
color:#fff;
padding:0 5px;
}
#content .month dt, .month dd {
background-color:#eee;
font-size:85%;
}
#content .month dt {
margin-top:1px;
font-weight:normal;
padding:0.5em 0.4em 0 0.4em;
}
#content .month dt .date {
font-weight:bold;
}
#content .month dd {
margin-top:0;
padding:0.1em 0.4em 0 0.4em;
}
#content .month dd.venue {
color:#002d64;
font-weight:bold;
}
#content .month dd.time {
font-size:80%;
padding-bottom:0.5em;
}

/*-COURSE SECTOR SETTINGS-----------------------------------------------------------------------*/

#sectors {
max-width:48em;
}
#sectors ul {
padding-left:0;
}
#sectors li {
list-style-type:none;
float:left;
margin:0 1em 0 0;
padding:0.2em 0;
}
#sectors a {
float:left;
display:block;
width:13.13em;
background-repeat:repeat-y;
padding-left:24px;
text-decoration:none;
}
#sectors a:hover, #sectors a:active, #sectors a:focus {
text-decoration:underline;
}
#sectors a.elderly {
background-image:url(/Training4Care/images/sq-elderly.png);
}
#sectors a.mental_health {
background-image:url(/Training4Care/images/sq-mental.png);
}
#sectors a.physical_disability {
background-image:url(/Training4Care/images/sq-physical.png);
}
#sectors a.domiciliary {
background-image:url(/Training4Care/images/sq-domiciliary.png);
}
#sectors a.learning_disability {
background-image:url(/Training4Care/images/sq-learning.png);
}
#sectors a.management {
background-image:url(/Training4Care/images/sq-management.png);
}
#sectors a.mental_capacity_act {
background-image:url(/Training4Care/images/sq-mca.png);
}
#sectors a.sensory_awareness {
background-image:url(/Training4Care/images/sq-sensory.png);
}
.clearer {
font-size:0;
clear:both;
}

/*-CONTACT FORM SETTINGS-----------------------------------------------------------------------*/

#contactbox {
max-width:43em;
}
#contactbox div {
float:left;
}
#contactbox div#post {
width:30%;
}
h2#online {
clear:both;
padding-top:1em;
}
form {
background-color:#eee;
padding:15px 20px;
margin-right:25px;
border:1px solid #afb6cd;
max-width:40em;
}
fieldset {
border-top:1px solid #afb6cd;
border-bottom:1px solid #afb6cd;
padding:1em 0 0.7em 0;
margin:1em 0;
}
fieldset#declaration {
border:0;
padding:0;
}
fieldset#declaration h3 {
color:#000;
font-size:90%;
margin-top:0;
}
fieldset#declaration span.info {
float:right;
}

form p {
clear:both;
}
.invalid {
color: #e30915;
}
.details input {
width:23em;
display:inline;
float:left;
margin-bottom:0.5em;
}
.short input {
width:11em;
}
.shorter input {
width:4em;
}
.info {
margin-left:0.5em;
font-size:90%;
font-style:italic;
}
span.info {
font-size:85%;
color:red;
}
.query .info {
margin-top:0.17em;
margin-left:2.3em;
color:#000;
}
textarea {
display:block;
margin-bottom:1.5em;
margin-left:8em;
}
.request {
width:7em;
float:left;
}
.options {
display:block;
float:left;
margin-left:1em;
margin-bottom:1em;
}
.options label {
margin-left:0.4em;
}
.submit input {
width:6em;
margin-top:0.8em;
margin-left:8em;
}
form #alert, form #optout {
margin-left:8em;
}
label.error {
color:#e30915;
display:inline;
margin-left:0.3em;
padding-left:19px;
background-image:url(/Training4Care/images/alerticon.png);
background-repeat:no-repeat;
background-position:left;
font-size:90%;
}
.details label.leftlabel {
display:block;
float:left;
width:8em;
}
#declaration label.leftlabel {
display:block;
text-align:right;
width:18em;
margin-right:1em;
}
.query label.error {
display:block;
margin-left:9em;
}
.infobox {
position:relative;
}
.infoicon {
margin-bottom:-1px;
margin-left:0.4em;
}
.infoicon:hover {
cursor:pointer;cursor:hand;
}
.infopop {
position:absolute;
z-index:50;
padding:5px 10px;
border:1px solid #afb6cd;
-moz-border-radius:0.8em 0.8em 0.8em 0;
-webkit-border-top-left-radius:0.8em;
-webkit-border-top-right-radius:0.8em;
-webkit-border-bottom-right-radius:0.8em;
border-radius:0.8em 0.8em 0.8em 0;
box-shadow:3px 3px 3px #777;
-webkit-box-shadow:3px 3px 3px #777;
top:-3.7em;
left:1.2em;
width:21em;
background-color:#fff;
display:none;
}
.largepop {
top:-5.1em;
}
#content div.schedules {
max-width:43em;
border-top:1px dotted #fecd02;
border-bottom:1px dotted #fecd02;
padding:1em 0 0.5em 0;
margin: 2em 0;
}
#content div.schedules img.rightimg {
margin-top:-4em;
}
#content div.schedules h2 {
padding-left:0.5em;
border-left:1.2em solid #fecd02;
margin-top:0.3em;
padding-top:0;
}
#content div.sensory {
max-width:41em;
margin: 1em 0;
padding:0 0;
}