/*
old dark blue colour: #24398e
old light blue color: #aec1d3
new light blue: #8db3e2
new highlight blue: #426fa7
new dark blue: #002060
dark grey #848081
light grey #ccc8c5
grey text #7e7e7e
*/

/*css reset*/
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	font-size: 100%;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {

}
caption,th {
	text-align:left;
}

p {
    padding:5px 5px 5px 0;
}

td,th {

padding:3px;
}

h1, h2, h3, h4 {
    padding-top: 1em;
	font-weight:strong;
	color: #002060;
	font-size: 1.25em;
	text-decoration: none;
}

h1
{
	font-size: 2em;
	margin-bottom:5px;
        margin-top:0px;
}

h2
{
	font-size: 1.5em;
}


h4 {
    padding-top:5px;
	font-weight:normal;
}

ul {
margin-top:0;
padding-top:0;
}

ul.nomargin {
	padding-left: 0;
	margin-left: 0;
	list-style: none;
}

ul.inline {
	padding-left: 15px;
}


#content
{
	margin-left:250px;
	margin-right:10px;
	margin-top: 0;
	min-height : 522px;
	font-size: 0.75em;
	font-weight:normal;
	color: #848081;
}

#content a:link
{
	text-decoration: underline;
	color: #848081;
}

#content a:hover
{
	color: #002060;
}

#content a:hover:visited
{
	color: #002060;
}

#content a:visited
{
	text-decoration: underline;
	color: #848081;
}

#address
{
padding : 0 0 0 18px;
font-size:0.65em;
font-weight: normal;
width:220px;
}

h3.address
{
	color: #FFF;
	padding:0;
}

#sidebar a:link
{
	text-decoration: none;
	color: #FFF;
}

#sidebar a:hover
{
	color: #002060;
}

#sidebar
{
  	float: left;
    padding: 0px;
 	margin:0px;
	margin-right:10px;
	width: 220px;
	
}

.emph
{
	font-weight:bold;
}
	
#Centred {
	min-width:775px;
	width:60%;
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	background-image: url(images/backgroundbody.gif);
	}

/*nav bar */
#navcontainer
{
font-size:0.75em;
}

#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		font-weight : bold;
		z-index:1000;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		margin: 0;
		padding : 0;
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin: -40px 0 0 220px;
		padding : 5px;
		font-size : 0.9em;
		color: #FFF;
		width: 280px;
		height: 300px;
	}
	
	#nav li ul.speechbubble1
	{
		background: url(images/speechbubble1.png) no-repeat;
	}

	#nav li ul.speechbubble2
	{
		background: url(images/speechbubble2.png) no-repeat;
	}
	
	#nav li li { /* second-level list items */

	}

	#nav li a {
		width : 200px; /*change to 11 em if you need a second level*/
		height: 40px;
		display : block;
		text-decoration : none;
		line-height: 40px;
		padding-left: 20px;
		color: #FFF;
		background:  url(images/gradientbutton.gif) repeat-x;
	}

		#nav li a.news {
		background:  url(images/gradientbuttonnews.gif) repeat-x;
		}
	
		#nav li.news {
		padding-top: 20px;
		padding-bottom: 10px;
		}
		
		#nav li a.casestudies {
		background:  url(images/gradientbuttonnews.gif) repeat-x;
		}
	
		#nav li.casestudies {
		padding-top: 10px;
		padding-bottom: 20px;
		}
		
#nav li:hover, #nav li.hover {

position: static;
}

	#nav li a:hover {
		background: url(images/gradientbuttonhl.gif) repeat-x;
		color: #FFF;
	}

	#nav li li a {	
		height: 30px;
		line-height: 30px;
		width : 260px;
		background:  none;
	}
	#nav li li a:hover {
		background: none;
		color: #8fb56d;
	}
	#nav li li:hover {
	}		
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}

.gap
{
line-height:5px;
}

.gradient
{
background: url(images/gradienttowhite.gif) 0 0 repeat-y;
padding:7px 0 7px 20px;
clear:right;
}

#headerbit
{
	background: url(images/banner.jpg) no-repeat;
	height: 250px;
	padding: 0;
	margin: 0;
	
}


body
{
	background-color:#ccc8c5;
	font-family:Verdana,Arial,"Nimbus Sans L",sans-serif;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5em;
}

.bluesidebox
{
	background-color:#848081;
	color: #FFF;
	width:220px;
}


div.boxtext
{
margin:20px 20px 0 20px;
padding-bottom:20px;
font-weight:bold;
color: #FFF;
	font-size: 0.75em;
	font-family:Arial,Helvetica,"Nimbus Sans L",sans-serif;
	
}

p.subtitle
{
	padding-top: 1.5em;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	font-weight: bold;
}

/* People */

.peopleImage
{
float:right;
border-bottom:5px solid #FFFFFF;
margin: 18px 10px 10px 10px;

}

.peopleText
{
margin:1.25em 0 0.25em 0;
min-height:4em;
border-bottom:5px solid #FFFFFF;
}

img
{
border:0;
padding:0;
margin:0;
}