html,
body {
   margin:0;
   padding:0;
        background-color: #666666;
    font-size: 87.5%; /* Base font size: 14px */
		font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
		line-height: 1.429;
		
		text-align: center; 
	
}
/* In theory the margin-right and margin-left: auto should centre the div but it doesn't work for IE
To get around it put text-align: center; in hte body css then overwrite it here with a  text-align: left;*/
#container {
   min-height:100%;
   position:relative; 
   width: 980px; 
  margin-right: auto;
  margin-left: auto;
  text-align: left;

}

#container {
   height:100%;
  
}

ul,ol {
list-style:square
}

#leftcontainer {
float: left;
width: 80%;
/*border-left: 1px solid #ccc;*/ 

}

#rightcontainer {
float: right;
width: 20%;
/*border-left: 1px solid #ccc;*/ 

}

#header
{
  height: 174px;
 /* background-image: url(/images/header.jpg); */
  border-bottom: 3px solid #1D3476;
}

#header h1
{
  font-family: arial, Helvetica,sans-serif;
  font-size: 27px;
  font-weight: bold; 
  color: #fff;
  padding: 4px 12px;
  line-height: 28px;
  margin: 0;
  position:relative;
  top: -52px;
  left: +70px;
}

#mainlogo
{
  float: right;
  margin: 0 0 15px 15px;
  border: 1px solid #1D3476;
}

/* make navigation div take up entire width */
#navigation
{
	width: 980px;
	
/*	background-color: #19478C;	*/
	
}

/*#navigation ul {
  font-family: Arial, Verdana;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 975px;
  height: 35px;
  background-color: #305da1;
  
 -moz-border-radius: 5px;
border-radius: 5px;
padding-left: 5px;

}  */

/*
#navigation ul {

  font-family: Arial, Verdana; *


  margin: 0;
  padding: 0;
  list-style: none;

 
}  

#navigation ul li a {
  text-decoration: none;
  color: #fff;
background-color: #305da1;  

} 
*/

/*  
The following css is all used for making a dropdown menu from lists

This code initally copied from Cambridge conference as inherited code didn't work properly.
I've made some attempt at documenting it

*/

/* LEVEL ONE */
  ul.dropdown  { 
margin-top: 15px;
  font-size: 12px;
 position: relative; 
 list-style: none;
  margin: 0;
  padding: 0;

}

/* if we want to fit all the top level menu items on one line then the width needs 
to be the width of the contianer divided by the number of menu items
In this case 980/9

Further down we need to restrict the width of the links or they will overflow
*/

.dropdown li {
width: 108.888px;
height: 40px;
text-align: center;
}

/* Set the top level background colour here*/
ul.dropdown li { 
  font-weight: bold; 
  float: left; 
  zoom: 1; 
   background-color: #305da1;
  
}

/* set colour of link text when hovering over it*/
ul.dropdown a:hover { 

  color: orange;    
} 

/* set the colour of the link text when clicked */
ul.dropdown a:active  { 
  color: #ffa500; 

}   

/* set main menu items colours etc*/
ul.dropdown li a { 
  display: block; 
  padding: 10px 0 10px 0; 
  border-right: 2px solid #19478C; /* set size and colour of right border*/
  color: #fff; 
  text-decoration: none;
  height: 20px;
}

ul.dropdown li:last-child a  { 
  border-right: none; 
} 

/* Doesn't work in IE */


/* this makes the submenu items appear underthe main menu item*/
ul.dropdown li.hover, ul.dropdown li:hover { 

  position: relative; 
} 



/* LEVEL TWO */
  ul.dropdown ul { 
  width: 100%; 

  visibility: hidden; 
  position: absolute; 
  top: 100%; 
  left: 0; 
  
   list-style: none;
  margin: 0;
  padding: 0;
 
}

/* set the background colour,colour etc of sub- links here*/
/*  and the border bottom which should really be the same size as the right border */
ul.dropdown ul li { 
  font-weight: normal; 
   background-color: #5582C6;
   text-align: left;
  color: #000; 
  border-bottom: 1px solid #19478C;
  float: none; 
}
									  
/* IE 6 & 7 Needs Inline Block */

/* Width should be the iwidth set up for the top level links minus hte amount of padding and right border
so in this case 108.888 - 10 -2 px;  */
ul.dropdown ul li a { 
  border-right: none; 
/*  width: 100%;  */
  width: 96.888px; 
  display: inline-block;
  padding-left: 10px;
  text-decoration: none;

} 

/* LEVEL THREE */
ul.dropdown ul ul { 
  left: 100%; 
  top: 0; 
}

ul.dropdown li:hover > ul { 
  visibility: visible; 
}





 
/* Headings */ 
h1,h2{
font:normal 25px Georgia;

text-shadow: #ffffff;
}
h2 {font-size: 1.571em}	/* 22px */
h3 {font-size: 1.429em}	/* 20px */
h4 {font-size: 1.286em}	/* 18px */
h5 {font-size: 1.143em}	/* 16px */
h6 {font-size: 1em}	/* 14px */

h2, h3, h4, h5, h6 {
	font-weight: 400;
	line-height: 1.1;
	margin-bottom: .8em;       
}



#content {
  color: 	#333333;
  font-family: arial, Helvetica,sans-serif; 
   padding-top: 30px; 
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 40px;
  background-repeat: no-repeat;
  background-position: bottom;
  min-height: 555px;
   height:auto !important;
   height: 555px; 
    background-color: #F6F5F0;
 /* border: 5px solid #DBE8F3; */
/* -moz-border-radius: 10px;
border-radius: 10px; */
/*clear:both; */


}

/*
#innercontent {

  width: 800px;
  padding-right: 30px;
  line-height: 1.6;

}*/

/*  where there is a sidebar the main innercontent page will narrower*/
#innercontentwithsidebar {
  width: 640px;

  padding-right: 30px;
  line-height: 1.6;

} 

#innercontent img {
  padding: 5px;
  border: 1px solid #ccc;;
  margin: 10px;
  float: right;
	-webkit-box-shadow: 0 5px 5px rgba(204,204,204,.8);
	-moz-box-shadow: 0 5px 5px rgba(204,204,204,.8);
	box-shadow: 0 5px 5px rgba(204,204,204,.8);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
} 



html>body #footer {/*values for more CSS-compliant browsers*/
  margin: 0px 0px 0px 0px;
  padding: 0px;
}


/* Footer Styling*/

#footer1 {
  float: right;
}


#footer {
 
 /* bottom: 5px;*/
  font: 8pt verdana, arial, helvetica, sans-serif;
  line-height:2.4em;
  padding: 0px 0px 2px 0px;
  text-align: right; 
  voice-family: "\"}\""; /*IE5x hack */
  voice-family: inherit;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  
}
	
#footer img {
  border: 0px none;
  vertical-align: middle;
  margin: 3px;
}

#footer a {
  color: #fff;
  text-decoration: none;
}


.featured {
background-color: #fff;
padding: 10px;
margin-bottom: 15px;
border: 1px solid #efefef;
-moz-border-radius: 10px;
border-radius: 10px;
}

.featured h1 {
font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
color: #8a1350;
font-size: 22px;
}

#rightcontainer a:link, #rightcontainer a:visited {
text-decoration: none;
color: #305da1;
font-weight: bold;
}

#rightcontainer a:hover {
text-decoration: underline;
}

#rightcontainer ul {
padding: 0;
list-style:square

}

#rightcontainer li {
margin-bottom: 5px;
}

#rightcontainer img{
padding: 1px;
border: solid 1px #ccc;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.8);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.8);
	box-shadow: 0 1px 1px rgba(0,0,0,.8);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;

}

label {
width: 100px;
float: left;
}

fieldset ol li {
list-style: none;
}

#innercontent input, #innercontent textarea, #innercontent select {
  margin:3px;
  padding: 2px;
  border: 1px solid #cccccc;
}

fieldset { 
  border: none;
}


.centre {
text-align: center;
}

#newsBox {
padding-bottom: 15px;
/* border-bottom: 1px solid #ccc; */
}


#newsBox img {
height: 30px;
float: left;
clear: left;
margin-right: 2px;
box-shadow: none;
	-moz-box-shadow: none;
}

#imagecontainer {
	
	  width: 980px; 
	  height: 200px;
/*	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; */	
	
	border-top:10px solid transparent;
	border-bottom:10px solid transparent;

	
	}
	
#image {
	
/*	  width: 980px; 
	   height: 200px;  */
	   	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
	
	
.imageSpan
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
	


/* this is in the footer*/
.partnersLogo
{
/*
  jds not good to resize image in css, it reduces badly and distorts
when the aspect ratio is wrong :-( 
	width: 152px;
	height: 51px; 
*/
	float: left;
	padding-top: 10px;
}