/* CSS Document */

/* Sets the page background to white and applies the gradual fade from top to bottom. Applies automatically to the boduy of every page and template that is linked to the style sheet*/
body {
	margin: 0px;
	margin-bottom:10px;
	background-color:#FFFFFF;
	background-image: url(../assets/images/body-fade.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

/* Forces the scrollbar to always be displayed in non-IE browsers */
html {
	min-height: 100.1%;
} 

/* UNUSED - was created to centre a div based page layout and size at 810px*/
#wrap {
	margin: 0 auto;
	width: 810px;
}

/* homepage - formats the left hand column and text contents */
.homeleftborder {
	width: 160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
	padding: 5px 5px 5px 5px;
	border: solid 1px #006699;
	background-color:#EEFAFB;
}

/* homepage - formates the centre column and text contents */
.homemiddle {
	font-family: Arial, Helvetica, sans-serif;
	line-height:130%;
	font-size: 12px;
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
	padding: 5px 5px 5px 5px;
	border: solid 1px #006699;
	background-color:#FFFFFF;
}

/* homepage - formates the right hand column and text contents */
.homerightborder {
	width: 170px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:130%;
	padding: 0px;
	border: solid 1px #006699;
	font-size: 80%;
	font-weight: normal;
	text-align: center;
	margin-right: 5px;
	margin-left: 5px;
}

/* UNUSED - was used to position sections on the div based homepage layout  */
#homefeature {
	width: 160px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:130%;
	font-size: 12px;
	margin-left: 5px;
	margin-top: 10px;
	margin-right: 5px;
	padding: 5px 5px 0px 5px;
	border: solid 1px #006699;
	background-color:#EEFAFB;
	float:left;
	height: 395px;
}

/* UNUSED - was used to position sections on the div based homepage layout */
#homecopy {
	width: 439px;
	border: 1px solid #006699;
	margin-top: 10px;
	margin-bottom:10px;
	float:left;
	height: 395px;
}

/* UNUSED - was used to position sections on the div based homepage layout */
#graphic-links {
	margin-top:10px;
	margin-left: 5px;
	margin-right: 5px;
	padding:0px;
	background-color: #00716B;
	border: 1px solid #000000;
	float:left;
	height: 98px;
}

/* UNUSED */
.index_main_content p {
	font-family:Arial, Helvetica, sans-serif;
	color:#003366;
	margin-right: 20px;
	padding-left: 10px;
	font-size: 11px;
	line-height:20px;
}

/* xmas-appeal2008.html - used to format a table of images */
#anitable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 0px;
}

#anitable td {
	padding-bottom: 6px;
	text-align: center;
	padding-right: 2px;
}
 /* UNUSED - highlights text in yellow box, black text and black border */
.highlight {
	color:#000000;
	background-color:#FFFF00;
	font-weight: bold;
	padding: 3px;
	margin-bottom:8px;
	border: solid 1px #000000;
}

.img_iip {
	float: right;
}

.left_side_nav_bg {
	background-repeat:repeat-x;
	background-position:top;
	background-image:url(../assets/images/left-side-nav-bg.jpg);
}

/* headings */
h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#003366;
	padding-top: 10px;
	font-size: 120%;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	}
	
h2 {
		font-family:Arial, Helvetica, sans-serif;
		padding: 10px;
		color:#003366;
		padding-top: 20px;
		font-size: 115%;
	}
	
h3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#003366;
	font-size: 105%;
	padding-right: 10px;
	padding-left: 10px;
	}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	color:#003366;
	font-size: 14px;
	padding-right: 10px;
	padding-left: 10px;
	}

/* Automatically applied throughout the site to links */
	
a:link, a:visited, a:active {
	text-decoration: underline;
}

a:hover {
	color:#00CCFF;
	text-decoration: underline;
}


.footnote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #FFFFFF;
	display: block;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #FFFFFF;
	text-align: center;
	background-color: #404D55;
	padding: 2px;
	vertical-align: top;
	
}


.TClink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}

/* Automatically applied throughout the site to paragraph text - basic paragraph formatting */
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #003366;
	margin-left: 10px;
	margin-top: 0px;
	line-height: 20px;
	margin-right: 20px;
}

.TopBorder {
	background-color: #404D55;
	font-size: 4px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
}

.Mininote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	display: block;
	text-align: left;
}

/* Applied throughout - this formats the cell to the left of the title on each page*/
.DummyTitle {
	background-color: #F4F4F4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	width: 140px;
}

/* UNUSED */
.Quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #006699;
	vertical-align: top;
	text-align: justify;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
}

/* applied throughout the site - basic bold text formatting  - NB some pages will use "strong" */
.bold {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003366;
	font-size: 80%;
}

/* applied throughout the site - basic list formatting */
.list {
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
	padding-right: 45px;
	list-style-position: outside;
	list-style-type: disc;
	font-size: 80%;
	line-height: 160%;
}

/* applied throughout the site - use this class to make a left hand naviation link pop out like a sub menu */
.submenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003399;
	background-color:#F2F8F9;
	text-indent: 15px;
	display: block;
	width: 125px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right: solid 1px #F4F4F4;
	border-left: solid 15px #009999;
	border-bottom: solid 1px #F4F4F4;

}

/* hover formatting for above */
.submenu:hover {
	background-color:#CEE8EA;
}

/* apply this class style to an list to format it correctly and replace the bullet point with a mini st christopher's star */
.list_mission {
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
	padding-right: 45px;
	list-style-position: outside;
	list-style-type: disc;
	list-style-image:url(../assets/images/st-chris-star.jpg);
	font-size: 80%;
	line-height: 160%;
}

/* apply this class style to an image with a white background to give it a light grey border - looks better within the page structure above the quote box. */
.img_border {
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
	
/* UNUSED */
.index_img {
	float:right;
	margin-top: 77px;
}

/* applied to our-history.html - apply this class style to an image to position it correctly within body text */
.img_10px_margin {
	margin-left: 10px;
}

/* UNUSED */
#news_table	{
	background-color:#00CCFF;
	font: Arial, Helvetica, sans-serif;
	font-size:12px;
}

/* Applied to work-with-us.dwt - sets the backround colour and height of the coloured bar above the left hand navigation */
.Work_LeftSideNavHeader {
	background-color: #003399;
	height: 30px;
}

/* Applied to work-with-us.dwt - formats the left hand navigation menu*/
.Work_LeftSideNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003399;
	background-color: #FFFFFF;
	text-indent: 10px;
	display: block;
	width: 140px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right: 1px solid #F4F4F4;
	border-bottom: 1px solid #F4F4F4;
}
/* Applied to work-with-us.dwt - formats hovering over the left hand navigation menu*/
.Work_LeftSideNav:hover {
	background-color: #D9F2FF;
}
/* Applied to work-with-us.dwt - formats the section title*/
.Work_SectionTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #003399;
	text-indent: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #F4F4F4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	font-weight: bold;
}

/* Applied to the vacancy table on vacancies.html as the table id - positions the vacancy table within the column */
#Work_VacancyTable {
	margin-left:10px;
	margin-right:10px;
}
/* Applied to the vacancy table on vacancies.html - formats the cells and contents */
#Work_VacancyTable td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #FCD402;
	padding: 2px;
}
/* Applied to Work With Us template - formats the cell for the page quote under the photo cell*/
.Work_Quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #003399;
	vertical-align: top;
	padding: 11px;
}
/* Applied to who-we-are.dwt - sets the backround colour and height of the coloured bar above the left hand navigation */
.Who_LeftSideNavHeader {
	background-color: #006699;
	height: 30px;
}
/* Applied to who-we-are.dwt - formats the left hand navigation menu*/
.Who_LeftSideNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006699;
	background-color: #FFFFFF;
	text-indent: 10px;
	display: block;
	width: 140px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right: 1px solid #F4F4F4;
	border-bottom: 1px solid #F4F4F4;
}
/* Applied to who-we-are.dwt - formats hovering over the left hand navigation menu*/
.Who_LeftSideNav:hover {
	background-color: #D9F2FF;
}
/* Applied to who-we-are.dwt - formats the section title*/
.Who_SectionTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #006699;
	text-indent: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #F4F4F4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	font-weight: bold;
}

/* Applied to who-we-are.dwt - formats the cell for the page quote under the photo cell*/
.Who_Quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #006699;
	vertical-align: top;
	padding: 11px;
}
/* Applied to news.dwt - sets the backround colour and height of the coloured bar above the left hand navigation */
.Support_LeftSideNavHeader {
	background-color: #0099CC;
	height: 30px;
}
/* Applied to support-us.dwt - formats the left hand navigation menu*/
.Support_LeftSideNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0099CC;
	background-color: #FFFFFF;
	text-indent: 10px;
	display: block;
	width: 140px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right: 1px solid #F4F4F4;
	border-bottom: 1px solid #F4F4F4;
}
/* Applied to support-us.dwt - formats hovering over the left hand navigation menu*/
.Support_LeftSideNav:hover {
	background-color: #D9F2FF;
}
/* Applied to support-us.dwt - formats the section title*/
.Support_SectionTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #0099CC;
	text-indent: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #F4F4F4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	font-weight: bold;
}

/* Applied to support-us.dwt - formats the cell for the page quote under the photo cell*/
.Support_Quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #0099CC;
	vertical-align: top;
	text-align: left;
	padding: 12px;
}
/* Applied to latest-news.html and archive.html - formats the horizontal rule between each story */
.newsrule {
	margin-right: 40px;
	margin-left:10px;
	color:#336666;
}
/* Applied to news.dwt - sets the backround colour and height of the coloured bar above the left hand navigation */
.News_LeftSideNavHeader {
	background-color:#336666;
	height: 30px;
}
/* Applied to news.dwt - formats the left hand navigation menu*/
.News_LeftSideNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336666;
	background-color: #FFFFFF;
	text-indent: 10px;
	display: block;
	width: 140px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right: 1px solid #F4F4F4;
	border-bottom: 1px solid #F4F4F4;
}
/* Applied to news.dwt - formats hovering over the left hand navigation menu*/
.News_LeftSideNav:hover {
	background-color: #D9F2FF;
}
/* Applied to news.dwt - formats the section title*/
.News_SectionTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #336666;
	text-indent: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #F4F4F4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	font-weight: bold;
}

/* Applied to news.dwt - formats the cell for the page quote under the photo cell*/
.News_Quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #336666;
	vertical-align: top;
	text-align: left;
	padding: 12px;
}
/* Applied to fostering-sub.dwt - formats the left hand navigation sub-menu items*/
.Fostering_LeftSideNavSub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3366CC;
	background-color: #FFFFFF;
	text-indent: 20px;
	display: block;
	width: 140px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right: 1px solid #F4F4F4;
	border-bottom: 1px solid #F4F4F4;
}
/* Applied to fostering-sub.dwt - formats hovering over the left hand navigation sub-menu items*/
.Fostering_LeftSideNavSub:hover {
	background-color: #D9F2FF;
}

.Fostering_VacancyTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	background-color: #FFFFFF;
	line-height: 18px;
	border: 1px solid #000000;
	padding-left: 2px;
}

/* Applied to fostering-sub.dwt - formats the "thinking of fostering" box */
.fostering_ad {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color: #009999;
	background-color:#EDF1F0;
	padding-top: 10px;
	padding-bottom: 8px;
	margin-right: 5px;
	border: 1px solid #009999;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	margin-left: 5px;
}

/* Applied to index.htm - formats the "thinking of fostering" box */
.homepagefostering {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	background-color:#EDF1F0;
	padding-top: 10px;
	padding-bottom: 8px;
	margin-right: 5px;
	border: 1px solid #009999;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	margin-left: 5px;

}

.homepagefostering a {
	color:#009999;
	text-decoration:none;
}

.homepagefostering a:hover {
	text-decoration:none;
}

.homepagefostering a:visited {
	text-decoration:none;
}
.homepagefostering a:active {
	text-decoration:none;
}
/* Applied to fostering-sub.dwt - formats the phone number text */
.fostering_number {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color: #009999;
	line-height: 32px;
	
}

/* Applied to fosteringrecruit.dwt - formats the title of each page */
.fostering_PageTitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#003366;
}

/* Applied to fosteringla.dwt - formats the body text of each page */
.fostering_BodyText{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#003366;
}

/* Applied to fostering/registerinterest/form.html. Unused at present but can be used to apply a background colour if required.*/
.fostering_Form{
	/*background-color:#FFD200;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*border: #000000 1px solid;*/
	color: #003366

}

/* Applied to what-we-do.dwt - sets the backround colour and height of the coloured bar above the left hand navigation */
.CS_LeftSideNavHeader {
	background-color: #0099CC;
	height: 30px;
}
/* Applied to several templates - formats the left hand navigation menu*/
.CS_LeftSideNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0099CC;
	background-color: #FFFFFF;
	text-indent: 10px;
	display: block;
	width: 140px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right: 1px solid #F4F4F4;
	border-bottom: 1px solid #F4F4F4;
}



/* Applied to what-we-do.dwt - formats hovering over the left hand navigation menu*/
.CS_LeftSideNav:hover {
	background-color: #D9F2FF;
}
/* Applied to what-we-do.dwt - formats the section title*/
.CS_SectionTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #0099CC;
	text-indent: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #F4F4F4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	font-weight: bold;
}

/* Applied to what-we-do.dwt - formats the cell for the page quote under the photo cell*/
.CS_Quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color:#0099CC;
	vertical-align: top;
	text-align: left;
	padding: 12px;
}
/* Applied to London Refuge page - formats the contact details paragraph to apply border etc*/
.CS_number_bar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 370px;
	line-height: 24px;
	color: #003366;
	background-color: #ECECFF;
	padding: 15px;
	border: thin solid #000066;
}

/* Applied to contact-us.dwt - sets the backround colour and height of the coloured bar above the left hand navigation */
.Contact_LeftSideNavHeader {
	background-color: #999933;
	height: 30px;
}
/* Applied to contact-us.dwt - formats the left hand navigation menu*/
.Contact_LeftSideNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999933;
	background-color: #FFFFFF;
	text-indent: 10px;
	display: block;
	width: 140px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right: 1px solid #F4F4F4;
	border-bottom: 1px solid #F4F4F4;
}
/* Applied to contact-us.dwt - formats hovering over the left hand navigation menu*/
.Contact_LeftSideNav:hover {
	background-color: #D9F2FF;
}
/* Applied to contact-us.dwt - formats the section title*/
.Contact_SectionTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #999933;
	text-indent: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #F4F4F4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	font-weight: bold;
}

/* Applied to contact-us.dwt - formats the cell for the page quote under the photo cell*/
.Contact_Quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #999933;
	vertical-align: top;
	text-align: left;
	padding: 12px;
}

/* Applied to table on legal.html page- sets the external margins for*/
#legal_table {
	margin-left:10px;
	margin-right:10px;
}
/* Applied to table on legal.html page-  formats the table contents*/
#legal_table td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding: 2px;
}

/*Applied to hipteachers***.dwt - formats the page title of each page*/
.hipteachers_PageTitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#003366;
	padding-left: 10px;
}

/*Applied to hipteachers***.dwt - formats the sub title of each page*/
.hipteachers_PageSubTitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#003366;
}

/*Applied to hipteachers***.dwt - formats the body text of each page*/
.hipteachers_BodyText{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#003366;
}

/*Applied to hipteachers***.dwt - formats the answers to the question*/
.hipteachers_BodyTextAnswers{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#003366;
}

/*Applied to hip**.dwt - formats the left hand menu*/
.hipteachers_LeftMenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0099CC;
	background-color: #FFFFFF;
	text-indent: 10px;
	display: block;
	width: 165px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right: 1px solid #F4F4F4;
	border-bottom: 1px solid #F4F4F4;
}

/*Applied to hip**.dwt - formats the sub menus*/
.hipteachers_LeftSubMenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003399;
	background-color:#F2F8F9;
	text-indent: 0px;
	display: block;
	width: 150px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right: solid 1px #F4F4F4;
	border-left: solid 15px #FFFFFF;
	border-bottom: solid 1px #F4F4F4;

}

/* hover formatting for above */
.hipteachers_LeftSubMenu:hover {
	background-color:#CEE8EA;
}

/*Applied to hip**.dwt - formats the sub menus*/
.hipteachers_TopSelectionMenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003399;
	display:block;
	padding:2px;
	border-bottom:dashed 1px #000000;
}


.hipteachers_TopSelectionMenuSelected {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:  #003350;
	display: block;
	border-left:dashed 1px #000000;
	border-right:dashed 1px #000000;
	border-top:dashed 1px #000000;

}