a{
	text-decoration: underline;
	color: #0000FF;
}
a:hover{
	text-decoration: underline;
}
form{
	padding: 0px; 
	margin: 0px;
}
form fieldset{
	padding: 2px;
	margin: 0px;
	border: none;
}
form legend{
	font-size: 150%;
	font-weight: bold;
}
form .text, form .textarea, form .button{
	border: 1px solid #7f9db5;
}
html{
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;	
}
body{
	margin: 0px auto;
	width: 1018px;
	margin: 0px auto;
}
h1, h2, h3, h4{
	color: #b86198;
}
h1{
	font-size: 175%;
	line-height: 130%;
	font-weight: bold;
}
h2{
	font-size: 130%;
	line-height: 130%;
	font-weight: normal;
	letter-spacing: normal;
}
h3, h4{
	font-size: 110%;
}
#main_logo_block{
	background-image:url(/design/images/top-left-logo.jpg);
	width: 281px;
	height: 196px;
}
#top_sky_block{
	width: 736px;
	height: 196px;
}
#mid_right_style_block{
	background-image:url(/design/images/mid-right-block.jpg);
	width: 281px;
	height: 96px;
}
#main_content_container{
	background-image:url(/design/images/main-content-style.jpg);
	background-repeat: repeat-y;
	padding-left: 75px;
	line-height: 130%;
}
#main_content_container hr{
	border: 1px solid #8d8d8d;
}
#main_left_container{
	width: 150px;
	height: 100px;
	overflow: visible;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	letter-spacing: 0px;
	font-size: 120%;
	line-height: 80%; 
}
#main_left_container hr{
	border: 1px solid #FFFFFF;
}
#main_left_container ul{
	padding: 0px;
	margin: 0px;
	font-size: 65%;
	position: relative;
	right: 25px;
	margin-bottom: 30px;
}
#main_left_container ul li{
	border-left: 5px solid #90dcf1;
	list-style: none;
	line-height: 120%;
	margin-top: 2px !important;
}
/* padding in "a2 below is leading on the menu items */
#main_left_container ul li a{
	display: block;
	background-color: #35bfe6;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
	color: #FFFFFF;
	width: 175px;
}
#main_left_container ul li a:hover{
	text-decoration: none;
	background-color: #90dcf1;
}
#main_left_container h2{
	color: #FFFFFF;
	font-size: 90%;
	font-weight:bold;	
}
/* This next is for the keyword stuffing on the home page.*/
/* I'd rather call it something other than "p" but I'm not sure how*/
#main_left_container p{
	color: #02576f;
	font-size: 60%;
	line-height: 110%;
	font-weight:bold;	
}
/* Thinspace is to provide a thin linespace between paragraphs*/
/* Colour and font-weight are irrelevant. Size is empirical tweak of font-size */
/* and line-height and doesn't make musch sense! - do not use as an actual print font */
#main_left_container thinspace{
	color: #02576f;
	font-size: 20%;
	line-height: 20%;
	font-weight:bold;	
}
#main_right_container{
	width: 190px;
	margin-left: 30px;
	margin-right:40px;
	font-size: 105%;
	line-height: 130%;
	font-weight:strong
	/* when right container held the forms, fontsize was  80%, there was no */
	/* entry for line-height, margin-right or font-weight, and margin-left was 30px */
	color: #FFFFFF;
}
#main_right_container form{
	margin-bottom: 50px;
}
#main_right_container form legend, #main_right_container form label{
	color: #3259ba;
	font-weight: bold;
}
#main_right_container form label{
	display: block;
}
#main_middle_container{
	margin-left: 55px;
	width: 450px;
	color: #02576f;
}
#main_middle_container q{
	text-align: left;
}
#main_menu_container{
	background-image:url(/design/images/bottom-nav.jpg);
	background-position:bottom;
	background-repeat: no-repeat;
	height: 96px;
	width: 736px;
}
#main_menu_container ul{
	padding: 0px;
	margin: 0px;
}
#main_menu_container ul li{
	float: left;
	list-style: none;
}
#bottom_style_container{
	background-image:url(/design/images/bottom-style.jpg);
	height: 112px;
	padding-right: 75px;
	padding-top: 30px;
	background-repeat: no-repeat;
	color: #CCCCCC;
	text-align: right;
/*	font-size: 80%; */
/*  Changed to enable longer text in bottom menu */
    font-size: 60%;
}
#bottom_style_container a{
	color: #666666;
}
#bottom_style_container p{
	width: 50%;
	float: right;
}
#bottom_style_container ul{
	padding: 0px;
	margin: 0px;
	padding-top: 10px;
	/*width: 60%;*/
	float: right;
}
#bottom_style_container ul li{
	display: inline;
	padding-left: 10px;
}
#bottom_contact{
	background-image:url(/design/images/bottom-left-contact.jpg);
	width: 100%;
}
.clear_all{
	clear: both !important;
}
.float_content div{
	float: left;
}
#main_menu_container a{
	display: block;
	height: 46px;
	text-decoration: none;
}
#main_menu_container a span{
	position: relative;
	top: -300px;
}
#home_button{
	background-image:url(/design/images/nav/home.jpg);
	width: 87px;
}
#home_button:hover, #index #home_button{
	background-image:url(/design/images/nav/home-hover.jpg);
}
#how-i-work_button{
	background-image:url(/design/images/nav/howiwork.jpg);
	width: 107px;
}
#how-i-work_button:hover, #how-i-work #how-i-work_button{
	background-image:url(/design/images/nav/howiwork-hover.jpg);
}
#issues_button{
	background-image:url(/design/images/nav/issues.jpg);
	width: 72px;
}
#issues_button:hover, #issues #issues_button{
	background-image:url(/design/images/nav/issues-hover.jpg);
}
#sessions_button{
	background-image:url(/design/images/nav/sessions.jpg);
	width: 90px;
}
#sessions_button:hover, #sessions #sessions_button{
	background-image:url(/design/images/nav/sessions-hover.jpg);
}
#case-studies_button{
	background-image:url(/design/images/nav/casestudies.jpg);
	width: 117px;
}
#case-studies_button:hover, #case-studies #case-studies_button{
	background-image:url(/design/images/nav/casestudies-hover.jpg);
}
#resources_button{
	background-image:url(/design/images/nav/resources.jpg);
	width: 104px;
}
#resources_button:hover, #resources #resources_button{
	background-image:url(/design/images/nav/resources-hover.jpg);
}
#contact_button{
	background-image:url(/design/images/nav/contact.jpg);
	width: 159px;
}
#contact_button:hover, #contact #contact_button{
	background-image:url(/design/images/nav/contact-hover.jpg);
}
.emp-box{
	background-color: #5dbad7;
	padding: 20px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 10px;
	clear: both;
}
.emp-box p{
	margin: 0px;
	padding: 0px;
}
#info_container{
	width: 175px;
	float: left;
	position:relative;
	bottom: 200px;
	left: 70px;
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
/*   font-size: 150%;   */
/*  this increased font size balances the decreased size in the bottom menu,
    to make the bottom menu smaller but the copyright panel the same. */
    font-size: 190%;
	padding: 0px;
}
#info_container p{
	width: 100%;
	margin: 0px;
	margin-bottom: 5px;
}
#info_container p small{
	font-size: 70%;
}
.clear_all span{
	display:block;
	clear: both;
}
.error{
	color: #FF0000;
	font-style:italic;
}

/* Amendments 28/06/2007 - Leo Pitt / Function Design (www.function-design.co.uk) */

/*
Text inside #home-button span tag is wider than home button graphic,
causing the button to be a few pixels wider than the intended 87px.
Results in navigation tabs taken up more than available width of 
menu bar and menu bar running to two rows of tabs.

Reducing size of span text to ensure widths are minimal.
*/
#main_menu_container ul li a span {
	font-size: 0.1em;
}

/* IE6 middle container margin bug fix */
* html #main_middle_container {
	margin-left: 15px;
	width: 450px;
}
/* IE6 left panel margin bug fix */
* html #main_left_container {
	width: 190px;
}
* html #main_left_container h2 {
	color: #FFFFFF;
	font-weight:bold;	
	width: 160px;
	margin: 0;
}
/* IE6 - bottom left text repositioning */
* html #info_container{
	line-height: 20px;
}
/* These classes spoof the appearance of the headings on pages eg home page where */
/* main heading comtains no keywords */
/*<STYLE TYPE="text/css"> */
			.looks-like-h1{	
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #b86198;	font-size: 175%;line-height: 130%;	font-weight: bold;
			}
			looks-like-h1-inline{	
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #b86198;	font-size: 175%;line-height: 130%;	font-weight: bold;
			display:inline
			}	
			.looks-like-h2{	
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #b86198;	
			font-size: 130%;
			line-height: 130%;
			font-weight: normal;
			letter-spacing: normal;
			}
			looks-like-h2-inline{	
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #b86198;	font-size: 130%; line-height: 130%;	font-weight: normal;
			letter-spacing: normal;
			display:inline
			}	
			.looks-like-h2-inline{	
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #b86198;	font-size: 130%; line-height: 130%;	font-weight: normal;
			letter-spacing: normal;
			display:inline
			}		
			.looks-like-h3{	
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #b86198;	
			font-size: 110%;
			line-height: 110%;
			font-weight: normal;
			letter-spacing: normal;
			}
			.display-inline{
			display:inline;
			}
			
		.tiny_h1{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			/*color: #02576f; */
			font-size:65%;
			font-weight:bold;					
			}
		.looks-like-p{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #02576f;
			font-size:60%;
			font-weight:normal;
			}
		.small-p-wideline{
			color: #02576f;
			font-size: 80%;
			line-height: 150%;
			}
		.small-p{
			color: #02576f;
			font-size: 80%;
			line-height: 110%;
			}	
/* </STYLE> */