/* Standard styles to save problems -------------------------------------------------------*/

body {
margin:0px;
}

img {
border:0px;
}
p {
margin: 0 0 1em 0;
padding:0px;
}
#main {
background-color: #ffc300;
margin: 0px;
padding: 0px;
font-family: arial, verdana, sans serif;
color:#6c6c6c;
font-size:12px;
}

#wholesitepositionid {
position:relative;
padding-top: 4px;
margin-left:auto;
margin-right:auto;
width:1000px;
}

#wholesitecenterid {
position: relative;
margin: 0 auto;  
width: 100%;
background:url("../images/site-images/fp-bg-shadow.jpg") 0 0 repeat-y;
z-index:2;
}
#topmenuline {
display:none;
position:absolute;
top:200px;
left:16px;
z-index:99;
padding-bottom:15px;
border-bottom:#b2b2b2 2px solid;
}
#topmenuline td {
padding-left:5px;
padding-right:5px;
}

/* Although not very elegant, this solution to the positioning of the searchfield works. Place the searchfield into the div element searchfieldid, make it big enough to contain all of the form elements and position it in such a way as to be below the topmenuline. In order for this work around to work you must makesure that topmenuline does not overlap where you type into the field.*/

#notsignedin{
display:none;
}

#article {
position:relative;
width: 980px;
margin-left:6px;
background:url("../images/site-images/fp-bg-gradient.jpg") 0 0 repeat-x;
background-color:#ffe581;
z-index:70;
margin-bottom:0px;
min-height:380px;
/*height:380px !important; */
}

#idheadingtext {
margin-left:250px;
padding-bottom:10px;
}
#idpagetext {
margin-left:16px;
position:relative;
z-index:99;
padding-top:46px;
}
#idpagetext {
position:absolute;
top:0;
left:0px;
z-index:50;
}

#stretcher {
display:none;
}

#basescrollgraphicid {
margin:0 auto;
width: 100%
position: relative;
z-index:90;
background:url("../images/site-images/fp-home-footer-bg.jpg") 0 0 repeat-y;
}


/* The syles below control the text display --------------------------------------------------*/

h1, h2, h3 {
color:black;
}
h1 {
font-size:16px;
}
h2 {
font-size:14px;
}
h3 {
font-size:12px;
}
a {font-size:12px;}

#idpagetext a {font-size:14px;display:block;width:100%;}
#idpagetext a:link {color: #8c8c8c; text-decoration: none;font-weight:bold;}
#idpagetext a:visited {color: #8c8c8c; text-decoration: none;font-weight:bold;}
#idpagetext a:hover {color: black;}


#basescrollgraphicid a:link {font-size:10px; color: #ffc300; text-decoration: underline;}
#basescrollgraphicid a:visited {font-size:10px; color: #ffc300; text-decoration: underline;}
#basescrollgraphicid a:hover {color:#fff;}

div {
padding: 0px;
margin: 0px;
}

img {
padding: 0px;
margin: 0px;
}

/*--- Contact form styles ---*/

#contactform {
width:430px;
padding-top:10px;
padding-bottom:10px;
}
table.contactform {
width:100%;
}
table.contactform td {
padding-left:7px;
padding-top:7px;
}
td.contactform {
width:250px;
}
td.contactformlabel {
width:150px;
}
td.contactformlonglabel {
width:100%;
}
input.contactform {
width:270px;
border:1px solid #7E7E7E;
}
#contactform input:focus, textarea.textbox:focus {
border:1px solid #314294;
}
textarea.textbox {
width:100%;
border:1px solid #7E7E7E;
}
.contactformsubmit {
background-color:#cc0000;
color:#ffffff;
border:1px solid #7E7E7E;
margin-right:3px;
}

/*--- end of contact form styles ---*/
#logospacer {
display:block;
height:150px;
width:150px;
position:absolute;
top:30px;
left:30px;
z-index:99;
background:url(../images/site-images/spacer.gif); 
}
#footerlinks {
MARGIN: 0 24px 10px; 
background:url("../images/site-images/fp-footer.jpg") 0 0 no-repeat;
text-align:right;
width:947px;
height:28px;
}
#footerlinks td {
padding:8px 10px;
}
#footerlinks table {
margin:0 0 0 auto;
}

/*--- styles for the coloured boxes on the homepage --*/

/* generic class for all the pagetext tables */
.linkstable {
width:200px;
font-weight:bold;
font-size:14px;
}
.linkstable td {
padding: 7px 20px 7px 0;
}
 /* class for all the divs with a link to an enquiry form */
.enquire {
width:190px;
height:12px;
position:absolute;
left:4px;
bottom:7px;
color:black;
font-size:14px;
font-weight:bold;
padding:10px 16px;
background:url("../images/site-images/homepage/white-bullet.png") 0 0 no-repeat;
}
/* classes for the oval headers */
.button, .vacanciesbutton {
width:203px;
height:36px;
margin-left:10px;
margin-top:5px;
position:absolute;
left:4px;
top:10px;
}
.vacanciesbutton {
margin-top:55px;
}
/* link styles */

.enquire a:link {
color: black;
text-decoration: none;
font-weight:bold;
font-size:14px;
display:block;
width:100%;
}
.enquire a:visited {
color: black;
text-decoration: none;
font-weight:bold;
font-size:14px;
display:block;
width:100%;
}
.enquire a:hover {
color: #8c8c8c;
}
/* start of specific ids - mainly affect things with colour - eg background/borders etc */
#foster {
background:url("../images/site-images/homepage/fp-yellow-box-bg.png") 0 0 no-repeat;
height:352px;
width:234px;
position:absolute;
top:0px;
left:11px;
}
#fosterlinks {
position:absolute;
top:60px;
left:11px;
}
#fosterlinks td {
border-top:1px solid #ffe681;
background:url("../images/site-images/homepage/yellow-bullet.png") 0 0 no-repeat;
}
#fosterlinks tr:first-child td {
border-top:none;
}
#foster .enquire {
background-color:#ffe681;
}
#foster .button a {
background:url("../images/site-images/homepage/buttons/foster-sprite.png") 0 0 no-repeat;
display:block;
width:100%;
height:100%;
}
#foster .button a:visited {
background:url("../images/site-images/homepage/buttons/foster-sprite.png") 0 0 no-repeat;
}
#foster .button a:hover {
background:url("../images/site-images/homepage/buttons/foster-sprite.png") 0 -36px no-repeat;
}

#services {
background:url("../images/site-images/homepage/fp-green-box-bg.png") 0 0 no-repeat;
height:352px;
width:234px;
position:absolute;
top:0px;
left:252px;
}
#serviceslinks {
position:absolute;
top:60px;
left:252px;
}
#serviceslinks td {
border-top:1px solid #b6dec2;
background:url("../images/site-images/homepage/green-bullet.png") 0 0 no-repeat;
}
#serviceslinks tr:first-child td {
border-top:none;
}
#services .enquire {
background-color:#b6dec2;
}
#services .button a {
background:url("../images/site-images/homepage/buttons/locations-sprite.png") 0 0 no-repeat;
display:block;
width:100%;
height:35px;
}
#services .button a:visited {
background:url("../images/site-images/homepage/buttons/locations-sprite.png") 0 0 no-repeat;
}
#services .button a:hover {
background:url("../images/site-images/homepage/buttons/locations-sprite.png") 0 -35px no-repeat;
}

#contact {
background:url("../images/site-images/homepage/fp-blue-box-bg.png") 0 0 no-repeat;
height:352px;
width:234px;
position:absolute;
top:0px;
left:493px;
}
#contactlinks {
position:absolute;
top:60px;
left:493px;
}
#contactlinks td {
border-top:1px solid #7ecfd3;
background:url("../images/site-images/homepage/blue-bullet.png") 0 0 no-repeat;
}
#contactlinks tr:first-child td {
border-top:none;
}
#contact .enquire {
background-color:#7ecfd3;
bottom:58px;
padding:10px 15px;
}

#contact .button a {
background:url("../images/site-images/homepage/buttons/contact-sprite.png") 0 0 no-repeat;
display:block;
width:100%;
height:100%;
}
#contact .button a:visited {
background:url("../images/site-images/homepage/buttons/contact-sprite.png") 0 0 no-repeat;
}
#contact .button a:hover {
background:url("../images/site-images/homepage/buttons/contact-sprite.png") 0 -36px no-repeat;
}
#crb {
background:url("../images/site-images/homepage/fp-blue-box-small-bg.png") 0 0 no-repeat;
height:232px;
width:233px;
position:absolute;
top:0px;
left:735px;
}
#crblinks {
position:absolute;
top:60px;
left:735px;
}
#crblinks td {
border-top:1px solid #bfcfe5;
background:url("../images/site-images/homepage/crb-bullet.png") 0 0 no-repeat;
}
#crblinks tr:first-child td {
border-top:none;
}
#crb .enquire {
background-color:#91b1dd;
width:189px;
}
#crb .button a {
background:url("../images/site-images/homepage/buttons/crb-sprite.png") 0 0 no-repeat;
display:block;
width:100%;
height:100%;
}
#crb .button a:visited {
background:url("../images/site-images/homepage/buttons/crb-sprite.png") 0 0 no-repeat;
}
#crb .button a:hover {
background:url("../images/site-images/homepage/buttons/crb-sprite.png") 0 -36px no-repeat;
}
#upcomingevents {
position:absolute;
top:307px;
left:487px;
width:226px;
}
#upcomingevents a {
background:url("../images/site-images/homepage/buttons/events-sprite.png") 0 0 no-repeat;
display:block;
width:100%;
height:35px;
}
#upcomingevents a:visited {
background:url("../images/site-images/homepage/buttons/events-sprite.png") 0 0 no-repeat;
}
#upcomingevents a:hover {
background:url("../images/site-images/homepage/buttons/events-sprite.png") 0 -35px no-repeat;
}
#localauthority {
position:absolute;
top:234px;
left:728px;
width:226px;
}
#localauthority a {
background:url("../images/site-images/homepage/buttons/local-authorities-sprite.png") 0 0 no-repeat;
display:block;
width:100%;
height:36px;
}
#localauthority a:visited {
background:url("../images/site-images/homepage/buttons/local-authorities-sprite.png") 0 0 no-repeat;
}
#localauthority a:hover {
background:url("../images/site-images/homepage/buttons/local-authorities-sprite.png") 0 -36px no-repeat;
}
.vacanciesbutton a {
background:url("../images/site-images/homepage/buttons/vacancies-sprite.png") 0 0 no-repeat;
display:block;
width:100%;
height:100%;
position:absolute;
left:724px;
top:210px;
width:226px;
}
.vacanciesbutton a:visited {
background:url("../images/site-images/homepage/buttons/vacancies-sprite.png") 0 0 no-repeat;
}
.vacanciesbutton a:hover {
background:url("../images/site-images/homepage/buttons/vacancies-sprite.png") 0 -36px no-repeat;
}

#childrenguide {
position:absolute;
left:738px;
top:312px;
width:226px;
}
#childrenguide a {
background:url("../images/site-images/homepage/buttons/childrenguide-sprite.png") 0 0 no-repeat;
display:block;
width:100%;
height:36px;
}
#childrenguide a:visited {
background:url("../images/site-images/homepage/buttons/childrenguide-sprite.png") 0 0 no-repeat;
}
#childrenguide a:hover {
background:url("../images/site-images/homepage/buttons/childrenguide-sprite.png") 0 -36px no-repeat;
}

#locationmap {
width:230px;
height:260px;
position:absolute;
top:50px;
left:232px;
}