/*css document*/



* {
margin: 0;
padding: 0;
}


body {
background-color: #FF9966;
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 16px;
}


h2 {
margin-bottom: 10px;
font-size: 12px;
color: #CC9999;
}



p {
margin-bottom: 10px;
}


.head {
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight: bold;
}



.subhead {
font-family: Arial, sans-serif;
font-size: 12px;
color:#87b08c;
font-weight:bold;
}

.subheadfoster {
font-family: Arial, sans-serif;
font-size: 12px;
color:#FF9900;
font-weight:bold;
}


/*START OF HOMEPAGE*/

#wrapper {
width: 800px;
height: 630px;
background-color:#FFFFFF;
margin-right: auto;
margin-left: auto;
}

#banner {
width: 800px;
height: 160px;
}

#teldiv {
width: 800px;
height: 20px;
background-color: #CC6633;
}

#main {
width: 800px;
background-image: url(images/face.gif);
background-color: white;
background-repeat: no-repeat;
}

#main-content {
width: 600px;
margin-left: 200px;
background-color: #FFFFFF;
}

#intro {
width: 600px;
padding-top: 15px;
color: #CC6633;
}

.op {
font-size: 15px;
font-weight: bold;
}

#menu {
width: 600px;
height: 150px;
float: right;
}


/*css rollover buttons*/

.mainnav {
	float: right;
	list-style: none;
	padding: 0;
	margin: 0;
}

.mainnav li {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	width: 116px;
	height: 150px;
}

.mainnav a { 
	display: block;
 	width: 116px;
	height: 150px;
   text-decoration: none;
	background-position: top;
}

.mainnav a:hover {
	background-position: bottom;
}

.mainnav span {
	margin-left: -10000px;
}



.pic1 {       
	background-image:url(images/men1.png);
}
        
.pic2 {       
	background-image:url(images/men2.png);
}
        
.pic3 {       
	background-image:url(images/men3.png);
}
        
.pic4 {       
	background-image:url(images/men4.png);
}
        
.pic5 {       
	background-image:url(images/men5.png);
}


        
/*end of rollovers*/



.homelist {
display: inline;
list-style: none;
color: #CC6633;
font-weight: bold;
margin-right: 15px;
font-size: 12px;
}


.indexlist:link {
text-decoration: none;
color: #FFFFFF;
}
.indexlist:visited {
text-decoration: none;
color: #FFFFFF;
}

.indexlist:hover {
text-decoration: none;
color: #660000;
}
.indexlist:active {
text-decoration: none;
color: #FFFFFF;
}


/*END OF HOMEPAGE*/




/*mainpages*/

#topmenu {
background-color: #c57e85;
width: 780px;
padding-left: 20px;
padding-bottom: 2px;
}

#topmenutrain {
background-color:#6699CC;
width: 780px;
padding-left: 20px;
padding-bottom: 2px;
}


#topmenufoster {
background-color: #FF9933;
width: 780px;
padding-left: 20px;
padding-bottom: 2px;
}

#topmenucharity {
background-color:#eb6558;
width: 780px;
padding-left: 20px;
padding-bottom: 2px;
}

#topmenucorp {
background-color:#748e6b;
width: 780px;
padding-left: 20px;
padding-bottom: 2px;
}

#topmenumem {
background-color:#FFCC66;
width: 780px;
padding-left: 20px;
padding-bottom: 2px;
}


#mainbanner {
width: 800px;
height: 150px;
}

#mainwrapper {
width: 800px;
background-color: white;
margin-right: auto;
margin-left: auto;
border: 3px solid white;
}

#mainwrapper-cross {
width: 800px;
background-color: white;
margin-right: auto;
margin-left: auto;
border: 3px solid white;
height: 900px;
}

#mainwrapper-two {
width: 800px;
background-color: white;
margin-right: auto;
margin-left: auto;
border: 3px solid white;
}








#maininside {
width: 800px;
background-image: url(images/face2.gif);
background-repeat: no-repeat;
}

#maininsidefoster {
width: 800px;
}





/*these are the headerbands*/

#headerband {
background-color: #d3999f;
height: 135px;
width: 800px;
color: white;
clear: left;
font-weight: bold;
font-size: 30px;
}


#headerbandtrain {
background-color:#99CCFF;
height: 135px;
width: 800px;
color: white;
font-weight: bold;
font-size: 30px;
}


#headerbandcharity {
background-color:#f08b77;
height: 135px;
width: 800px;
color: white;
font-weight: bold;
font-size: 30px;
}


#headerbandcorp {
background-color:#87b08c;
height: 135px;
width: 800px;
color: white;
font-weight: bold;
font-size: 30px;
}

/*headerbands end here*/

#callustel {
float: right;
padding: 2px 0 2px 0;
}

#callus {
width: 240px;
height: 18px;
float: right;
padding: 5px 0 3px 0;
}


#callusfoster {
width: 250px;
height: 18px;
padding: 5px 0 3px 0;
float: right;
}

.templist {
display: inline;
list-style: none;
color: #FFFFFF;
font-weight: bold;
padding-right: 15px;
font-size: 12px;
float: left;
padding-top: 5px;
}

.toplist:link {
text-decoration: none;
color: #FFFFFF;
}

.toplist:visited {
text-decoration: none;
color: #FFFFFF;
}

.toplist:hover {
text-decoration: none;
color: #660000;
}

.toplist:active {
text-decoration: none;
color: #FFFFFF;
}


h3 {
color: #FFFFFF;
font-size: 30px;
padding: 20px 0px 0px 17px;
line-height: 30px;
width: 400px;
}

h4 {
color: #FFFFFF;
font-size: 27px;
padding: 10px 0px 10px 17px;
width: 400px;
}

#pics {
height: 115px;
width: 300px;
float: right;
background-color:#000000;
}

#picstrain {
height: 135px;
width: 400px;
float: right;
background-color:#000000;
}

.clear {
	clear: both;
}



#topmenutrain *, #topmenufoster *, #topmenucharity *, #topmenucorp *, #topmenumem *, #topmenu * {
background-color: inherit;
}

#maincontent {
width: 710px;
margin-left: 90px;
}

#maincontentfoster {
width: 800px;
}


/*FOOTER DIV*/

#footer {
clear: both;
height: 53px;
width: 800px;
margin-top:5px;
}


#home {
height: 50px;
width: 165px;
float: left;
margin-top: 3px;
}


#homefoster {
height: 50px;
width: 400px;
float: left;
margin-left: 150px;
}



#paget {
height: 52px;
width: 160px;
float: right;
}	

#pagec {
height: 52px;
width: 160px;
float: right;
border-left: 1px solid  #87b08c;
}




#pagef {
height: 57px;
width: 160px;
float: right;
}



#pagediv {
height: 30px;
width: 450px;
float: right;
text-align: right;
padding: 20px 15px 0 0;
color: #808080;
}


#home img {
margin-top: 10px;
}

#homefoster img {
margin-top: 15px;
}

.bold {
font-weight: bold;
color: #333333;
}

#pagediv a:link {
text-decoration: none;
color: #999999;
}

#pagediv a:visited {
text-decoration: none;
color: #999999;
font-weight: bold;
}

#pagediv a:hover {
text-decoration: none;
font-weight: bold;
color: #333333;
}

#pagediv a:active {
text-decoration: none;
color: #999999;
}


/*END OF FOOTER DIV*/



#sidemenu {
width: 160px;
height: 330px;
float: right;
}


#sidemenucorp {
width: 160px;
height: 369px;
padding-top: 10px;
float: right;
}



#sidemenufoster {
width: 150px;
height: 369px;
float: right;
background-color: #FF3300;
}


#sidecrosslee {
padding: 10px 10px 10px 10px;
color: #d3999f;
}


#sidetrain {
padding: 10px 10px 10px 10px;
color:#3366FF;
}






.side:link {
text-decoration: none;
color: #d3999f;
width: 135px;
display: block;
padding: 5px;
border-bottom: 1px solid #d3999f;
}

.side:visited {
text-decoration: none;
color: #d3999f;
width: 135px;
display: block;
padding: 5px;
border-bottom: 1px solid #d3999f;
}

.side:hover {
text-decoration: none;
background-color: #d3999f;
color: #FFFFFF;
width: 135px;
display: block;
padding: 5px;
border-bottom: 1px solid #d3999f;
}

.side:active {
text-decoration: none;
color: #d3999f;
width: 135px;
display: block;
padding: 5px;
border-bottom: 1px solid #d3999f;
}







/*charity*/
.sidecharity:link {
text-decoration: none;
background-color: #FF6666;
color: #FFFFFF;
width: 135px;
display: block;
padding: 5px;
margin-top: 5px;
}

.sidecharity:visited {
text-decoration: none;
background-color: #FF6666;
color: #FFFFFF;
width: 135px;
display: block;
padding: 5px;
margin-top: 5px;
}


.sidecharity:hover {
text-decoration: none;
background-color: #FF6666;
color: #FFFFFF;
width: 135px;
display: block;
padding: 5px;
margin-top: 5px;
}

.sidecharity:active {
text-decoration: none;
background-color: #FF6666;
color: #FFFFFF;
width: 135px;
display: block;
padding: 5px;
margin-top: 5px;
}
/*charity*/





/*vacancies*/
.sidevac:link {
text-decoration: none;
background-color: #CC9999;
color: #FFFFFF;
width: 135px;
display: block;
padding: 5px;
margin-top: 5px;
}

.sidevac:visited {
text-decoration: none;
background-color: #CC9999;
color: #FFFFFF;
width: 135px;
display: block;
padding: 5px;
margin-top: 5px;
}


.sidevac:hover {
text-decoration: none;
background-color: #CC9999;
color: #FFFFFF;
width: 135px;
display: block;
padding: 5px;
margin-top: 5px;
}

.sidevac:active {
text-decoration: none;
background-color: #CC9999;
color: #FFFFFF;
width: 135px;
display: block;
padding: 5px;
margin-top: 5px;
}
/*vacancies*/
























.train:link{
text-decoration: none;
background-color:#3399FF;
color: #FFFFFF;
width: 135px;
display: block;
padding: 5px;
border-bottom: 1px solid #99CCCC;
margin-top:5px;
}

.train:visited{
text-decoration: none;
background-color:#3399FF;
color: #FFFFFF;
width: 135px;
display: block;
padding: 5px;
border-bottom: 1px solid #99CCCC;
margin-top:5px;
}

.train:hover{
text-decoration: none;
background-color:#3399FF;
color: #FFFFFF;
width: 135px;
display: block;
padding: 5px;
border-bottom: 1px solid #99CCCC;
margin-top:5px;
}

.train:active{
text-decoration: none;
background-color:#3399FF;
color: #FFFFFF;
width: 135px;
display: block;
padding: 5px;
border-bottom: 1px solid #99CCCC;
margin-top:5px;
}





































.sidecorp:link {
text-decoration: none;
color: #d3999f;
width: 135px;
display: block;
padding: 5px;
border-bottom: 1px solid #d3999f;
}

.sidecorp:visited {
text-decoration: none;
color: #d3999f;
width: 135px;
display: block;
padding: 5px;
border-bottom: 1px solid #d3999f;
}

.sidecorp:hover {
text-decoration: none;
background-color:#87b08c;
color: #FFFFFF;
width: 135px;
display: block;
padding: 5px;
border-bottom: 1px solid #d3999f;
}

.sidecorp:active {
text-decoration: none;
color: #d3999f;
width: 135px;
display: block;
padding: 5px;
border-bottom: 1px solid #d3999f;
}



#text {
width: 515px;
height: 300px;
float: left;
color:#333333;
padding: 10px;
overflow: auto;
margin-top:15px;
border: 1px solid #996699;
}


#text-cross {
width: 515px;
height: 520px;
float: left;
color:#333333;
padding: 10px;
overflow: auto;
margin-top:15px;
border: 1px solid #996699;
}







#textfoster {
width: 560px;
height: 350px;
float: left;
color: #808080;
margin: 30px 20px 10px 15px;
border-bottom: 3px solid #FF9933;
}



#prospective {
width: 560px;
height: 350px;
float: left;
color: #808080;
margin: 10px 20px 10px 15px;
}


.ul {
list-style: url(images/fostermenu/sun.gif);
line-height: 20px;
margin-left: 20px;
}


.foster:link {
text-decoration: underline;
color:#999999;
}

.foster:visited {
text-decoration: underline;
color:#999999;
}

.foster:hover {
text-decoration: underline;
color:#333333;
}

.foster:active {
text-decoration: underline;
color:#999999;
}



#fostertext {
width: 550px;
height: 310px;
float: left;
display: inline;
color: #808080;
margin: 30px 20px 10px 15px;
overflow:auto;
border: 1px solid #FF9900;
padding: 10px;
}



#current {
width: 560px;
height: 350px;
float: left;
color: #808080;
margin: 10px 20px 10px 15px;
}


#social {
width: 560px;
height: 350px;
float: left;
color: #808080;
margin: 10px 20px 10px 15px;
}

#young {
width: 560px;
height: 350px;
float: left;
color: #808080;
margin: 10px 20px 10px 15px;
}


#fostermen {
width: 81px;
float: left;
margin: 20px 30px 0 40px;
}



#fostermenback {
width: 90px;
float: left;
margin: 20px 30px 0 20px;
}



#fostermen img {
margin-bottom: 5px;
}



.grey {
margin-bottom: 5px;
}



.sidegreen:link {
text-decoration: none;
background-color: #87b08c;
color: #FFFFFF;
width: 135px;
display: block;
padding: 5px;
margin-top: 5px;
}

.sidegreen:visited {
text-decoration: none;
background-color: #87b08c;
color: #FFFFFF;
width: 135px;
display: block;
padding: 5px;
margin-top: 5px;
}


.sidegreen:hover {
text-decoration: none;
background-color: #87b08c;
color: #FFFFFF;
width: 135px;
display: block;
padding: 5px;
margin-top: 5px;
}

.sidegreen:active {
text-decoration: none;
background-color: #87b08c;
color: #FFFFFF;
width: 135px;
display: block;
padding: 5px;
margin-top: 5px;
}


.strong {
color:#333333;
font-weight:bold;
}



.bullets {
line-height:16px;
margin-left: 25px;
margin-bottom: 10px;
list-style: disc;
}

/*this is the side drop down menu*/

.item {
margin: 4px 0px 5px 5px;
padding-bottom: 5px;
border-bottom: 1px solid #99CCFF;
}


.item a:link{
display: block;
text-decoration: none;
color: #3366FF;
}

.item a:visited{
display: block;
text-decoration: none;
color: #3366FF;
}
.item a:hover{
display: block;
text-decoration: none;
color: #000099;
}

.item a:active{
display: block;
text-decoration: none;
color: #3366FF;
}






#one {
list-style: none;
margin-top: 5px;
}

#one:hover .item{
display: block;
}



.top a:link {
text-decoration: none;
background-color:#3399FF;
color: #FFFFFF;
width: 135px;
display: block;
padding: 5px;
}


.top a:visited {
text-decoration: none;
background-color:#3399FF;
color: #FFFFFF;
width: 135px;
display: block;
padding: 5px;
}

.top a:hover {
text-decoration: none;
background-color:#3399FF;
color: #FFFFFF;
width: 135px;
display: block;
padding: 5px;
}

.top a:active {
text-decoration: none;
background-color:#3399FF;
color: #FFFFFF;
width: 135px;
display: block;
padding: 5px;
}







/*this is the side menu for the cross lee section*/



#two {
list-style: none;
margin-top: 5px;
}

#two:hover .itemcross{
display: block;
}









.topcross a:link {
text-decoration: none;
background-color:#d3999f;
color: #FFFFFF;
width: 135px;
display: block;
padding: 5px;
border-bottom: 1px solid #d3999f;
}


.topcross a:visited {
text-decoration: none;
background-color:#d3999f;
color: #FFFFFF;
width: 135px;
display: block;
padding: 5px;
border-bottom: 1px solid #d3999f;
}

.topcross a:hover {
text-decoration: none;
background-color:#d3999f;
color: #FFFFFF;
width: 135px;
display: block;
padding: 5px;
border-bottom: 1px solid #d3999f;
}

.topcross a:active {
text-decoration: none;
background-color:#d3999f;
color: #FFFFFF;
width: 135px;
display: block;
padding: 5px;
border-bottom: 1px solid #d3999f;
}










.itemcross {
margin: 4px 0px 5px 5px;
padding-bottom: 5px;
border-bottom: 1px solid #d3999f;
}


.itemcross a:link{
display: block;
text-decoration: none;
color: #d3999f;
}

.itemcross a:visited{
display: block;
text-decoration: none;
color: #d3999f;
}
.itemcross a:hover{
display: block;
text-decoration: none;
color: #663366;
}

.itemcross a:active{
display: block;
text-decoration: none;
color: #d3999f;
}


.subheadcross {
font-family: Arial, sans-serif;
font-size: 12px;
color: #d3999f;
font-weight:bold;
}




.subheadtrain {
font-family: Arial, sans-serif;
font-size: 12px;
color: #0099FF;
font-weight:bold;
}

#sitemap {
color:#333366;
font-weight:bold;
margin-right: 15px;
margin-top: 15px;
}



#sitemap li{
color:#333366;
list-style:none;
line-height: 22px;
margin-right: 15px;
}


.big {
font-size:14px;
border-bottom: 1px dashed #9999FF;
margin-bottom: 10px;
}



#sitemap-small {
margin-left: 5px;
}



#sitemap-small li{
color:#6666CC;
list-style:none;
line-height: 13px;
margin-right: 15px;
padding-bottom: 3px;
}


/*site map links*/
.site-link:link {
text-decoration:none;
color: #333366;
}

.site-link:visited {
text-decoration:none;
color: #333366;
}

.site-link:hover {
text-decoration:none;
color:#6666CC;
}

.site-link:active {
text-decoration:none;
color: #333366;
}


.smallsite-link:link {
text-decoration:none;
color:#6666CC;
}

.smallsite-link:visited {
text-decoration:none;
color:#6666CC;
}

.smallsite-link:hover {
text-decoration:none;
color: #333366;
}

.smallsite-link:active {
text-decoration:none;
color:#6666CC;
}





.linky:link {
text-decoration:none;
color:#333333;
font-weight:bold;
}

.linky:visited {
text-decoration:none;
color:#333333;
font-weight:bold;
}

.linky:hover {
text-decoration:none;
color:#333333;
font-weight:bold;
}

.linky:active {
text-decoration:none;
color:#333333;
font-weight:bold;
}



/*VACANCY STYLEING*/



.vacancy:link {
text-decoration:underline;
color:#CC9999;
font-weight:bold;
}

.vacancy:visited {
text-decoration:underline;
color:#CC9999;
font-weight:bold;
}

.vacancy:hover {
text-decoration:underline;
color:#663333;
font-weight:bold;
}

.vacancy:active {
text-decoration:underline;
color:#CC9999;
font-weight:bold;
}






/*partnership links*/
.sidepart:link {
text-decoration: none;
background-color: #FF9933;
color: #FFFFFF;
width: 135px;
display: block;
padding: 5px;
margin-top: 5px;
}

.sidepart:visited {
text-decoration: none;
background-color: #FF9933;
color: #FFFFFF;
width: 135px;
display: block;
padding: 5px;
margin-top: 5px;
}


.sidepart:hover {
text-decoration: none;
background-color: #FF9933;
color: #FFFFFF;
width: 135px;
display: block;
padding: 5px;
margin-top: 5px;
}

.sidepart:active {
text-decoration: none;
background-color: #FF9933;
color: #FFFFFF;
width: 135px;
display: block;
padding: 5px;
margin-top: 5px;
}

/*partnership links*/












a.appformlink {
	display: block;
	color: #FAA61A;
	border: #FAA61A solid 4px ;
	text-decoration: none;
	padding: 3px;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
}