/* Stagetext CSS file by John Sargent @ sitewritrs.co.uk */

html{font-size:100%}

body{font-size:62.5%; font-family:Arial, Helvetica, sans-serif;}

p{font-size:1.2em;}

h1{font-size:1.8em; font-weight:bold; color:#5DBA10; margin:0; padding:0;}
h2{font-size:1.6em; font-weight:bold; color:#01209F; margin:0;}
h3{font-size:1.6em; font-weight:bold; color:#01209F; margin:0;}
h4{font-size:1.2em; font-weight:bold; margin:0;}

a:link{color:#007BC4; font-weight:bold; text-decoration:none;}
a:visited{color:#007BC4; font-weight:bold; text-decoration:none;}
a:hover{color:#007BC4; font-weight:bold; text-decoration:underline;}
a:active{color:#007BC4; font-weight:bold; text-decoration:none;}

img{border:none;}

/* Here come the ID's */

#topwrapper{
position:relative;
width:760px;
height:138px;
margin: 0 auto 20px auto;
}

#contentwrapper{
width:760px; height:auto;
margin: 0 auto;
padding-top:25px;
}

#content2{
position:absolute; left:-5000px; top:0;
width:auto; height:auto;
}

#logo{
float:left;
width:200px; height:100px;
}

#topbanner{
float:left;
width:560px; height: 100px;
text-align:right;
}

#date{
float:right;
width:200px; height:30px;
margin-top:10px;
padding-right:5px;
font-size:1.2em;
text-align:right;
}

#textsizes{
float:right;
width:150px; height:30px;
margin-top:10px;
padding-right:5px;
font-size:1.2em;
text-align:right;
}
#frontpageheader{
float:left;
width:300px; height:20px;
margin-top:10px;
padding-left:230px;
}

#frontpageheader h1{font-size:1.8em; font-weight:bold; color:#5DBA10; margin:0;}

#strapline{
float:left;
padding: 10px 0;
width:760px; height:20px;
color:#FFF;
background-color:#00209E;
font-size:1.3em;
font-weight:bold;
text-align:center;
}

#maincontent{
float:left;
width:550px; height:auto;
color:#000; background-color:#FFF;

}

#maincontent h1{font-size:1.8em; font-weight:bold; color:#5DBA10; margin:0; padding:0 0 5px 0;}
#maincontent h2{font-size:1.6em; font-weight:bold; color:#01209F; margin:0; padding:0 0 5px 0;}
#maincontent h3{font-size:1.6em; font-weight:bold; color:#01209F; margin:0; padding:0 0 5px 0;}

#maincontent li{margin-left:20px;}

#skip{position: absolute; left: -1000em; width:1px; height:1px; overflow:hidden;}

/* Frontpage boxes start here */

#frontpagebox1{
float:left;
background-image:url(redesignimages/frontboxbackground6.gif);
background-repeat:no-repeat;
width:250px; height:auto;
margin:0 5px 10px 10px;}

#frontpagebox1 p{font-size:1.4em; padding:0 10px; margin:5px;}

#frontpagebox1 h2{font-size:1.6em; 
font-weight:bold; 
color:#01209F; 
text-align:center; 
padding:0;
margin: 20px 0 0 5px; 
}

#frontpagebox2{
float:left;
background-image:url(redesignimages/frontboxbackground6.gif);
background-repeat:no-repeat;
width:250px; height:auto;
margin:0 0 10px 15px;}

#frontpagebox2 p{font-size:1.4em; padding:0 10px; margin:5px;}

#frontpagebox2 h2{
font-size:1.6em; 
font-weight:bold; 
color:#01209F; 
text-align:center; 
padding:0;
margin: 20px 0 0 5px; 
}

#frontpagebox3{
float:left;
background-image:url(redesignimages/frontboxbackground6.gif);
background-repeat:no-repeat;
width:250px; height:auto;
margin:0 5px 10px 10px;}

#frontpagebox3 p{font-size:1.4em; padding:0 10px; margin:5px;}

#frontpagebox3 h2{font-size:1.6em; 
font-weight:bold; 
color:#01209F; 
text-align:center; 
padding:0;
margin: 20px 0 0 5px; 
}

#frontpagebox4{
float:left;
background-image:url(redesignimages/frontboxbackground6.gif);
background-repeat:no-repeat;
width:250px; height:auto;
margin:0 0 10px 15px;}

#frontpagebox4 p{font-size:1.4em; padding:0 10px; margin:5px;}

#frontpagebox4 h2{font-size:1.6em; 
font-weight:bold; 
color:#01209F; 
text-align:center; 
padding:0;
margin:20px 0 0 5px; 
}

#frontpagebox5{
float:left;
background-image:url(redesignimages/frontboxbackground6.gif);
background-repeat:no-repeat;
width:250px; height:auto;
margin:0 0 10px 15px;}

#frontpagebox5 p{font-size:1.4em; padding:0 10px; margin:5px;}

#frontpagebox5 h2{font-size:1.6em; 
font-weight:bold; 
color:#01209F; 
text-align:center; 
padding:0;
margin:20px 0 0 5px; 
}

.boxbottom{
width:100%; height:20px;
background-image:url(redesignimages/frontboxbackground7.gif);
background-repeat:no-repeat;
clear:both;}

#widefrontbox1{
float:left;
width:520px; height:auto;
background-image:url(redesignimages/widefrontboxbackground4.gif);
background-repeat:no-repeat;
margin:10px 0 20px 10px;}

#widefrontbox1 p{font-size:1.4em; padding:0 10px; margin:5px;}

#widefrontbox1 h2{font-size:1.6em; 
font-weight:bold; 
color:#01209F; 
text-align:center; 
padding:0;
margin:20px 0 0 5px; 
}

#widefrontbox2{
float:left;
width:520px; height:auto;
background-image:url(redesignimages/widefrontboxbackground4.gif);
background-repeat:no-repeat;
margin:10px 0 0 0;}

#widefrontbox2 p{font-size:1.4em; padding:0 10px; margin:5px;}

#widefrontbox2 h2{font-size:1.6em; 
font-weight:bold; 
color:#01209F; 
text-align:center; 
padding:0;
margin:20px 0 0 5px; 
}

.wideboxbottom{
width:100%; height:20px;
background-image:url(redesignimages/widefrontboxbackgroundbottom2.gif);
background-repeat:no-repeat;
clear:both;}

/* Front pgae boxes end here */

#innerpagebox1{
float:left;
width:520px; height:auto;
margin:0 0 10px 15px; 
}

#rightcolumcontainer{width:200px;height:auto; float:right; margin-left:10px;}
#rightcolumnheader{width:200px;height:20px; float:right; background-image:url(redesignimages/rightcolhead.gif); background-repeat:no-repeat; clear:both;}
#rightcolumn{width:200px;height:auto; float:right; background-image:url(redesignimages/rightcolbckground.gif); background-repeat:repeat-y; clear:both;}
#rightcolumn p,#rightcolumn h1,#rightcolumn h2,#rightcolumn h3{padding:3px 10px; margin:0;}

#rightcolumnfoot{width:200px;height:20px; float:right; background-image:url(redesignimages/rightcolfoot.gif); background-repeat:no-repeat; clear:both;}

/* Navigation starts here */
#Sidebar {
	float:left;
	width:20em;
	padding: 0 0 20px;
}
	#Sidebar h3 {
		font-size:1.3em;
		color: #666;
	}
	#Sidebar p {
		line-height:130%;
		color:#333;
	}
	#Sidebar ul {
		list-style:none;
		margin:0 0 0 5px;
		padding:0;
	}
	#Sidebar li {
		list-style:none;
		margin:0;
		padding:0;
		font-size: 1em;
	}
	ul#Navigation {
		font-size:1.4em;
		list-style:none;
		margin:0;
		padding:0;
	}
		ul#Navigation li {
			display:inline;
			margin:0;
			padding: 6px 0 0 0;
		}
		ul#Navigation li a {
			text-decoration:none;
			font-weight:bold;
			display:block;
			padding:5px;
			margin-bottom:1px;
			border-left:10px solid #01209F;
			background:#F1F2FA;
			color:#676767;
		}
			ul#Navigation li a:hover {
				border-left:10px solid #01209F;
				background: #63BD19;
				color:#FFF;
			}
		ul#Navigation li a.current {
			border-left:10px solid #007BC4;
			background:#EDAF01;
			font-weight:bold;
			color:#FFF;
		}
		
		ul#Navigation2 {
		font-size:1.3em;
		font-weight:bold;
		list-style:none;
		margin:0;
		padding:0;
	}
		ul#Navigation2 li {
			display:inline;
			margin:0;
			padding: 6px 0 0 0;
		}
		ul#Navigation2 li a {
			text-decoration:none;
			display:block;
			padding:5px;
			margin-bottom:1px;
			border-left:10px solid #FFF;
			background:#FFF;
			color:#000;
		}
			ul#Navigation2 li a:hover {
				border-left:10px solid #F1F2FA;
				background:#01209F;
				color:#FFF;
			}
		ul#Navigation2 li a.current {
			border-left:10px solid #333;
			background:#666;
			color:#fff;
		}
		
		ul#Navigation3 {
		font-size:1.4em;
		list-style:none;
		margin:0;
		padding:0;
	}
		ul#Navigation3 li {
			display:inline;
			margin:0;
			padding: 6px 0 0 0;
		}
		ul#Navigation3 li a {
			text-decoration:none;
			font-weight:bold;
			display:block;
			padding:5px;
			margin-bottom:1px;
			border-left:10px solid #01209F;
			background:#F1F2FA;
			color:#676767;
		}
			ul#Navigation3 li a:hover {
				border-left:10px solid #01209F;
				background:#63BD19;
				color:#FFF;
			}
		ul#Navigation3 li a.current {
			border-left:10px solid #007BC4;
			background:#EDAF01;
			font-weight:bold;
			color:#FFF;
		}
		
		ul#Navigation4 {
		font-size:1.3em;
		font-weight:bold;
		list-style:none;
		margin:0;
		padding:0;
	}
		ul#Navigation4 li {
			display:inline;
			margin:0;
			padding: 6px 0 0 0;
		}
		ul#Navigation4 li a {
			text-decoration:none;
			display:block;
			padding:5px;
			margin-bottom:1px;
			border-left:10px solid #FFF;
			background:#FFF;
			color:#007BC4;
		}
			ul#Navigation4 li a:hover {
				border-left:10px solid #F1F2FA;
				background:#01209F;
				color:#FFF;
			}
		ul#Navigation4 li a.current {
			border-left:10px solid #333;
			background:#666;
			color:#fff;
		}	
		ul li ul {
			margin: 0 0 0 10px;
			padding: 0;
		}

/* Main Navigation ends here */

/* Lower left navigation */

#leftcolumn {
	float:left;
	width:20em;
	padding: 0 0 20px;
	clear:left;
}
	#leftcolumn h3 {
	padding: 5px 0 5px 18px;
	margin:10px 0;
		font-size:1.5em;
		color: #FFF; background-color:#01209F;
	}
	#leftcolumn p {
		line-height:130%;
		color:#333;
	}
	#leftcolumn ul {
		list-style:none;
		margin:0 0 0 5px;
		padding:0;
	}
	#leftcolumn li {
		list-style:none;
		margin:0;
		padding:0;
		font-size: 1em;
	}
	ul#lowerNavigation {
		font-size:1.4em;
		list-style:none;
		margin:0;
		padding:0;
	}
		ul#lowerNavigation li {
			display:inline;
			margin:0;
			padding: 6px 0 0 0;
		}
		ul#lowerNavigation li a {
			text-decoration:none;
			font-weight:bold;
			display:block;
			padding:5px;
			margin-bottom:1px;
			border-left:10px solid #63BD19;
			background: #63BD19;
			color:#FFF;
		}
			ul#lowerNavigation li a:hover {
				border-left:10px solid #FFF;
				background:#FFF;
				color: #63BD19;
			}
		ul#lowerNavigation li a.current {
			border-left:10px solid #007BC4;
			background:#F0D631;
			font-weight:bold;
			color:#000;
		}
		
/* Lower left navigation ends here */		

#rightinnercol{
float:right;
width:230px; height:auto;}

#fullinnercol{float:left;
width:520px; height:auto;
padding:10px;}

#footercontainer{
width:100%; height:70px; 
clear:both; 
margin: 10px auto;
background-color:#F1F2FA;
color:#000;
text-align:center;
font-size:1.1em;
font-weight:bold;
}

#footer{float:right;
width:560px; height:auto;
margin-top:5px;
}

#footer a:link{color:#000; background-color:#F1F2FA; text-decoration:none;}
#footer a:visited{color:#000; background-color:#F1F2FA; text-decoration:none;}
#footer a:hover{color:#000; background-color:#F1F2FA; text-decoration:underline;}
#footer a:active{color:#000; background-color:#F1F2FA; text-decoration:none;}

#dfidlogo{
float:left;
width:58px; height:25px;
margin:25px 0 0 45px;
}

/* Text classes -  some of these are unusual but we like to set all text attributes including bold and italic using CSS */

.bold{font-weight:bold;}
.italic{font-style:italic;}
.bolditalic{font-weight:bold; font-style:italic;}
.small{font-size:1em;}
.boldgreen{font-weight:bold; color:#5DBA10;}

/* Other classes */

.imageleft{
float:left;
width:auto; height:auto;
margin:5px 5px 5px 0;
}

.imageright{
float:right;
width:auto; height:auto;
margin:5px 0 5px 5px;
}

.centre{text-align:center:}

.boxout {
	padding:0 10px;
	border:#000 solid 1px;
}