/* CSS Document */

* {
		margin:0;
		padding:0;
}

body {
		padding:20px 0;
		text-align:center; /*will center #container in IE 5.x */
		font-size:62.5%; /*so 1em = 10px - which is too small, but gives nice easy rounding*/
		font-family:Arial, Helvetica, sans-serif;
		color:#273057;
		background:#d5d8df;
}


#containerWrapper {
		width:760px;
		margin:0 auto;
		padding-bottom:12px;
		text-align:left; /*return to normal after IE 5.x centering */
		background:url(images/containerBottom.gif) bottom left no-repeat;
}

#container {
		/*overflow:hidden; wraps floats*/
		padding-bottom:10px;
		background:#ffffff url(images/containerRight.gif) top right repeat-y;
}

#header {
		background:url(images/containerTop.gif) top left no-repeat;
		padding:20px 20px 10px 10px;
}

#headerQuote	{
		text-align:right;
		font: bold italic 16px Arial, Helvetica, sans-serif;
		height:50px; /*ensures it is shown in IE*/
}

#headerQuote cite		{
		text-align:right;
		font:normal 14px Arial, Helvetica, sans-serif;
}

.clearer {
	clear:both;
}


/*--- images --*/
.imageLeft {
		float:left;
}

.headerStripes {
		float:right;
		margin-top:0.4em;
}

.imageRight {
		float:right;
		margin:0 0 10px 10px;		
}


/*illustration_left etc are taken out of the ipc website and adapted. Used for main content images*/
.illustration_left, .illustration_right	{
float:left;
background-color:#8a96ca;
margin:0px 1em 1em 1em;
padding:5px;
border:1px solid black;
}

.illustration_right {
float:right;
margin: 0px 1em 1em 1em;
}

.lev2_left_block_images {
	margin:20px 0 0 0;
	padding:0px;
	display:block;
}
/* -------- top level navigation  -------*/

#navcontainer {
		padding-left: 0;
		margin-left: 0;
		margin-top:1em;
		background-color: #ffffff;
		float:right;
		color:#273057;
		width:550px;
		font-family: arial, helvetica, sans-serif;
		font-size:1.2em;
		list-style:none;
}

#navcontainer li { 
		display: inline; 
}

#navcontainer li a {
		padding: 0em 0.4em;
		background-color: #ffffff;
		color:#273057;
		text-decoration: none;
		float:right;
		border-right:1px solid #43003a;
}


#navcontainer li a:hover {
		background-color: #43003a;
		color: #ffffff;
		text-decoration:none;
}

#navcontainer li a.current {
		color:#273057;
		text-decoration:underline;
}

#navcontainer a.last {
		border-right:0;
}

#navcontainer li a.current:hover {
		color:#273057;
		text-decoration:underline;
		background-color:#FFFFFF;
}


/*---- these next two styles are for the contact link at the top of the page but only needed on the contact.html page 
hence they are declared in the level2 css ----- */
#navcontainer a.last_current {
		border-right:0;
		text-decoration:underline;
}

#navcontainer li a.last_current:hover {
		color:#273057;
		text-decoration:underline;
		background-color:#FFFFFF;
}		

/*-- Level Two Navigation ---- */

#level_two_nav {
	color:#273057;
	list-style:none;
	width:166px;
	float:left;
}

#level_two_nav li {
	border-bottom:1px solid #43003a;
}

#level_two_nav a {
	text-decoration:none;
	display:block;
	color:#273057;
	padding:0.5em 0 0.5em 0.2em;
}	

#level_two_nav a:hover {
	background-color:#43003a;
	color:#ffffff;
}

#level_two_nav li.final {
border-bottom:none;
}

/*  use these three styles if you require a highlighted background for the current link
#level_two_nav .location a {
	color:#273057;
	background-color:#ffffff;
}


#level_two_nav li.final_selected {
border-bottom:none;
}

#level_two_nav .final_selected a {
color:#273057;
background-color:#ffffff;
}
*/




/* --------- main content --------  */
#content {
		width:730px;
		background-color:#ffffff;
		margin-top:0.2em; /*to allow the space to remain between #content & #header on re-sizing of fonts*/
		margin-left:10px;
		margin-right:20px;
		font-size:1.4em;
		line-height:1.2;
}

#content p {
		margin-bottom:1em;
		padding-left:1em;
		padding-right:1em;
}

#content p.italic {
		font-style:italic;
}

#content h1, #content h2, #content h3 {
		padding-left:14px;
		font-weight:bold;
		font-size:1.8em;
}

#content h2 {
		font-size:1.4em;
}

#content h3 {
		font-size:1.2em;
}




.quote {
	font-style:italic;
	margin-left:1em;
	margin-right:1em;
	font-weight:bold;
}

.indented {
	margin-left:1em;
}

#central_column {
		float:left;
		width:548px;
		margin-left:15px;
		background-color:#e9eaef;
}

hr {
		margin-left:45px;
		margin-right:45px;
		margin-bottom:1em;
		margin-top:0;
		color:#933d7e;
		text-align:center;
		}

/* -------- left hand column when no second level navigation ---------------- */
#lev2_left_block {
	color:#273057;
	width:164px;
	float:left;
	text-align:center;
	border:1px solid #43003a;
	
}

.left_block_nonav {
	margin:0;
	padding:0;
	color:#273057;
	
	font-size:1.8em;
}



/*--- links within the text --*/
a.content {
		color:#273057;
		font-weight:bold;
}
a.content:hover {
		text-decoration:none;
}

/*----   footer section of the page ---*/
#footer {
		width:730px;
		background-color:#ffffff;
		margin-top:1em; /*to allow the space to remain between #content & #header on re-sizing of fonts*/
		margin-left:10px;
		margin-right:20px;
		font-size:1.2em;
		line-height:1.5;
}

.bottom_bars	{
		display:block;
}		


/* ------ ul in content-*/

#content ul.normal{
margin-left:50px;
}

#content ul.normal li {
list-style-type:disc;
padding-bottom:1em;
}

/*----- table styling ---- */

.main_table {
		border:2px solid #933d7e;
		border-collapse:collapse;
		margin-left:15px;
		width:520px;
		font-size:80%;
		margin-bottom:1em;
		}
		
.main_table tr.divide {
	border-bottom:1px solid #933d7e;
}
.main_table td, .main_table th {
		padding:3px;
		vertical-align:top;
		font-weight:normal;
		text-align:left;
		}
.main_table th {
		font-weight:bold;
}				
		

.indented_table {
		margin-left:30px;
		margin-bottom:1em;
}

.indented_table td {
		padding-right:10px;
		vertical-align:top;
}		


/* --------- form styling -------- */

.form_borders, .form_borders_wide {
	width:75%;
	border:2px solid #933d7e;
	margin-left:1em;
	padding-top:0.5em;
	}
	
.form_borders_wide {
	width:95%;
}
	
/*---  php specific -----*/
.php_errors {
		font-weight:bold;
		color:#990000;
}