body {
border: 0;
margin: 0;
padding: 0;
text-align: center;
font-family: Verdana, Arial, Sans-Serif, Tahoma, Geneva;
background:url(../images/bgrey.gif)  center repeat-y;

font-size:small;
}

#wrapper{
text-align:left;
width:702px;
margin-right:auto;
margin-left:auto;
background-color:#ffffff;
}

#headerwrapper {
position:relative;
z-index:1000; /*make this layer on the tippy top*/
background:#ffffff;
height:100px;
}

/* MINI NAV ----------------------------------------------- */
#mininav{
position:absolute;
z-index:100; /*this needs to sit above the container so the links are visible*/
bottom:7px;
right:20px;
}

#mininav ul{
margin:0;padding:0;
list-style: none;
}

#mininav li{
float:left;
padding:0;margin:0;
background:none;
list-style: none;
}

#mininav li a{
color:white;
border-right:1px solid #FFFFFF;
padding:0 5px;
text-decoration:none;
font-family:  Arial Narrow, Sans-Serif, Tahoma, Geneva;
font-weight: bold;
font-size:11px;
}

#mininav li a.last{border-right:none;}
#mininav li a:hover{color:#ffcccc;}

/*main nav*/

#topNav {
	height:25px;
	width:702px;
	text-align: center;
}

#topNav ul {
	display: block;
	margin: 0px;
	padding: 0px;
	float: right;
	border-left: 1px solid #ffffff;
	background-color:#E6E6E3;
}

#topNav ul li {
	display: inline;
	margin: 0px;
	padding: 0px;		
	text-transform:uppercase;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	
}

#topNav li a {
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #666666;
}


#topNav li a:Hover {
	color: #47B3E8;
	text-decoration: none;
}


#nav, #nav ul  {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 10px;
}



#nav a {
	display: block; text-align: left;
	color: #111111;
	text-decoration: none;
	padding: 3px 10px 3px 16px;
	
}


#nav li {
	float: left;
	padding: 0px;
	position: relative;
}


#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 130px;
	w\idth: 136px;
	border-width: 0px;
	margin: 0px 0px 0px -1px;
	font-size: 11px;
}



#nav li li {
	width: 150px;
	w\idth: 156px;
	border: 1px solid #CCCCCC;
	background-color: #ffffff;
	margin: 0px; 
	padding: 0px;
}

#nav li ul a { 
	width: 130px;
	w\idth: 136px;
	font-size: 11px;	
	text-transform:lowercase;	
}


#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 {
	left: auto;
}
 
#nav .last {background:url(../images/corner.gif)  no-repeat;background-color:#ffffff;padding: 0px 8px 0px 0px;}


/* end main nav*/

/* Alternative left nav option*/

#leftColumn {
float:left;
}


#leftnav{
float:left;
clear: both;
width:145px;
w\idth: 145px;
padding-top:40px;
}

#leftnav ul{
float:right;
width:145px;
w\idth: 145px;
margin:0;padding:0;
padding-top:7px;
border: 1px solid #CCCCCC;
list-style: none;
border-left:none;
}

#leftnav ul li{
margin:0;padding:0;
float:left;
line-height:1;
}

#leftnav ul li a{
display:block;
font-weight: normal;
width:128px;
color:#CCCCCC;
text-decoration:none;
font-family: Verdana, Arial, Sans-Serif, Tahoma, Geneva;
font-size:11px;
padding:4px 5px 4px 12px;
background: #ffffff;
border: 1px solid #CCCCCC;
border-right:none;
border-top:none;
border-left:none;
}



#leftnav ul li a:hover{

color:#ffccff;
}

.final{
border-bottom:none;
}

/* Alternative left nav option*/

#leftnav2{
float:left;
clear: both;
width:145px;
w\idth: 145px;
padding-top:20px;
}

#leftnav2 ul{
float:right;
width:145px;
w\idth: 145px;
margin:0;padding:0;
padding-top:7px;
border: 1px solid #CCCCCC;
list-style: none;
border-left:none;
}

#leftnav2 ul li{
margin:0;padding:0;
float:left;
line-height:1;
}

#leftnav2 ul li a{
display:block;
font-weight: normal;
width:128px;
color: #47B3E8;
text-decoration:none;
font-family: Verdana, Arial, Sans-Serif, Tahoma, Geneva;
font-size:11px;
padding:4px 5px 4px 12px;
background: #ffffff;
border: 1px solid #CCCCCC;
border-right:none;
border-top:none;
border-left:none;
}



#leftnav2 ul li a:hover{

color:#ffccff;
}

.final{
border-bottom:none;
}


/* list styles*/
#midlist { list-style-image: url(../images/arrow.gif);color:#999999; }


#mainlist { list-style-image: url(../images/arrow.gif);
color:#999999;
font-family: Verdana, Arial, Sans-Serif, Tahoma, Geneva;
font-size:12px;





 }
 
 
 
#header{
background:url(../images/header_02.gif) top left no-repeat;
height: 70px;
width: 690px;
margin-left: 0px;
padding: 5px 0px 0px 12px;
position:relative;
}

#footer{
clear:both;
background-color:#ffffff;
text-align: center;
color:#2D9ACD;
Tel: 020 8788 2785 
}


/*----------------- header  and text styles ------------------*/

h1{
font:24px ITC Avant Garde Gothic,Verdana, Arial, Sans-Serif, Tahoma, Geneva;
color: #000000;
text-transform:uppercase;

padding: 0px 0px 0px 5px;
}

h2{
font:18px ITC Avant Garde Gothic,Verdana, Arial, Sans-Serif, Tahoma, Geneva;
color: #47B3E8;
text-transform:uppercase;
font-weight: 500;
padding: 0px 0px 0px 5px;
}

.blue{
color: #47B3E8;
margin-bottom:-12px;
}

.grey{
color:#A7A7A7;
}

.black{
color:#000000;
}

h3{
font:13px ITC Avant Garde Gothic,Verdana, Arial, Sans-Serif, Tahoma, Geneva;
color: #7A7878;
font-weight: 500;
text-align: left;
padding: 0px 0px 0px 25px;
margin-bottom:-10px;
}
h4{
font:12px Verdana, Arial, Sans-Serif, Tahoma, Geneva;
color: #47B3E8;
background:url(../images/arrow2.gif) top right no-repeat;
width:410px;
font-weight: 500;
text-align: left;
padding: 0px 0px 10px 20px;

}


p {
font-family: Verdana, Arial, Sans-Serif, Tahoma, Geneva;
font-size:11px;
line-height:1.5;
padding: 5px 0px 0px 15px;
text-align: left;
color:#999999;

}
.foot{
text-align: center;
color:#000000;
padding: 0px 0px 0px 0px;
}

a {
	color: #588DA2;
	text-decoration: none;
	padding: 1px 2px;
}
a:hover {color: #ffcccc; font-weight bold; text-decoration: underline;}



a IMG {
	border: none;
}

/*-----------------content ------------------*/
#fullContent {
	
	text-align: left;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	
}	



#rightContent {
	float: left;
	width:520px;
	text-align: left;
	margin: 0px;
	padding: 35px 0px 0px 5px;
	
}

#right_mid_section {float: left; 
	width:570px;
	text-align: left;
	margin-bottom: 20px;
	padding: 10px 5px 5px 5px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

#midsection {float: left; 
	width:670px;
	text-align: left;

	margin: 30px 0px 20px 0px;
	padding: 10px 5px 5px 5px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

#col1 { 
	float: left;
	width: 410px;
	}
	
#col2 {
	float: left;
	width: 250px;
	}

	.colL { 

	float: left;
padding: 20px 0px 0px 0px;
	margin-left:20px;

	}

.colR {

	float: left;
padding: 20px 0px 0px 0px;
	margin-left:200px;

	}
	
.small {font-size: 10px;	}

	
	#underline {

height: 2 em;
align:center;


border-bottom: 1px solid #999999;

 margin-bottom: 10px;

}
	
/* FLOATS ----------------------------------------------- */
.right{
display:inline; /*combat doubling the margin in IE */
float:right;
margin: 5px 5px 0px 5px;
padding: 0px 0px 110px 5px;
}
.left{
display:inline; /*combat doubling the margin in IE */
float:left;
margin: 5px 20px 0px 20px;
padding: 30px 0px 0px 5px;
}

.right2{
display:inline; /*combat doubling the margin in IE */
float:right;
margin: 5px 20px 0px 20px;
padding: 30px 0px 0px 5px;
}
.clear {clear: both}