@import url(sIFR-screen.css);

/* Site Colous

About Us		- Solid #01835E / Faded #B2DACE / Text #01835E
Our Services		- Solid #9CBCDA / Faded #D7E4F0 / Text #6D9DC9
News & Views		- Solid #63002F / Faded #E0CCD5 / Text #7C2950
Careers			- Solid #B5AC9F / Faded #E1DED9 / Text #9A8D7A
Contact Us		- Solid #FDD23E / Faded #FEEDB2 / Text #E3B002
Help			- Solid #9DCCBD / Faded #CEE5DE / Text #66AE97
The Backpage		- Solid #A7ABAC / Faded #DCDDDE / Text #868D8E 
Charitable Trusts	- Solid #A7ABAC / Faded #DCDDDE / Text #868D8E 
Default			- Solid #A7ABAC / Faded #DCDDDE / Text #868D8E 

 */

body {
	padding:0px;
	margin: 0px;
	text-align: left;
	color:#333333;
	background: url(../images/assets/bgrpt_midbackground.jpg) repeat-y top left #e7e7e7;
	min-width:1024px;
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

* html body {
	font-size: x-small; /* for IE5/Win */
	font-size: small; /* for other IE versions */
}

a {
	color:#0768A9;
	text-decoration:none;
}
a:hover {
	color:#0768A9;
	text-decoration:underline;
}

img {
	border:0;
}	

/* WRAPPER THAT CONTAINS THE SITE
------------------------------------*/
#wrapper {
	width: 1024px;
	background: url(../images/assets/bgrpt_topbackground.jpg) no-repeat top left;
}

/* GENERIC TYPOGRAPHY
---------------------*/
p {
	font-size: 90%;
}

h1, h2, h3, h4 {
	font-size: 120%;
}

/* HEADER ELEMENTS - PRIMARY NAV & SECONDARY NAV
----------------------------------------------------------------------*/
#header {
	width: 962px;
}

/* CONTENT AREA CONTAINER
------------------------------------*/
#content {
	margin: 0px 0px 0px 112px;
	padding: 0;
	width: 794px;
}

#content_aboutus, #content_ourservices, #content_newsviews, #content_careers, #content_contactus, #content_help, #content_thebackpage, #content_charitabletrusts, #content_default {
	margin: 10px 0px 0px 112px;
	padding: 0;
	width: 794px;
}

/* GENERIC ELEMENTS
-------------------*/
.left {float: left; text-align: left; width: 572px;}
.right {float: right; text-align: left; width: 212px;}

#content_aboutus .left, #content_ourservices .left, #content_newsviews .left, #content_careers .left, #content_contactus .left, #content_help .left, #content_thebackpage .left, #content_charitabletrusts .left {margin: 0; padding: 0; width: 572px;}
#content_aboutus .right,  #content_ourservices .right, #content_newsviews .right, #content_careers .right, #content_contactus .right, #content_help .right, #content_thebackpage .right, #content_charitabletrusts .right {margin: 0; padding: 0; width: 212px;}

.clearboth {
	clear: both;
	height: 1px;
	padding: 0px;
	margin: 0px;
}

.clearleft {
	clear: left;
	height: 1px;
	padding: 0px;
	margin: 0px;
}

#searchbox input { position: relative; bottom: 10px;}
#searchbox img { position: relative; bottom: 5px;}

/* LOGO AND QUOTE AND IMAGE
------------------------------------*/
#logo {
	text-align: right;
	padding-bottom: 68px;
}

#mastheadhome {color: #ffffff;}
#mastheadaboutus {background: url(../images/assets/bgrpt_masthead_aboutus.jpg) repeat-y top left;}
#mastheadourservices {background: url(../images/assets/bgrpt_masthead_ourservices.jpg) repeat-y top left;}
#mastheadnewsviews {background: url(../images/assets/bgrpt_masthead_newsviews.jpg) repeat-y top left;}
#mastheadcareers {background: url(../images/assets/bgrpt_masthead_careers.jpg) repeat-y top left;}
#mastheadcontactus {background: url(../images/assets/bgrpt_masthead_contactus.jpg) repeat-y top left;}
#mastheadhelp {background: url(../images/assets/bgrpt_masthead_help.jpg) repeat-y top left;}
#mastheadthebackpage {background: url(../images/assets/bgrpt_masthead_genericgrey.jpg) repeat-y top left;}
#mastheadcharitabletrusts {background: url(../images/assets/bgrpt_masthead_genericgrey.jpg) repeat-y top left;}
#mastheaddefault {background: url(../images/assets/bgrpt_masthead_genericgrey.jpg) repeat-y top left;}

#mastheadhome .left p {padding: 5px 10px; margin: 0; width: 562px;}
#mastheadhome .right p {padding: 5px 10px; margin: 0; width: 192px;}

/* NEWSTICKER
------------------------------------*/
#newsticker{
	background: transparent;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	width:570px;
	float:left;
	position:relative;
	margin: 0px 0px 0px 0px;
}
#newstextbox{
	background: transparent;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	width:570px;
	float:left;
	position:relative;
	margin: 0px 0px 0px 0px;
}

/* LINKS WITH ICONS TO THE LEFT
-------------------------------*/
a[class ="arrow_blue"] {
   padding-left: 10px;
   background: transparent url(../images/assets/icons/arrow_blue.gif) no-repeat center left;
   color: #7c2950;
   text-decoration: underline;
} a[class ="arrow_blue"]:hover {text-decoration: none;}

a[class ="arrow_newsviews"] {
   padding-left: 10px;
   background: transparent url(../images/assets/icons/arrow_newsviews.gif) no-repeat center left;
   color: #7c2950;
   text-decoration: underline;
} a[class ="arrow_newsviews"]:hover {text-decoration: none;}

a[class ="arrow_careers"] {
   padding-left: 10px;
   background: transparent url(../images/assets/icons/arrow_careers.gif) no-repeat center left;
   color: #9a8d7a;
   text-decoration: underline;
} a[class ="arrow_careers"]:hover {text-decoration: none;}

a[class ="arrow_help"] {
   padding-left: 10px;
   background: transparent url(../images/assets/icons/arrow_help.gif) no-repeat center left;
   color: #66ae97;
   text-decoration: underline;
} a[class ="arrow_help"]:hover {text-decoration: none;}

a[class ="arrow_grey"] {
   padding-left: 10px;
   background: transparent url(../images/assets/icons/arrow_grey.gif) no-repeat center left;
   color: #868d8e;
   text-decoration: underline;
} a[class ="arrow_grey"]:hover {text-decoration: none;}

a[class ="printthispage"] {
   padding-left: 20px;
   background: transparent url(../images/assets/icons/icon_printer.gif) no-repeat center left;
   text-decoration: underline;
} a[class ="printthispage"]:hover {text-decoration: none;}

/* BLOCKQUOTES IN BOXES
---------------------------------------*/
blockquote {
	margin: 0;
}

#content_aboutus .quote_box {
	background:#b2dace url(../images/assets/quotes_bottom.gif) bottom no-repeat;
	color: #01835e;
	padding: 0px 10px 5px 5px;
	width:160px;
	float:left;
	position:relative;
	margin: 10px 20px 10px 0px;
}

#content_ourservices .quote_box {
	background:#d7e4f0 url(../images/assets/quotes_bottom.gif) bottom no-repeat;
	color: #6d9dc9;
	padding: 0px 10px 5px 5px;
	width:160px;
	float:left;
	position:relative;
	margin: 10px 20px 10px 0px;
}

#content_newsviews .quote_box {
	background:#e0ccd5 url(../images/assets/quotes_bottom.gif) bottom no-repeat;
	color: #7c2950;
	padding: 0px 10px 5px 5px;
	width:160px;
	float:left;
	position:relative;
	margin: 10px 20px 10px 0px;
}

#content_careers .quote_box {
	background:#dad5cf url(../images/assets/quotes_bottom.gif) bottom no-repeat;
	color: #9a8d7a;
	padding: 0px 10px 5px 5px;
	width:160px;
	float:left;
	position:relative;
	margin: 10px 20px 10px 0px;
}

.quote_box_top {
	background: url(../images/assets/quotes_top.gif) no-repeat ;
	height:27px;
}

.quote_box p {
	margin:10px;
	padding-bottom: 20px;
	position:relative;
	font-weight: bold;
	font-size: 120%;
}


/* LISTS
------------------------------*/
.list {
	list-style: none;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

.list ul {padding: 0; margin: 0 0 0 10px;}

/*our services links on the homepage
------------------------------------*/
.arrowourservices li {
	list-style: none;
	background: url(../images/assets/icons/arrow_ourservices.gif) no-repeat left center;
	padding-left: 10px;
	margin-left: 0px;
	font-size: 90%;
}


/* COLOUR CODED LINKS FOR ALL THE SECTIONS
----------------------------------------------------------------------*/
#content_aboutus p a{color: #01835E; text-decoration: none;} 
#content_aboutus p a:hover, #content_aboutus p a:active {color: #01835E; text-decoration: underline;} 

#content_ourservices p a{color: #6D9DC9; text-decoration: none;} 
#content_ourservices p a:hover, #content_ourservices p a:active {color: #6D9DC9; text-decoration: underline;} 

#content_newsviews p a{color: #7c2950; text-decoration: none;} 
#content_newsviews p a:hover, #content_newsviews p a:active {color: #7c2950; text-decoration: underline;}

#content_careers p a{color: #9a8d7a; text-decoration: none;} 
#content_careers p a:hover, #content_careers p a:active {color: #9a8d7a; text-decoration: underline;}
 
#content_contactus p a{color: #e3b002; text-decoration: none;} 
#content_contactus p a:hover, #content_contactus p a:active {color: #e3b002; text-decoration: underline;}

#content_help p a{color: #66ae97; text-decoration: none;} 
#content_help p a:hover, #content_help p a:active {color: #66ae97; text-decoration: underline;}

#content_thebackpage p a{color: #868d8e; text-decoration: none;} 
#content_thebackpage p a:hover, #content_default p a:active {color: #868d8e; text-decoration: underline;}

#content_charitabletrusts p a{color: #868d8e; text-decoration: none;} 
#content_charitabletrusts p a:hover, #content_default p a:active {color: #868d8e; text-decoration: underline;}

#content_default p a{color: #868d8e; text-decoration: none;} 
#content_default p a:hover, #content_default p a:active {color: #868d8e; text-decoration: underline;}



/* CONTAINERS FOR GRAPHICAL BUTTONS
-----------------------------------*/
.nv_container, .hp_container {
	width: 572px;
	margin-bottom: 10px;	
}
.nv_container p, .hp_container p {
	padding: 5px 10px 5px 170px;
	margin: 0;
}

.nvone {background: url(../images/assets/nv_containerone.jpg) no-repeat bottom left;}
.nvtwo {background: url(../images/assets/nv_containertwo.jpg) no-repeat bottom left;}
.nvthree {background: url(../images/assets/nv_containerthree.jpg) no-repeat bottom left;}
.nvfour {background: url(../images/assets/nv_containerfour.jpg) no-repeat bottom left;}
.nvfive {background: url(../images/assets/nv_containerfive.jpg) no-repeat bottom left;}

.hpone {background: url(../images/assets/hp_containerone.jpg) no-repeat bottom left;}
.hptwo {background: url(../images/assets/hp_containertwo.jpg) no-repeat bottom left;}
.hpthree {background: url(../images/assets/hp_containerthree.jpg) no-repeat bottom left;}
.hpfour {background: url(../images/assets/hp_containerfour.jpg) no-repeat bottom left;}

.grone {background: url(../images/assets/gr_containerone.jpg) no-repeat bottom left;}
.grtwo {background: url(../images/assets/gr_containertwo.jpg) no-repeat bottom left;}
.grthree {background: url(../images/assets/gr_containerthree.jpg) no-repeat bottom left;}
.grfour {background: url(../images/assets/gr_containerfour.jpg) no-repeat bottom left;}
.grfive {background: url(../images/assets/gr_containerfive.jpg) no-repeat bottom left;}

.gr2one {background: url(../images/assets/gr2_containerone.jpg) no-repeat bottom left;}
.gr2two {background: url(../images/assets/gr2_containertwo.jpg) no-repeat bottom left;}
.gr2three {background: url(../images/assets/gr2_containerthree.jpg) no-repeat bottom left;}
.gr2four {background: url(../images/assets/gr2_containerfour.jpg) no-repeat bottom left;}
.gr2five {background: url(../images/assets/gr2_containerfive.jpg) no-repeat bottom left;}

.os_container01 {
	float: left;
	width: 194px;
	margin-bottom: 10px
}
.os_container02 {
	float: left;
	width: 184px;
	margin-bottom: 10px
}
.cr_container01 {
	float: left;
	width: 187px;
	margin-bottom: 10px
}
.cr_container02 {
	float: left;
	width: 177px;
	margin-bottom: 10px
}


/* FOOTER ELEMENTS
----------------------------------------------------------------------*/
#footer {
	background:url(../images/assets/bgrpt_footerbackground.jpg) no-repeat bottom left;
	padding-bottom: 20px;
}

#footercontent {
	margin:  0px 0px 0px 52px;
	padding: 0; 
}
#footer p {
	color: #ffffff;
	font-size: 80%;
	width: 700px;
}

.footernav li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 80%;
	color: #ffffff;
}

.footernav a:link, .footernav a:visited {
	color: #ffffff;
	text-decoration: none;
}

.footernav a:hover {
	color: #ffffff;
	text-decoration: underline;
}