@import url(style_form.css);
@import url(style_navigation.css);


body {
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 78%;
	behavior:url("http://www.kidstaff.co.uk/css/csshover.htc"); /* dragging in the script that enables rollovers (hover pseudo class) on selectors (i.e. <li>)*/
}

p, #list, #list2, #team{margin:0px 0px 15px 0px; padding:0px; line-height:1.5em; font-size:0.9em; color:#505050;}
p a, #sitemap a, #team a{margin:0px; padding:0px; text-decoration:underline; color:#000;}
p a:hover, #sitemap a:hover, #team a:hover{color:#000;}
p a:visited, #sitemap a:visited, #team a:visited {text-decoration:underline; color:#505050;}
p a:visited:hover, #sitemap a:visited:hover, #team a:visited:hover {color:#505050;}
p.alt {background-color:#D4AB04; padding: 5px; color:#FFFFFF; width:180px;}


.smallText{margin:0px; padding:0px; font-style:italic; }
#cnt_rightCol .smallText {padding:40px 5px 0px 12px;}

h1{padding:0px; margin:0px; font-size:1.9em; color:#4A4A4A; font-weight:normal;}
h2{padding:0px; margin:0px 0px 15px 0px; font-size:1.6em; color:#505050; font-weight:bold; }
h3{padding:0px; margin:0px 0px 4px 0px; font-size:1em; color:#505050; font-weight:bold; }

img{border:none;}

#list {margin:0px; padding:0px; list-style: square;}
#list li{margin:15px ;padding:0px;}

#list2 {margin:0px; padding:0px; list-style: square;}
#list2 li{margin:15px ;padding:0px;}


#container{margin:0px; padding:0px;}
#header{margin:0px; padding:0px;}

#orange_strip{
	margin:-5px 0px 0px 0px;
	padding:0px;
	height:6px;
	background-color:#DEB305;
}

.logo{margin:15px 180px -8px 27px; padding:0px;}


#qmark{
	margin:0px;
 	padding:0px;
	position:absolute;
	top:18px;
	left:845px; 
}
p.qmark{
margin-top:10px;
font-size:.8em;
line-height:1em;
	width:140px;
}

#acred{
	margin:0px;
 	padding:0px;
	position:absolute;
	top:15px;
	left:475px;
}


#header_image{
	margin:0px;
	padding:0px; 
	height:188px;
	border-top:1px solid #6C6C6C;
	background:url("http://www.kidstaff.co.uk/images/shadow_white.gif") repeat-x;	
}


.right_banner{
 width:226px; 
	margin:0px;
	padding:0px;
	position:absolute;
	left:765px;
	top:152px;



}

.accreds2{
width:182px;
height:38px;
position:absolute;
	top:123px;
	left:366px; }
 
  .title_holder{
	 float:left;
	 }
	 
	 .phone{
width:182px;
height:38px;
position:absolute;
	top:83px;
	left:640px;
	font-size:1em;
font-weight:bold; }
 
  .title_holder{
	 float:left;
	 }
	 
p.phone{

}

div.accreds{
background-color:#000000;  height:25px; opacity: .5;
	filter: alpha(opacity=50); padding:10px; padding-top:5px; float:left;margin-top:-188px; border-bottom-color:#FFFFFF;}
	
	
div.accreds p
  {
  color:#FFFFFF;
  }
  div.accreds h3
  {

  color:#FFFFFF;
  }
	
#content{
	margin:0px;
	padding:30px 0px; 
	width:988px;
}

.pic2{position:absolute; top:1070px; left:730px;}


/* ------ CONTENT -----*/
/* --------------------*/
#greyStrip{
	margin:0px;
	padding:1px 0px 2px 22px; 
	border-top:1px solid #6C6C6C;
	background:#D7D7D7 url("http://www.kidstaff.co.uk/images/shadow_grey.gif") repeat-x; 
}

*html #greyStrip{margin-top:-3px;} /* -- IE hack to delete gap between grey strip and header image -- */

#cnt_copy{
	margin:-2px 30px 0px 0px;
	padding:0px;
	width:520px;
	float:left;
}

#cnt_rightCol{
	margin:-8px 0px 0px 15px;
	padding:0px;
	width:237px;
	height:260px;
	float:left;

}

#cnt_image{
	margin:15px;
	padding:0px;
	width:203px;
}


.cnt_rightCol{
	margin:-8px 0px 0px 15px;
	padding:0px;
	width:237px;
	height:260px;
	float:left;

}

.cnt_image{
	margin:15px;
	padding:0px;
	width:203px;
}


/* ------- HOME -------*/
/* --------------------*/
#hm_copy{
	margin:0px;
	padding:0px 30px 0px 28px;
	width:422px;
	float:left;
}

#hm_promos {
	margin:-4px 0px 0px 10px;
	padding:0px;
	height:122px;
	list-style:none;
	font-size:2em;
	float:left;
}

*html #hm_promos{margin:0px 0px 0px 0px;} /* -- IE hack to make nav vertically centred -- */

#hm_promos li {width:221px; height:122px; float:left;}
#hm_promos .using_kidstaff{background:url("/images/hm_promoUsing2.jpg") no-repeat; margin-left:25px;width:221px; height:112px;}
#hm_promos .working_kidstaff{background:url("/images/hm_promoWork2.jpg") no-repeat;margin-left:25px;width:221px; height:112px;}

#hm_promos .using_kidstaff:hover{background:url("/images/hm_promoUsing3.jpg") no-repeat; margin-left:25px;width:221px; height:112px;}
#hm_promos .working_kidstaff:hover{background:url("/images/hm_promoWork3.jpg") no-repeat;margin-left:25px;width:221px; height:112px;}
	
#hm_promos li a {
	display:block;
	text-decoration:none;
	color:#FFF;
	
	width:221px; height:112px;
}

#hm_promos a:hover{ width:221px; height:112px;
	}
#hm_promos li:hover{}

/* Holly Hack. IE Requirement \*/
* html #hm_promos li {float:left; height:1%; }
* html #hm_promos li a {height:1%; }
/* End */



/* ------- TEAM -------*/
/* --------------------*/
#team {
	margin:0px 0px 0px 3px;
	padding:0px;
	list-style:none;
}

*html #team {margin:0px 0px 0px -23px;}

#team span{padding:10px; }

#team li {width:150px; height:175px; margin:0px 40px 65px 50px; float:left;}

#team li .ruthAndre{background:url("http://www.kidstaff.co.uk/images/team/tm_ruthAndre.jpg") no-repeat;}
#team li .zoeThomas{background:url("http://www.kidstaff.co.uk/images/team/tm_zoeRushton.jpg") no-repeat;}
#team li .adrienneWells{background:url("http://www.kidstaff.co.uk/images/team/tm_adrienneWells.jpg") no-repeat;}
#team li .claireMoore{background:url("http://www.kidstaff.co.uk/images/team/tm_claireBurgess.jpg") no-repeat;}
#team li .pamSomers{background:url("http://www.kidstaff.co.uk/images/team/tm_pamSomers.jpg") no-repeat;}
#team li .lynziRenshaw{background:url("http://www.kidstaff.co.uk/images/team/tm_lynziRenshaw.jpg") no-repeat;}
#team li .sarahNoble{background:url("http://www.kidstaff.co.uk/images/team/tm_sarahNoble.jpg") no-repeat;}
#team li .julesDonaldson{background:url("http://www.kidstaff.co.uk/images/team/tm_julesDonaldson.jpg") no-repeat;}
#team li .janWiles{background:url("http://www.kidstaff.co.uk/images/team/tm_janWiles.jpg") no-repeat;}
#team li .sabrina{background:url("http://www.kidstaff.co.uk/images/team/tm_Sabrina.jpg") no-repeat;}
#team li .nickFlannery{background:url("http://www.kidstaff.co.uk/images/team/tm_nickFlannery.jpg") no-repeat;}
#team li .sarahHunt{background:url("http://www.kidstaff.co.uk/images/team/tm_sarahHunt.jpg") no-repeat;}
#team li .joWoodberry{background:url("http://www.kidstaff.co.uk/images/team/tm_joWoodberry.jpg") no-repeat;}



*html #team li {margin:0px 40px 40px 25px;}
		
#team li a {
	display:block;
	color:#4A4A4A;
	padding: 180px 0px 0px 0px;
}

#team a:hover{}

/*#team li:hover{background:#FFF url("http://www.kidstaff.co.uk/images/header_images/arrow_transBkgd_hover.gif") no-repeat center left;}*/

/* Holly Hack. IE Requirement \*/
* html #team li {float:left; height:1%; }
* html #team li a {height:1%; }
/* End */


/*--- Forms ---*/
div.forms p.error-message		{ color: #dd0000 !important;}
.forms h2			{ color:#000000}
.forms p.req			{ border-left:4px solid #DDB326; padding:0 0 0 4px;}
.forms form			{ border:none; width:520px;}
.forms fieldset		{ border:none; padding:none;}
.form-header		{ background-color:#DDB326; padding:5px 0; }
.form-header h3	{ color:#FFFFFF; font-size:12pt; margin:0 0 0 10px; width:350px; float:left; }
.form-header p.page	{ float:right; color:#ECD77C; font-size:10pt; margin:0 10px 0 }
.form-body			{ background-color:#E6E6E6; padding:5px 5px 15px 5px; margin:5px 0 0 0}
.form-body	h4	{ line-height:normal; margin:0 0 10px 0; font-size:9pt;}
.forms label			{ height:19px;  float:left; width:200px; margin:0 0 3px 25px; color:#000000}
.forms label.antinudge	{ margin-left: 0px;}
.forms input			{ border:#000000 solid 1px; width:240px; color:#000000; }
.forms input.radio, .forms input.checkbox		{ width: auto; border: none; height: auto; }
.forms input.mid		{ width:166px;}
.forms input.small		{ width:20px; margin:0 10px 0 0; }
.forms input.ni2	{ width:20px;margin: 0 10px 0 0;}
.forms input.ni1	{ width:12px; margin: 0 10px 0 0;}
.forms label.req			{  border-right:#DDB326 solid 4px; width:196px;  }
.forms div.setcontainer select { margin-right: 4px;}
.forms label.error		{ border-right: #dd0000 solid 4px; width: 196px;}
.forms div.req-left { border-left: 4px solid #DDB326;}
.forms div.req-left.error { border-left-color: #dd0000 ;}
.forms label.text-area	{ height:58px;}
.forms label.radio			{ width:60px; margin:0 40px 0 10px; font-weight:bold;}
.forms input, .forms select			{ float:left; margin:0 0 0px 0; }
.forms select	{ border:1px solid #000000; background-color:#FFFFFF; width:170px;}
.forms form br					{ clear:both; }
.forms select.date				{ width:54px; margin:0 5px 0 0}
.forms form textarea 				{ margin: 0; height:55px;  border:#000000 solid 1px; width:240px; color:#000000; margin-bottom:8px;}
.forms form input.submit		{ width:70px; border:none; background-color:#DDB326; height:30px; font-size:11pt; margin:5px 0 0 0; float:right; cursor:pointer; color:#FFFFFF; }
.forms form input.back	{ width:70px; border:none; background-color:#DDB326; height:30px; font-size:11pt; margin:5px 0 0 0; float:left; cursor:pointer; color:#FFFFFF; }
.forms label span.bold			{ font-weight:bold; margin-right:18px;}
.forms label.emp					{ margin:0px 0 3px 0!important; width:221px;}
.employer-break					{ margin:0 0 20px 0}
p.agree		{ float:left}
.forms form .checkbox			{ float:right; background-color:#FFFFFF; border:1px solid #000000; margin:0 10px 0 0}
.col2 select.date.crop				{ margin-right:0px;} 

.col1								{ float:left; width:125px; margin:0 10px 10px 0}
.col1 label, .col2 label, .col3 label					{ margin:0 0 0px 0; width:130px;}
.col1 input, .col2 input					{ width:128px;}
.col2										{ float:left; margin:0 0px 10px 0;}
.col2	 input.plus, .col2 input.minus					{ margin:0 0 0 5px; width:18px; height:18px; border:1px #000000 solid; background-color:#DDB326; line-height:22px; font-size:12pt; font-weight:bold; float:right; cursor:pointer; color:#000000;}
label.full							{ width:360px; }
label.radio-full			{ width:30px; margin:0 2px 0 3px; font-weight:bold;}
.col3								{ float:left}
.col3 input					{ width:275px;}

label.mid							{ width:250px; }
label.radio-mid			{ width:20px; margin:0 2px 0 3px; font-weight:bold;}


.nudge			{ margin-left:25px;}

/*--Clearfix--*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}



/* ------ SITEMAP -----*/
/* --------------------*/
#sitemap{
	margin:0px;
	padding:0px;
	list-style:none;
	font-weight:bold;		
}

* html #sitemap, *html #sitemap ul{font-size: 78%;}

#sitemap li{font-size:1.5em;}
#sitemap ul{padding:0px 25px;list-style:none;}
#sitemap ul li{padding:15px 5px 5px 0px;font-size:1.1em;}

#sitemap ul ul li{
	margin-left:15px;
	padding:3px;
	font-size:.95em;
	color:#505050;
	font-weight:normal;	
}

#sitemap ul ul {list-style: square;}

html>body .clearer{
	height:1px;
	margin-top:-1px;
	clear:both;
	overflow:hidden;
}