@charset "utf-8";
/* CSS Document */
           
body {
    margin:0;
    padding: 0;
    font-family: Predige-Regular, arial, sans-serif ;
    width:100%;  
    color: #444444;
}

.js_warn {
	font-size: 2em;
	padding: 20px;
	line-height:30px;
}
   
/* font styling - to be defined eg headers etc */
h1 {
    padding-top: 3px;
    font-size: 4em;
    font-family: Predige-Light;
    text-transform: uppercase;  
    font-weight:normal;
    letter-spacing: -4px;
     margin-bottom: -15px;
    margin-top: 45px;
  
}
  
#welcome h1 {
    padding-top: 3px;
    font-size: 4em;
    font-family: Predige-Light;
    text-transform: uppercase;  
    font-weight:normal;
    letter-spacing: -4px;
     margin-bottom: 0px;
	 padding-bottom:0px;
    margin-top: 3px;
  
}
  
/*for highlights - lines up with tabs */
#highlights h1 {
    margin-top: 0px;
    padding-top:0px;
}
  
h2 {
     padding-top: 10px; 
    font-size: 3.5em;
    font-family: Predige-Thin, arial, sans-serif;
    font-weight:normal;
    text-transform:none;   
    letter-spacing: -2px;
}

#welcome h2{
	font-size: 2.3em;
	padding-top: 0px;
	margin-top: 0px;
	line-height: 40px;
	margin-bottom: 25px;
}

#job h2 {
	margin-bottom: 0px;
	margin-top:10px;
	padding-top: 15px;
}

#finances h2 {
	margin-top:50px;
	margin-bottom: 0px;
}
/* for tab panel headings */
#slider3 h2, #slider2 h2, #slider4 h2{
    padding-top: 0px;
    margin-top: 0px; 
    font-size: 3.5em;
    font-family: Predige-Thin, arial, sans-serif;
    font-weight:normal;
    text-transform:none;   
    letter-spacing: -2px;
    float:left;
  
}
     
h3 {
    padding-top: 3px; 
    font-size: 1.8em;
    font-family: Predige-Light, arial, sans-serif;
    text-transform: uppercase;  
      
} 

#welcome h3 {
	padding-top: 3px; 
    font-size: 1.5em;
	float:left; 
	margin-bottom: 0px;
}

.tab_contentbox h3{
	padding: 0;
	font-size: 0.8em;
}
     
.subheading {
    font-size: 1.8em;
    font-family: Predige-Thin, arial, sans-serif;
    text-transform:lowercase;   
    letter-spacing: -2px;
    padding-bottom: 0px;
}



p {
    font-size: 15px;
    line-height: 19px;
        
}
p,
ul {
    margin: 0;
    padding: 0;
}
p {
    margin-bottom: 20px;
}


.first {
	font-size: 1.1em;
	font-family: Predige-Light;
	line-height: 20px;
}

.signature p {
	margin-top: 5px;
	width:50%;
	float: left;
	font-size: 0.95em;
	
}
/* text on landing page */


#introduction p {
	color: #cbcbcb;
}

#introduction h4 {
	color: #FFF;
	font-size: 0.9em;
	text-transform:uppercase;
	font-weight:normal;
	padding: 0px;
	margin-bottom: 0px;
	
}
/* ****PRINT VERSION****  */

#print_version {
	display: none;
}

#print_version h3 {
	font-size: 3em;
}

/* class to show alt text from graphics and images - hides text for normal site and shows up for print version */
.alt_text {
	display:none;
}

/* ******LEFT HAND NAVIGATION STYLING ******** */
      
       
/* Navigation position - don't change anything apart from background colour for now! */
#nav {
    /*left: 0px;*/
    float: left;
    list-style: none;
    margin-left: 0px;
    position: fixed;
    top: 0px;
    width: 200px;
    height: 900px;
    background: #FFF;
    /*box-shadow: 2px 0px 6px -2px #5E5E5E;*/
    -moz-box-shadow: 2px 0px 6px -2px #5E5E5E;
    -webkit-box-shadow: 2px 0px 6px -2px #5E5E5E; 
    box-shadow: 2px 0px 6px -2px #5E5E5E;
    /* fix for IE8 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=120, Color='#5E5E5E');
    border-collapse:separate;
    z-index: 999;
/*  border: hidden;
    border-radius: 10px;*/
}

#nav ul {
    list-style: none;
}
#nav-header {
    padding-top: 20px;
    margin:auto;
    
}

#nav-header-reps {
	padding-top: 20px;
    margin:auto;
	padding-left: 0px;
}
    
    
#nav h1,  #nav h2 {
          
    font-size:xx-large;
          
}
/* style for each link of navigation */
        
#nav li {
    margin-bottom: 0px; /*allows for gap between sections */
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;  
}
        
/* link when page is being viewed */
#nav a, #nav p {
    background:#FFF;/*same colour as #nav background*/
    color: #444444;
    display: block;
    font-size:18px;
    padding: 5px 15px;
    text-decoration: none;
    text-transform: uppercase;
}

 
    
      
/* link when hover over main links */
#nav a:hover {
    background: #F5F5F5; 
}
      

      
        
/* link highlighted when page loads */
#nav .current a {
    
   /* margin-top: 2px; this allows a line break between each link */
}
      
/* colours for active links and associated sections backgrounds*/
      
      
      
#nav .current a.s1, #welcome {
          
    background:#F1ECE8;
      
}
  
#welcome {
    background-image:url(../images/welcome_lo-res.jpg);
    background-repeat:no-repeat;
    margin:auto;
    background-position:center;
  
}
  
      
#nav .current a.s2,  #highlights  {
          
    background:#D16A77;
      
}    
      
  
  
#nav .current a.s3,  #financial_audit {
          
    background:#9DC8D9;
          
      
}
      
#nav .current a.s4, #performance_audit {
          
    background: #DBDFBA;
      
}
      
#nav .current a.s5, #organisation  {
          
    background: #FBCE2C;
      
}

#nav .current #reports {
	background:#F1ECE8;
}
  
      
/* this shows up in the gap between a link and sublink */
.current {
    background:#FFF;
}
    
/* add coloured bar to navigation links */
#nav a.s1 {
    border-left:5px solid #F1ECE8;
}
      
#nav a.s2 {
    border-left:5px solid #D16A77;
}
      
#nav a.s3 {
    border-left:5px solid #9DC8D9;

	
}
#nav a.s4{
    border-left:5px solid  #DBDFBA;
}
      
#nav a.s5   {
    border-left:5px solid #FBCE2C;
}
      

  

      
      
/* ORIGINAL*/ 
      
.sublink {
    text-transform: none;  /*this won't work - text-transform always inherits from previous class!*/
    font-family: Predige-Light, arial, sans-serif;
    font-size:17px;
    color: #444444;
    display: block;
    margin-left: 15px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
	background-image:url(../images/blue_arrow_unselected.png);
	background-repeat:no-repeat;
    padding-left: 15px;
}
 /* different arrow backgrounds for main and reports page*/      
.s4 .sublink {
	background-image:url(../images/green_arrow_unselected.png);
}

.s5 .sublink {
	background-image:url(../images/yellow_arrow_unselected.png);
}

#s4rep2 .sublink  {
	background-image:url(../images/green_arrow_unselected.png);
}

#s5rep2 .sublink, #s5rep3 .sublink, #s5rep4 .sublink {
	background-image:url(../images/yellow_arrow_unselected.png);
}

/* change arrow backgrounds when link is current */

#nav .current a.s3 .sublink {
	background-image:url(../images/blue_arrow_selected.png);
}

#nav .current a.s4 .sublink {
	background-image:url(../images/green_arrow_selected.png);
}

#nav .current a.s5 .sublink {
	background-image:url(../images/yellow_arrow_selected.png);
}


hr {
    color: #444444;
    width:80%;
    margin: auto;
    margin-top:10px;
	margin-bottom:10px;
}



.external {
/*  border-top-style:inset;*/
    padding-left: 5px;
    padding-top: 10px;
}
  

    
 /*  section underneath navigation  */
       
.foot {
    background: #FFF;
    /*same colour as #nav background*/
    margin-top: 2px;
    height: 300px;
     
/*  border: hidden;
    border-radius: 0px 0px 10px 10px;*/
}
        
.foot p{
    margin-left:2px;
    padding-top: 10px;
    color: #000;
}
      
#nav_panel a {
    display:block;
}
      
/* ******** LAYOUT ************ */

#green_arrow {
	margin-left: 130px;
	padding-top: 30px;
}
      
 /* page header and logo */
.header {
    background-color:#4c4c4c;
/*    width: 950px; 
	margin-left: 360px;*/
	width:100%;
	height: 20px;
    position: fixed;

    z-index: 999;
    
}
.headerbar {
	width: 220px;
	height: 57px;
	background-color:#4c4c4c;
	float:right;
    margin-right: 0px;
	border-bottom-left-radius: 290px 390px;
	border-bottom-right-radius: 5px;
	border-top-left-radius:none;
	/*firefox version */
	-moz-border-radius-bottomleft:  290px 390px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: none;
	/*safari and chrome */
	-webkit-border-radius-bottomleft:  290px 390px;
	-webkit-border-radius-bottomright: 5px;
	-webkit-border-radius-topleft: none;
}

.header img {
 float:right;

}

        
/* container sets the position and size for all the content pages- don't change this */
        
#container {
    width:100%;
      
 /*   float: right;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: 20px;*/
            
}
      
/* this sets width and central position for content and navigation DON'T DEFINE HEIGHT HERE OR AN EXTRA SECTION APPEARS!*/
.content-container {
    width: 960px; 
    margin: auto;
         
}
      
/* CONTENT defines each content block */
     
 /* this defines where the content of each section goes  KEEP HEIGHT HERE*/
.content {
    width: 700px;
   /* height: 597px;*/
    float: right;
    margin-top: 40px;/*take account of header */
    margin-right: 30px;
    margin-bottom: 75px;
     
}

#introduction .content {
	margin-top: 130px;
	margin-bottom: 0px;
}

#welcome .content {
	width: 730px;
	margin-right: 0px;

}

#finances {
	margin-bottom: 50px;
}
  
/* this is the heading area for each section */
.contenthead {
    width: 100%;
    height: 110px;
	
}
  
#welcome .contenthead {
    height: 80px;/*120px;*/
/*	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin-bottom: 30px;
	margin-top: 40px;*/
}
  
/* reduces contenthead to take account of tabs on carousel */
#highlights .contenthead, #impact, #case, #finc   {
    height:90px;
}

#job .contenthead {
	height: 125px;
}
  
    
/* this is the main content area for each section */
.contentmain {
    width: 678px;
    height: 457px;
    float: right; /*keep this */
    padding-right: 2px;
     padding-left: 20px;
     margin-bottom: 0px;
    background: #FFF;
    /*box-shadow: 0px 6px 12px -7px #5E5E5E;
    -moz-box-shadow: 0px 6px 12px -7px #5E5E5E;
    -webkit-box-shadow: 0px 6px 12px -7px #5E5E5E; 
    box-shadow: 0px 6px 12px -7px #5E5E5E;*/
    /* fix for IE8 
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=120, Color='#5E5E5E');*/
    border-collapse:separate;
}



#process .contentmain {
	width: 700px;
	padding-left:0px;
    padding-right: 0px;
	height: 490px;
}

#governance .contentmain {
	width: 700px;
	padding-left:0px;
    padding-right: 0px;
	height: 535px;
}
#finances  .contentmain {
	height: 619px;
	width: 700px;
}
  
/*#welcome .content {
    height: 641px;
}*/
/* these are to enable full images to slot in - might need to change later or allocate separate id */
#highlights .contentmain, /*#performance_audit .contentmain,*/ #organisation .contentmain {
    width:700px;
    padding-left:0px;
    padding-right: 0px;
}

/*layout for landing page */   
.introduction-content {
width: 400px;
height: 380px;
margin:auto;
padding-bottom: 20px;
} 



.introduction-left {
	width:45%;
	float: left;
	padding-right: 0px;
	margin-right: 10px;
	/*border-right: 1px solid;*/
} 

.line {
	border-right: 1px solid #cbcbcb;
}




.introduction-right {
	width:40%;
	float: right;
	margin-bottom: 10px;
	margin-right: 75px;
}

  
/*LONG TEXT BOX for Financial audit and Performance audit and Organisation*/
.blockright {
    width: 320px; 
    height: 1020px;
    margin-bottom:20px;
    margin-right: 0px;
    margin-left: 380px;
	margin-top: 350px;
    float: right;
	background: #FFF;
	background-image: url(../images/blue_stripe_small.png), url(../images/blue_stripe.png);
	background-position: 0 0, 0 bottom;
	background-repeat:repeat-x;
    /*box-shadow: -4px 20px 4px 0px #87aab8;*/
   -moz-box-shadow: 4px 20px 4px 0px #87aab8;
	-webkit-box-shadow: 4px 20px 4px 0px #87aab8;
	box-shadow: 4px 20px 4px 0px #87aab8;
    /* fix for IE8 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=140, Color='#87aab8');
    border-collapse:separate;
    z-index: 1;
    position:absolute;
      
}

/*coloured stripes in other long text boxes */
/*.stripetop {
    height: 20px;
    width:100%;
    background-repeat: repeat;
    background-image:   url(../images/blue_stripe_small.png);
    padding:0px;

  
#greentop {
    background-image:   url(../images/green_stripe_small.png)
    
}

#yellowtop {
    background-image:   url(../images/yellow_stripe_small.png)
	
}}*/
 
.stripefoot {
    height: 60px;
    width:100%;
    background-repeat: repeat;
    background-image:   url(../images/blue_stripe.png);
    padding:0px;
    margin-bottom: 0px;
}
  
#green{
    background-image:   url(../images/green_stripe.png);
}

#yellow{
    background-image:   url(../images/yellow_stripe.png);
}  
/* different shadow colour and top stripe for performance audit and organisation*/
  
#greenshadow {
	background: #FFF;
	background-image: url(../images/green_stripe_small.png), url(../images/green_stripe.png);
	background-position: 0 0, 0 bottom;
	background-repeat:repeat-x;
	-moz-box-shadow: 4px 20px 4px 0px #babd9f;
	-webkit-box-shadow: 4px 20px 4px 0px #babd9f;
	box-shadow: 4px 20px 4px 0px #babd9f;
    /* fix for IE8 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=140, Color='#babd9f');
	height: 1005px;
	
}

/* changes shadow for Organisation box plus makes it longer */
#yellowshadow {
	margin-top: 0px;
	height: 1155px;
	background: #FFF;
	background-image: url(../images/yellow_stripe_small.png), url(../images/yellow_stripe.png);
	background-position: 0 0, 0 bottom;
	background-repeat:repeat-x;
   
    -moz-box-shadow: 4px 20px 4px 0px #dd9705;
    -webkit-box-shadow: 4px 20px 4px 0px #dd9705; 
    box-shadow: 4px 20px 4px 0px #dd9705;
    /* fix for IE8 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direct
	Direction=140, Color='#dd9705');
}
  
/* content inside blockright */
.contentright {
    padding:25px;
	padding-top: 45px;
}

/*caption boxes for images  */

.img_caption  {
	width: 250px; /* allow padding 20px */
	height: 75px; 
	margin-top:20px;
	background:#FFF;
	float: left;
	border-collapse:separate;
    z-index: 1;
    position:absolute;
	
}

#fin_caption {
	background: #ffd4ff;
	color: #743f64;
	width: 280px;
}
#perf_caption {
	background: #b9d432;
	color: #fff;
}

/* core values text in organisation */
.org_values {
	margin-left: 50px;
	color: #00728e;
}

.org_values ul {
	
}

#org_caption, #org_caption_2 {
	background: #FBCE2C;
	color: #444;
	margin-top: 410px;
	height: 40px;
	width: 700px;
	padding: 0px;
	font-size: 13px;
	line-height: 15px;
	padding-top: 7px;
}

#org_caption_gov {
	background: #FBCE2C;
	color: #444;
	width: 230px;

}

#org_caption_2, #org_caption {
	padding: 0px;
	margin-top: 530px;
	height: 30px;
}

#org_caption_2 p {
	padding: 0px;
	padding-top: 12px;
	font-size:12px;
	width: 80%;
	float:left;
	
}

#org_caption p {
	padding: 0px;
	font-size:12px;
}

#org_caption a {
	text-decoration: none;
	color:#00728e;
}

#org_caption a:hover {
	font-weight:bold;
}

.img_caption p {
	font-family: Predige-Regular;
	font-size:16px;
	padding: 10px;
}
  
 /* this is the box on the other side of financial audit and performance audit*/      
.contentblockleft {
    width: 700px;
    height: 487px;
    float: left; /*keep this */
    background: #FFF;
    margin-top:20px;
    /*box-shadow: 0px 6px 12px -7px #5E5E5E;
    -moz-box-shadow: 0px 6px 12px -7px #5E5E5E;
    -webkit-box-shadow: 0px 6px 12px -7px #5E5E5E; 
    box-shadow: 0px 6px 12px -7px #5E5E5E;*/
    /* fix for IE8 
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=120, Color='#5E5E5E');*/
    border-collapse:separate;
}
  
/*exhibits - sit under contentblockleft */
#fin_graphic {
    margin-top: 0px;
}
  
#perf_graphic {
    margin-top: 0px;
}

.perf_audit_graphic {
	margin-top: 500px;
}
  
/*this is the long text box for My job */
.blockleft {
    width: 385px; 
    height: 873px;
    margin-bottom:20px;

    float: left;
	background: #FFF;
	background-image: url(../images/blue_stripe_small.png), url(../images/blue_stripe.png);
	background-position: 0 0, 0 bottom;
	background-repeat:repeat-x;
    /*box-shadow: -4px 20px 4px 0px #87aab8;original*/  
    -moz-box-shadow: -4px 20px 4px 0px #87aab8;
    -webkit-box-shadow: -4px 20px 4px 0px #87aab8; 
    box-shadow: -4px 20px 4px 0px #87aab8;
    /* fix for IE8 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=-135, Color='#87aab8');
    border-collapse:separate;
    z-index: 1;
    position:absolute;
      
}
  
.contentleft {
    padding:25px;
	padding-top:45px;
}
  
 /* this is the box on the other side of My Job */ 
        
.contentblockright {
    width: 735px;
    height: 487px;
    background-image:url(../images/my_job_background.jpg);
    background-repeat:no-repeat;
    /*box-shadow: 0px 6px 12px -7px #5E5E5E;
    -moz-box-shadow: 0px 6px 12px -7px #5E5E5E;
    -webkit-box-shadow: 0px 6px 12px -7px #5E5E5E; 
    box-shadow: 0px 6px 12px -7px #5E5E5E;*/
    /* fix for IE8 
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=120, Color='#5E5E5E');*/
    border-collapse:separate;
}
.contentblockright .text {
/*  margin-top:20px;*/
    padding-left: 410px; /*385 + 25 padding */
    padding-top: 80px;
    padding-right: 160px;
    color:#743F64;
}
.contentblockright .sub {
  
    text-transform:uppercase;
    font-family: predige-Medium, arial, sans-serif;
    font-size: 22px;
    padding-bottom: 0px;
      
}

  
/* half size content block for welcome */
.contenthalf {
    width: 300px;
    height: 800px;
    float: left;
/*    padding-right: 20px;
     padding-left: 10px;*/
	 padding: 25px;
     margin-bottom: 0px;
    background:none;
    /*box-shadow: 0px 6px 12px -7px #5E5E5E;
    -moz-box-shadow: 0px 6px 12px -7px #5E5E5E;
    -webkit-box-shadow: 0px 6px 12px -7px #5E5E5E; 
    box-shadow: 0px 6px 12px -7px #5E5E5E;
    /* fix for IE8 */
    /*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=120, Color='#5E5E5E');
    border-collapse:separate;*/
}



.pullquote {
    font-family: Predige-Thin, arial, sans-serif;
    font-size: 50px;
    line-height: 53px;
    color: #743F64;
    margin-top: 0px;
    margin-bottom: 20px;
}
#perf_quote .pullquote {
	color: #FBCE2C;
}

#greenshadow .pullquote {
	color: #485C6F;
}

#yellowshadow .pullquote {
	color:#00728e;

}

.boxfooter {
    border-top: 1px solid #9DC8D9;
    color: #743F64;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 0px;
    padding-top: 10px;
      
}
  


/*  ***********Drop down and popup  boxes************ */



/* landing page */
#who_more, #what_more {
	display:none;
}


/* Graduate programme  */
#gradprog {
	background:#743F64; /*116,63,100*/
	color:#FFF;
    padding: 10px;
	margin-top: 0px;
	width: 265px;
	float:right;
	margin-right: 22px;
	text-transform:uppercase;
	padding-left: 25px;
	
}

#gradprog img {
	margin-left: 90px;
}

#gradprogtext {
	background:#faf2fc;
    padding: 10px;
	margin-top: 0px;
	width: 258px;
	float:left;
	margin-left: 385px;
	display:none;
	padding-left: 25px;
}

#gradprogtext a {
	text-decoration: none;
	color: #743F64;
}

/* DIALOG BOXES 
- size and position is set in jquery main script  and ui script line 3779
- other formatting in ui css  */



/* ********************Tab panel layouts ************** */
/* text box - left */      
.tab_contentbox_l {
    width: 50%;
    float:left;
   	padding: 25px;
	padding-bottom: 0px;
	/*  height: 432px;457 minus 25px padding at top */
	height: 462px; /* 487 minus 25px padding at top */
}
/* text box - right */ 
.tab_contentbox_r {
    width: 50%;
    float:right;
   	padding: 25px;
	padding-bottom: 0px;
	  /*height: 432px;457 minus 25px padding at top */
	height: 462px; /* 487 minus 25px padding at top */
}
#slider2 .tab_contentbox_l {
	width: 356px;
}

#slider3 .tab_contentbox_l {
	width: 220px;
}

/* image - right */ 
.tab_img_r {
    width: 42%;
    float:right;
}

#slider3 .tab_img_r {
	width: 420px;
}

/* image - left */ 
.tab_img_l {
    width: 42%;
    float:left;
}
/* colours for Case Studies */
#slider2 .tab_contentbox_r, #slider2 .tab_contentbox_l {
	background: #485c6f;
	color: #fff;
}

/* colours for Impact */
#slider3 .tab_contentbox_r, #slider3 .tab_contentbox_l {
	background: #fff;
}

/* headings and text*/
#slider2 .tab_contentbox_r h3, #slider2 .tab_contentbox_l h3 {
	color: #c7ff31;
	margin-top: 0px;
	border-bottom: 1px solid #c7ff31;
	padding-bottom: 2px;
	font-size: 1.3em;
}

#slider2 .tab_contentbox_r p, #slider2 .tab_contentbox_l p {
	font-size: 0.95em;
	margin-bottom: 10px;
	line-height: 18px;

}



#slider3 .tab_contentbox_r h3, #slider3 .tab_contentbox_l h3 {
	color: #743F64;
	margin-top: 0px;
	border-bottom: 1px solid #743F64;
	padding-bottom: 2px;
	font-size: 1.3em;
}


/* case studies adjustments */
.projects_p {
	
}

#renewable {
	padding-top: 25px;
}

#services {
	padding-bottom: 60px;
}

#reform {
	padding-bottom: 25px;
}

#best_value {
	width: 80%;
	margin-top: 10px;
}

/* Report titles */
.rep_title {
	font-weight:bold;
	font-style:italic;
}

/*  report thumbnails */
.report_thumb {
	width: 49%;
/*	text-decoration: none;*/
	float: left;
	margin-right: 3px;
	
}

.report_thumb a {
	text-decoration: none;
	color: #c7ff31;
}

.report_thumb a:hover {
	color:#FFF;
}

.report_thumb h4 {
	font-family: Predige-Regular;
	font-size: 0.9em;
	text-transform:uppercase;
	font-weight:normal;
	margin-bottom: 0px;
	padding-top: 5px;
	margin-top: 20px;
	
}

#project_tran h4 {
	width: 200px;
	margin-top:0px;
	
}

#slider2 .report_thumb h4 a {
	
}

.report_thumb img {
	float:left;
	margin-right: 5px;
}

.tab_image {
  
  
}
    


/* =============================================== */
  
/*   REPORTS PAGE  */
#reports_body {
	background-color: #f1ece8;
}

#reports_body   #reports {
	background-color:  #F1ECE8;
}

/* container for navigation and text */
#report_navbar {
    width: 960px;
    float: right;
	background:#F1ECE8;
	position: fixed;	
	padding-top: 80px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
}

#report_navbar h3 {
	float:right;
	margin-bottom:0px;
}

/*  NAVIGATION  */
#report_nav {
	width:58%;
	/*padding-top:20px;*/
	background:#F1ECE8;
	float:right;
	border-top: 1px solid #CCC;
	height: 100px;
	padding-bottom: 20px;
}

/*adjustments for report navigation on main page */
#welcome #report_nav {
	width:auto;
	padding-bottom: 20px;
	float:right;
	border-top: none;
	
}



#report_navigation {
	list-style: none;
	padding:0px;
	/*margin-top: 20px;*/
	margin-left: 10px;
}

#report_navigation li {
	display:inline;
	float: left;
	width: 70px;
	padding: 4px;
	background-color: #f1ece8;
	padding-left: 15px;
}

#report_navigation li .current{
	background-color: #f1ece8;
}

#report_nav a {
	/*padding-left: 5px;
	margin-left: 20px;*/
	text-decoration:none;
	font-size: 0.7em;
	color: #444444;
}

#report_nav a:hover {
	color: #733E63;
}
#report_nav img {
	float:none;	
}

/* reports links text and backgrounds*/
.reportlink {
	padding-left: 8px;
	padding-top: 20px;
	padding-bottom: 35px;
	float: left;
	margin-left: 0px;
	width: 65px;
	margin-top: 20px;
	
}


#ar {
	background-image:url(../images/ar_report_bg.gif);
	background-repeat:no-repeat;
	
}



#div  {
	background-image:url(../images/diversity_report_bg.gif);
	background-repeat:no-repeat;
}

#ovr  {
	background-image:url(../images/overseas_report_bg.gif);
	background-repeat:no-repeat;
}

#carb {
	background-image:url(../images/carbon_report_bg.gif);
	background-repeat:no-repeat;
}

#impgr  {
	background-image:url(../images/impact_report_bg.gif);
	background-repeat:no-repeat;
}

#trans  {
	background-image:url(../images/transparency_report_bg.gif);
	background-repeat:no-repeat;
}

/*#acc  {
	background-image:url(../images/accounts_report_bg.gif);
	background-repeat:no-repeat;
}*/

/* text */


.reportssection h2 {
     padding-top: 0px; 
    font-size: 2.2em;
    font-family: Predige-Thin, arial, sans-serif;
    font-weight:normal;
    text-transform:none;   
    letter-spacing: -2px;
    color: #FFF;
}
  
.reportssection p {
    font-family: Predige-Thin, arial, sans-serif;
    font-size: 1.6em;
    line-height:22px;
    color: #FFF;
}
 
.reportssection a {
	text-decoration: none;
}

.reportssection a:hover h2 {
	color: #444444;
}
 
/*layout  */
  
#reportscontainer {
    width:100%;
    background:#F1ECE8;
  
            
}
.reportssection {
  width: 960px;
  margin:auto;  
  height: 200px;
  margin-bottom:30px;
}



.reportcontent {
    width: 700px;
    margin-right: 30px;
    float: right;
	margin-top: 10px;
     
}

 
.reportleft {
    width: 80%;
    /*height: 200px;*/
    padding:0px 30px 0px 0px;
    float: left;
  
}

#report_navbar .reportleft {
    width: 42%;
    padding:0px 0px 0px 0px;
    float: left;
  	border-top: 1px solid #CCC;

}

.rep_pageend {
	 margin-top: 80px;
	 float: right;
	 
}

/* text for report navigation on main page */
#welcome .reportleft {
    width: auto;
    /*height: 200px;*/
    padding:0px 0px 0px 0px;
    float: left;	
	
}


.reportright {
    width: 25%;
    padding:30px 0px 30px 30px;
    /*height:200px;*/
    float:right;
}
  
  
.reportssection img {
    float:right;
	padding-top: 10px;
}
  
  
/* background colours for each report */

#nav_section {
 	background:#F1ECE8;
}

#report-1 {
    background:#733E63;
}
  
/*#report-2 {
    background:#;
}*/
  
#report-2 {
    background:#35AF73;
}
  
#report-3 {
    background:#CEC6AE;/*#FCBF45;*/
}
  
#report-4 {
    background:#FCBF45;/*#CEC6AE;656565*/
}
  
#report-5 {
    background:#B2B2B2;
}
  
#report-6 {
    background:#358FA6;
}
  
  
  
/* add coloured bar to navigation links on reports page*/
#s1rep {
    border-left:5px solid #F1ECE8;
}
      
#s2rep {
    border-left:5px solid #D16A77;
}
      
#s3rep1, #s3rep2, #s3rep3 {
    border-left:5px solid #9DC8D9;
}
#s4rep1, #s4rep2{
    border-left:5px solid  #DBDFBA;
}
      
#s5rep1, #s5rep2, #s5rep3, #s5rep4   {
    border-left:5px solid #FBCE2C;
}

/* reports navigation bar on main page */




#main_reports #report_nav {
	width: 100%;
	background: #FBCE2C;
	border: none;
}

#main_reports #report_nav li {
	background: #FBCE2C;
}

#main_reports .reportleft {
	
}

#main_reports #ar  {
	background-image:url(../images/ar_report_yellow.gif);
	background-repeat:no-repeat;

}


#main_reports #div  {
	background-image:url(../images/diversity_report_yellow.gif);
	background-repeat:no-repeat;

}

#main_reports #ovr  {
	background-image:url(../images/overseas_report_yellow.gif);
	background-repeat:no-repeat;
}

#main_reports #carb  {
	background-image:url(../images/carbon_report_yellow.gif);
	background-repeat:no-repeat;
}

#main_reports #impgr  {
	background-image:url(../images/impact_report_yellow.gif);
	background-repeat:no-repeat;
}

#main_reports #trans  {
	background-image:url(../images/transparency_report_yellow.gif);
	background-repeat:no-repeat;
}

#main_reports #acc  {
	background-image:url(../images/accounts_report_yellow.gif);
	background-repeat:no-repeat;
}
  
/* ============================================================= */    
/* SECTIONS defines each 'page'   */
.section {
   width: 100%;
   margin:auto;  
   /* width: 960px;
    margin:auto;*/  
    /*border-bottom: 5px solid #ccc;
    padding: 20px;*/
    height: 932px;
}

/* landing page styles */
#introduction {
	height: 790px;
	background: #4c4c4c ;
	color:#fff;
}

#introduction.expanded {
	height:1000px;	
}

#introduction.expanded_add {
	height:1000px;	
}

#introduction a {
	color: #D8FF52;
	text-decoration:none;
}

#introduction a:hover {
	color:#FFF;
}

#who, #what {
	color: #D8FF52;
}




/* heights for other sections */

#welcome {
    height:1300px;
}
    
#financial_audit {
    height: 3800px;
}   
    
#performance_audit {
    height: 2600px;
}
#organisation {
    height: 4300px;
}
 


/*.section-header {
    width:100%;
    background-color:#444444;
    height: 20px;
    margin-bottom: 0;
    left: 40px;
    width: 100%;
        
}*/
      

      
/* background colours for each section - are set above under Left Hand Navigation active links so both are same colour
*/




    
/* lines at bottom of each section - default is bottom section 1*/ 
 .sectionfooter {
    height: 60px;
    background-repeat: repeat;
         background-image: url(../images/stripe_footer_red.png);
  
 /*  opacity:0.3;
filter:alpha(opacity=30); For IE8 and earlier */
}

#foot0 {
	background-image:none;
	background: #4c4c4c;
	height: 80px;

}
#foot0 p {
	margin-right: auto;
	margin-left: auto;
	width: 200px;
	padding-left: 300px;
}

#foot0 a {
	color: #6F9;
	text-decoration:none;

}

#foot0 a:hover {
	color: #FFF;
}
  
 #foot2{
    background-image:   url(../images/stripe_footer_blue.png);
}
  
 #foot3{
    background-image: url(../images/stripe_footer_green.png);
}
  
 #foot4{
    background-image: url(../images/stripe_footer_yellow.png);
}
  
  
      
/* #highlights .section-header {
    
 }
      
#financial_audit .section-header {
    background: #3fe1c5;
 }
      
#performance_audit .section-header {
    background: #594504;
 }
       
 #organisation .section-header {
    background: #513bbd;
 }*/
      
/* headers for each section - same colour as headings 
#welcome .section-header {
    background: #122413;
}
      
#highlights .section-header {
    background: #c44e4c;
 }
      
#financial_audit .section-header {
    background: #3fe1c5;
 }
      
#performance_audit .section-header {
    background: #594504;
 }
       
 #organisation .section-header {
    background: #513bbd;
 }*/
       
/* colours for text etc for each section - same colour as section header*/
      
#welcome h1, #welcome h2, #welcome .subheading {
    color: #733E63; /*#C1B79A;*/
 }
    
#highlights h1, #highlights h2, #highlights .subheading  {
    color: #D8FF52; 

 }
    
    
#financial_audit h1,#financial_audit h2,#financial_audit .subheading {
    color: #743F64; 
 }
    
#performance_audit h1, #performance_audit h2, #performance_audit .subheading  {
    color: #485C6F;
 }
    
#organisation h1, #organisation h2, #organisation .subheading  {
    color: #444444;
 }

#highlights h1, #highlights .subheading, #financial_audit .subheading, #performance_audit .subheading, #organisation .subheading {
  float: left; 
 }

     
.section p:last-child {
    margin-bottom: 0;
}
        
/* goes after last section to push section to the top */
.pageend {
    margin-top: 0px;
    border-top: 1px solid #444;
	font-family:Arial, Helvetica, sans-serif;
	
}

.pageend p{
	font-size: 0.9em;
}

.pageend a {
	text-decoration:none; 
	color: #444444;          
}


.pageend a:hover {
	font-weight:bold;
}

#footer {
	float: right;
}
 
/* page end for reports page - removes color */
.rep_pageend {
   margin-top: 150px;
   
	font-weight:bold;
	background: #F1ECE8;
}      

/*   *********** BROWSEALOUD *********  */

#listen {
	display:none;
}
      
/* **************  IMAGES ************ */
        
/* text for captions centred and defined width */
.caption {
    font-size:small;
    font-style:italic;
    margin-right: auto;
    margin-left: auto;
    width: 15em;
            
}
     
 .imageright {
    float:right;
    margin-left:50px;
}
        
/* images centred */
.imagestyle {
    margin-top: 2px;
    margin-right: auto;
    margin-bottom: 2px;
    margin-left: auto;
    display:block;
}
        
/*  ==================================================  */ 
        

/* ========================================= */
    
/* CAROUSEL (SLIDER1) AND TAB PANELS (SLIDER2 CASE STUDIES, SLIDER3 IMPACT OF AUDIT, SLIDER4 FINANCE)*/
    
#slider1, #slider2, #slider3, #slider4 {
    height: 567px;
    width: 700px;
    overflow:hidden;
    padding: 0;
   /*box-shadow: 0px 6px 12px -7px #5E5E5E;
    -moz-box-shadow: 0px 6px 12px -7px #5E5E5E;
    -webkit-box-shadow: 0px 6px 12px -7px #5E5E5E; 
    box-shadow: 0px 6px 12px -7px #5E5E5E;*/
    /*fix for IE8 
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=120, Color='#5E5E5E');*/
    border-collapse:separate;
      
}
/*TEMPORARY UNTIL TEXT SORTED */
#slider3 {
	height: 650px;
}

#slider2 {
	height: 650px;
}
    
/* area for displaying slides */
  
/*Carousel */
#slider1 .viewport, #slider2 .viewport, #slider3 .viewport, #slider4 .viewport {
	float: left; 
	width: 700px; 
	height: 457px; /*457px;*/ 
	overflow: hidden; 
	position: relative; 
	background:#D16A77;      
	/*fix for IE8 
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=120, Color='#5E5E5E');*/
    border-collapse:separate;        
}
  
#slider1 .viewport {
    height: 457px;
}
  
/* Case studies */
#slider2 .viewport {  
	background:#DBDFBA; 
	height: 550px;  
}
  
/* Impact of audit */
#slider3 .viewport {  
	background:#9DC8D9;   
	height: 457px; 
}

/* Finance */
#slider4 .viewport {  
	background:#FBCE2C;   
}
  
#slider1 .buttons, #slider2 .buttons, #slider3 .buttons, #slider4 .buttons { background:url("../images/buttons.png") no-repeat scroll 0 0 transparent; display: block; margin: 30px 10px 0 0; background-position: 0 -38px; text-indent: -999em; float: left; width: 39px; height: 37px; overflow: hidden; position: relative; }
    
#slider1 .next, #slider2 .next, #slider3 .next, #slider4 .next { background-position: 0 0; margin: 30px 0 0 10px;  }
    
#slider1 .disable, #slider2 .disable, #slider3 .disable, #slider4 .disable { visibility: hidden; }
   
   
/* actual slides */
  
/*Carousel */
#slider1 .overview, #slider2 .overview, #slider3 .overview, #slider4 .overview { 
    list-style:none;
    position: absolute; 
    padding: 0; 
    margin: 0; 
    width: 240px; 
    left: 0 top: 0;
    background:#D16A77; 
    
       
}
  
/*Case studies */
#slider2 .overview { 
    background:#DBDFBA; 
}
  
/*Impact of audit */
#slider3 .overview { 
    background:#9DC8D9; 
}

/*Finance */
#slider4 .overview { 
    background:#FBCE2C;
}
    
#slider1 .overview li, #slider2 .overview li, #slider3 .overview li, #slider4 .overview li{ 
    float: left; 
    margin: 0 20px 0 0; 
    padding: 0px;  /*this adds a gap between tabs and slide panes */
      
    width: 700px; 
    height: 457px; 
	background: #fff;
    /*width: 236px; height: 121px;*/ 
    
}

#slider2 .overview li {
	height: 550px;
}


#slider3 .overview li {
	height: 457px;
}


/* TABS */
  
/* carousel colours */
#slider1 .pager, #slider2 .pager, #slider3 .pager, #slider4 .pager {/* overflow:hidden; list-style: none; clear: both; margin: 0 0 0 45px;*/ 
   list-style: none;
   float:right;
    height: 110px;
    width: 700px;
    /*box-shadow: 0px 5px 25px -2px #5E5E5E;*/
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background: #D16A77;/*#9DC8D9;*/
    overflow: hidden; /*if any tabs can't fit in the bar, this stops them from showing */
  
}
  
  
  
#slider1 .pager li, #slider2 .pager li, #slider3 .pager li, #slider4 .pager li { 
   
    width: 80px; 
    text-align:center;
    padding: 0px;
    height: 110px;
    float: left; /*keep this! */
    background: #D16A77;/*#9DC8D9;*/
    display: inline;
    margin-left: 3px;
    margin-right:0px;
   
}


/* tab which includes the heading*/
#slider1 .pager #highlights_tab {
	width:285px;
	margin-left:0px;

} 

#slider2 .pager #case_tab {
	width: 343px;
	margin-left: 25px;
}

#slider3 .pager #impact_tab {
	width: 425px;
	margin-left: 25px;
}

#slider4 .pager #finance_tab {
	width: 532px;
	margin-left: 0px;
}

#slider1 .pagenum, #slider2 .pagenum, #slider3 .pagenum, #slider4 .pagenum { 
    background-color: #f3ffc9; 
    color: #D8FF52; 
    text-decoration: none; 
    text-align: center; 
    padding-top: 70px; 
    margin-bottom: 0px;
    font-size: 40px; 
    display: block; 
  
}
  
#slider1 .pagenum {
    padding-top: 42px;
    font-size: 65px;
    letter-spacing: -9px;
    font-family: Predige-Thin, arial, sans-serif;
    color: #d6da5b;
    background-color: #d4b464;
    padding-right: 5px;
}
  
#slider1 .active { 
    color: #D16A77; 
    background-color:  #D8FF52; 
}
  
/* CASE STUDIES colours */

/* background for each slide */ 
#slider2 .overview li {
	background: #DBDFBA;
}

/*tab panel */
#slider2 .pager {
    background: #DBDFBA;
}
  
#slider2 .pager li { 
    background: #DBDFBA;
    /* box-shadow: 0px 6px 12px -7px #5E5E5E;*/
}
 #slider2 .pagenum { 
    background-color: #DBDFBA; 
    color: #DBDFBA; 
    padding: 0px;
    border:none;
   /* box-shadow: 0px 6px 12px -7px #5E5E5E;*/
}
  

  
/*IMPACT OF AUDIT colours */

/* background for each slide */ 
#slider3 .overview li {
	background: #fff;
}
 
#slider3 .pager {
    background: #9DC8D9;
}
  
#slider3 .pager li { 
    background: #9DC8D9;
    /*   box-shadow: 0px 6px 12px -7px #5E5E5E;*/
}
  
 #slider3 .pagenum {  
    padding:0px;
    background: #9DC8D9;
    color:#9DC8D9;
    border:none;
    /*box-shadow: 0px 6px 12px -7px #5E5E5E;*/
}

#slider3 a {
	text-decoration: none;
	color:#743F64;
}

#slider3 a:hover {
	
}


  
 /*fINANCE colours */
 
/* background for each slide */ 
#slider4 {
	height:770px;
}

#slider4 .viewport {
	height: 630px;
}

#slider4 .overview li {
	background: #FBCE2C;
	height: 630px;
}

#slider4 .pager {
    background: #FBCE2C;
}
  
#slider4 .pager li { 
    background: #FBCE2C;
    /*   box-shadow: 0px 6px 12px -7px #5E5E5E;*/
}
  
 #slider4 .pagenum {  
    padding:0px;
    background: #FBCE2C;
    color:#FBCE2C;
    border:none;
   /* box-shadow: 0px 6px 12px -7px #5E5E5E;*/
} 
  
    

      
/*  ============================================================================ */
      
/*  ******* FONTS ******  */
      
.Predige-RegularItalic { 
    font-family: Predige-RegularItalic;
    font-weight: normal;
    font-style: normal;
}
.Predige-Medium { 
    font-family: Predige-Medium;
    font-weight: normal;
    font-style: normal;
}
.Predige-MediumItalic { 
    font-family: Predige-MediumItalic;
    font-weight: normal;
    font-style: normal;
}
.Predige-Regular { 
    font-family: Predige-Regular;
    font-weight: normal;
    font-style: normal;
}
.Predige-Light { 
    font-family: Predige-Light;
    font-weight: normal;
    font-style: normal;
}
.Predige-LightItalic { 
    font-family: Predige-LightItalic;
    font-weight: normal;
    font-style: normal;
}
.Predige-Thin { 
    font-family: Predige-Thin;
    font-weight: normal;
    font-style: normal;
}
.Predige-ThinItalic { 
    font-family: Predige-ThinItalic;
    font-weight: normal;
    font-style: normal;
}
.Predige-Black { 
    font-family: Predige-Black;
    font-weight: normal;
    font-style: normal;
}
.Predige-BlackItalic { 
    font-family: Predige-BlackItalic;
    font-weight: normal;
    font-style: normal;
}
.Predige-Bold { 
    font-family: Predige-Bold;
    font-weight: normal;
    font-style: normal;
}
.Predige-Hairline { 
    font-family: Predige-Hairline;
    font-weight: normal;
    font-style: normal;
}
.Predige-BoldItalic { 
    font-family: Predige-BoldItalic;
    font-weight: normal;
    font-style: normal;
}
.Predige-HairlineItalic { 
    font-family: Predige-HairlineItalic;
    font-weight: normal;
    font-style: normal;
}
