div.ar
{
	font-size:1.5em;
}

#flags
{
	font-size:10px;
}

ul.countrylinks {
	height:11px;
	padding:2px 10px 0 0;
	margin:0;
	list-style: none; 
	float:right;
width:500px;
}
	
#flags ul.countrylinks li {
	list-style: none; margin: 0; padding: 0; margin-right:8px;
	color:#99CC00; font-size: 1.2em; line-height: 1.5em; font-weight:bold;  text-align: right; 
float:right;
}


	
ul.countrylinks li a, ul.countrylinks a:visited {
	height:11px;
	margin:0;
	padding:0; 
color: #bfbfbf; 
text-decoration: none; 
}

ul.countrylinks a.MenuOn
 {
	height:11px;
margin:0;
	padding:0; 
color:#99CC00;
}

ul.flags li 
{
    font-size: 12px; color: #99cc00; font-weight: bold; margin: 0 0 2px; 
}

ul.flags li img
{
margin: -1px; padding: 0; width:18px;
}


/****** BODY ************/

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

html { font-family: Arial, Helvetica, sans-serif; font-size: 62.5%;
	min-height: 100%; margin-bottom: 1px;
	/* background: url('/images/devbg.gif') no-repeat top; */ }

body { }

form#Form1 { height: 100%; }

/******* LAYOUT ************/

#container { position: relative; width: 760px; margin: 0 auto 0; }
	
#head { height: 78px; border-bottom: 1px solid #999;
	position:relative;}

	#head img#logo {position:absolute; bottom:5px; left:0;}

	#headmenu { float:right; height: 68px; width: 570px;	}
	
	#logo { margin: 22px 0 0; }
	
	#printlogo { display: none;}
	
	#flagsearch{
		height:11px;
		margin:5px 0 0 0;
		float:right;}
	
	a.gobutton {
		height:18px;
		background:#9a9a9a;
		color:#fff;
		font-family:arial;
		font-size:12px;
		margin:0 0 2px 3px;
		cursor:pointer;
		text-decoration:none;
		display:block;
		float:right;
		padding:2px 4px 0px 4px;
vertical-align:middle;}
		
	.searchbar {
		width:140px;
		height:18px;
		font-size:1.2em;
		padding:0 0 0 2px;
		margin:0 0 0 0;
		float:right;
		border:1px solid #9a9a9a;
vertical-align:middle;}
		

#leftmenu { float: left; width: 177px; 
	padding: 84px 0 40px;
	overflow:hidden; }
			
#content { float: left; width: 340px;
	margin: 0 0 0 25px; padding: 0 0 20px;
	overflow: hidden; }
	
#extra { float: left; clear: right; width: 218px; 
	padding: 83px 0 20px 0;
	text-align: right; }

#wide { float: left; width: 558px; 
	margin: 0 0 0 40px;
	padding: 0.3em 0 20px;
	overflow: hidden; }

#foot { position: relative; clear:both; height: 40px; width: 760px;
	 margin: 0 auto; border-top: 1px solid #999; }
	 
	 html>body #foot { margin-top: 13px; }

	#tag { position: absolute; left: 0; top: 8px;
		text-align: left; color: #777; font-size: 1.6em; font-weight: bold; }
	
	#footlinks { position: absolute; right: 0; top: 14px;
		text-align: right; font-size: 1em; color: #666; }

	#footlinks span { margin-left: 1.6em; }
	
	#footlinks a { color: #666; }
	
	
	

/********* HOME PAGE *********/

.home #content { width: 310px; 
	margin: 0 130px 0 0; padding: 0; }

.home #extra { width: 320px; margin: 87px 0 0;
	padding: 0.3em 0 16px; }

.home #signposts { clear:both; width: 760px; 
	padding: 18px 0 60px; margin: 0 0 10px;}

#signposts #quicklinks { float: right; }

#signposts #quicklinks img { margin-left: 8px; }

#signposts #newslink { float: left; }


/********* NEW HOME PAGE *********/

#main { width: 760px; margin-top: 89px; }

#leftcol { width: 265px; float: left; padding: 0px; margin-top: -4px; }		
	#leftcol p { color: #333; margin: 0 0 1.3em; line-height: 1.5em; }
	#leftcol ul { list-style: none; margin: 0 0 5em; }
	#leftcol ul li { font-size: 12px; color: #99cc00; font-weight: bold; margin: 0 0 2px; }
	#leftcol ul li a { color: #666; text-decoration: none; }
	#leftcol ul li.menuhead { margin-top: 10px; }
	
#imagefader { width: 260px; height: 370px; float: left; margin: 0 22px 0 18px; }	

#imagefader p { font-size: 13px; line-height: 18px; color: #555555; margin: 0 0 11px; }

#rightcol { width: 195px; float: right; padding: 0px; margin-top: -4px; }
	#rightcol p { font-size: 1.1em; color: #222; margin:0 0 1.3em; }
	#rightcol p.date { font-size: 1.2em; font-weight:bold; margin: 0; }
	#rightcol p.red { font-size: 1.2em; font-weight: bold; color: red; text-transform: uppercase; }
	#homenews { padding-left: 7px; }
                                           #homenews h2 { padding: 0; margin: 0 0 1.3em; }
                                           #homenews h5 { font-size: 1.2em; line-height: 1.5em; }
		#homenews p.date {font-size: 1.2em; font-weight:bold; margin: 0; color: #666; }
		#homenews p.none {font-size: 1.2em; margin: 0 0 1.3em 0; }

ul.pagelist { list-style-image: url("../MediaFiles/bullet.gif"); padding: 0 0 0 17px; } /* red arrow bulleted list on homepage */
ul.pagelist li { font-size: 1.2em; color: #333; height: 20px; color: #333; }
ul.pagelist a { display: block; height: 1.5em; text-decoration: none; }
ul.pagelist a:hover {  }
ul.pagelist a.on {  }

table.officenames { border: 1px solid #777; }

img.offices { width: 218px; height: 108px; float: right; margin-bottom: 30px; }
img.offices_home { width: 260px; height: 128px; float: right; margin: 0 0 30px; }
img.logo_iip { width: 94px; height: 63px; float: right; padding: 20px 15px 0 0; }
html>body img.logo_iip { padding: 20px 15px 13px 0; }

/***** IMAGES **************/

img { border: 0; }

#extra img { margin: 0; }

#extra img.double { margin-left: 7px; }

.thickbox { }

/***** TEXT ****************/

a { font-weight: bold; }

p { margin: 0 0 1.5em; 
	font-size: 1.2em; line-height: 1.5em; }

#content p { margin: 0 40px 1.5em 0; }

#extra p { font-size: 1.1em; margin: 0 0 3em; }					

#content ul { margin: 0 40px 3.5em 1.7em; }

#content ol { margin: 0 40px 3.5em 2.2em; }

#content li { margin: 0 0 0.4em; 
	font-size: 1.2em; line-height: 1.5em;  }


h1 { height: 50px; padding: 29px 0px 0px 0px; 	/* main page heading */
	color: #FE0000; font-size: 22px; font-weight: normal;} 

h2 { margin: 0 40px 1.5em 0; padding: 1.5em 0 0;						/* grey all caps */
	font-size: 1.2em; line-height: 1.5em; color: #777; text-transform: uppercase; }

h3 { margin: 0 40px 0.3em 0; padding: 1.5em 0 0.4em;					/* grey all caps, rule */ 
	border-bottom: 1px solid #AAA;
	font-size: 1.2em; color: #777; text-transform: uppercase; }

#extra h2 { margin: 0 0 1.5em; padding: 0; }

#extra h3 { margin: 0 0 0.6em; padding: 0 0 0.2em;				/* black all caps, rule */ 
	border-bottom: 1px solid #AAA;
	color: #222;
	text-align: left;
	text-transform: uppercase; }

h4 { margin: 0 40px 0.2em 0;
	font-size: 1.2em; color: #222; }								/* black sub heading */

#extra h4 { margin: 0.15em 0 0.15em;										/* black sub heading */
	font-size: 1.15em; }

h5 { font-size: 1.2em; line-height: 1.5em; }         /* black news heading on news pages etc */

strong.grey { color: #777; }


/***** NAVIGATION **********/  

ul.level1 { list-style: none; float: right; margin: 43px 0 0 0; position:absolute; bottom:9px; right:0;}
ul.level1 li { float: left; margin: 0 0 0 12px; }
ul.level1 a { display: block; text-decoration: none; font-weight: bold; font-size: 1.2em; color: #777;  }
ul.level1 li.MenuOn a, ul.level1 a:hover { color: #FE0000; }

ul.groupedlevel2 { list-style: none; margin: -2.3em 0 0; }
ul.groupedlevel2 li { display: block; width: 176px; 
	margin: 0 0 0.4em;
	text-align:right; float: right; }
ul.groupedlevel2 a { text-decoration: none; 
	font-weight: bold; font-size: 1.2em; color: #777; }
ul.groupedlevel2 a.MenuOn, ul.groupedlevel2 a:hover { color: #FE0000; }
ul.groupedlevel2 li.MenuHeading { color:#99CC00; font-size: 1.2em; font-weight:bold; text-transform: uppercase; margin: 2em 0 0.2em; }

ul.groupedlevel2 li.top { padding: 2.4em 0 0; }

ul.ungroupedlevel2 { list-style: none; margin: -1.7em 0 0; }
ul.ungroupedlevel2 li { display: block; width: 176px; 
	margin: 1.8em 0 0.2em;
	text-align:right; float: right; }
ul.ungroupedlevel2 a { text-decoration: none;
	font-weight: bold; font-size: 1.2em; color: #777; }
ul.ungroupedlevel2 a.MenuOn { color: #FE0000; font-weight: bold; margin: 0; }
ul.ungroupedlevel2 li.MenuHeading { color:#99CC00; font-size: 1.2em; font-weight:bold; text-transform: uppercase; margin: 18px 0 2px 0; }


ul.ungroupedlevel3 { list-style: none; margin: 0; }
ul.ungroupedlevel3 li a { display: block; margin: 0 0 1.5em; text-decoration: none; text-align: right; font-weight: bold; font-size: 1.2em; line-height:1.5em; color: #777; }
ul.ungroupedlevel3 li a.MenuOn { color: #FE0000; font-weight:bold; }

ul.groupedlevel3 { list-style: none; margin-bottom: 1em; }
ul.groupedlevel3 li { display: block; margin: 0; text-align:right; clear:both; }
ul.groupedlevel3 li a { text-decoration: none; font-weight: bold; font-size: 1.2em; line-height:1.5em; color: #777; }
ul.groupedlevel3 li a.MenuOn { color: #FE0000; font-weight:bold; }
ul.groupedlevel3 li.first { margin-bottom: 18px; }

ul.groupedlevel3 li.MenuHeading { list-style: none; clear: both; margin: 0; padding: 0;
	color:#99CC00; font-size: 1.2em; line-height: 1.5em; font-weight:bold; text-transform: uppercase; text-align: right; } 


/* ul.ungroupedlevel4 { width: 177px; list-style: none; text-align: left; margin: 0 0 15px; padding: 0; }
ul.ungroupedlevel4 li { display: block; margin: 0 0 4px; text-align:right; clear:both; } */

ul.groupedlevel4 { width: 177px; list-style: none; text-align: left; margin: 0 0 1.8em; padding: 0; } 
ul.groupedlevel4 li { display: block; margin: 0; text-align:right; clear:both; }
ul.groupedlevel4 li a { text-decoration: none; font-weight: bold; font-size: 1.2em; line-height:1.5em; color: #777; }

ul.groupedlevel4 li.menL { width: 70px; float: left; clear: none; margin-left: 30px; }
ul.groupedlevel4 li.menR { width: 70px; float: right; clear: none; }

ul.groupedlevel4 li.last { margin-bottom: 1.75em; }


li.MenuOn a { color: #FE0000; }
ul.level1 li a:hover, ul.toollinks li a:hover, ul.groupedlevel2 li a:hover, ul.ungroupedlevel2 li a:hover, ul.ungroupedlevel3 li a:hover, ul.groupedlevel3 li a:hover { color: #FE0000; }



ul.flags {
	height:11px;
	padding:2px 10px 0 0;
	margin:0;
	list-style: none; 
	float:right;}
	
ul.flags li {
	margin:0 10px 0 0;
	padding:0;
	float:left;}
	
ul.flags a {
	height:11px;
	width:16px;
	display:block;
	margin:0;
	padding:0; }

/********* THICK BOX *********/

#TB_overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index:100;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#TB_window {
	top: 0px;
	left: 0px;
	position: fixed;
	_position: absolute;
	background: #fff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
}

#TB_window img {
	display:block;
	margin: 5px 0 0 5px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:15px;
	padding:5px 7px 5px 7px;
	float:left;
}

#TB_closeWindow{
	height:15px;
	padding:5px 7px 5px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	background-color:#e8e8e8;
}

#TB_ajaxContent{
	padding:2px 15px 15px 15px;
	overflow:auto;
}

#TB_load{
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	overflow: visible;
	visibility: visible;
	display: block;
	z-index:101;
}

#TB_loadContent  {
	margin-left: -125px;
	position: absolute;
	top: -50px;
	left: 50%;
	width: 250px;
	height: 100px;
	visibility: visible;
}


/***** EDITOR ADDABLE STYLES *****/


h2.top { padding: 0; }


span.qualifications { margin: 0 0 0 2em; font-style: normal; font-weight: normal; font-size: 0.9em;   }


p.quote { margin: 0 0 0.2em; padding: 0;									/* quote */
	font-size: 1.4em; line-height: 1.5em;
	font-weight: normal; color: #444; }

p.source { margin: 0 0 3em; padding: 0;										/* quote source */
	font-size: 1.4em; line-height: 1.5em;
	font-weight: normal; color: #444; 
	text-align: right; }

#extra p.quote { margin: 0 0 0.2em; font-size: 1.6em; color: #666; }

#extra p.source { margin: 0 0 3em; font-size: 1.6em; color: #666; }

#content p.date { margin: 0 40px 0 0; font-weight: bold; color: #777; }

h1.green, .green { color: #9C0; }

/****** EDITOR ADDABLE TEMPLATES *****/

.client { position: relative; clear: both; width: 558px; margin: 0 0 1.5em; }

.client p { margin: 0; }

.client img { float: right; margin: 0 0 1.5em; }

.person { float: left; width: 94px; height: 126px;
	margin: 0 5.5px 6px 0; overflow: hidden;
	font-size: 1.1em; font-weight: bold; color: #444; } 

.person img { display: block; margin: 0 0 0.2em; }

.urbanform { float: left; width: 94px; height: 94px;
	margin: 0 5.5px 6px 0; overflow: hidden;
	font-size: 1.1em; font-weight: bold; color: #444; } 

.urbanform img { display: block; margin: 0 0 0.2em; }


/*------- Search Results ----------*/

#content_fullWidth { margin-top: -60px; }

.searchResults { text-align: right; margin-bottom: 30px; position: relative; }
.searchResults h2 { margin: 0; padding: 0; position: absolute; left: 0; bottom: 0px; }

.Result { font-size: 12px; margin: 0 0 10px; }
.Result_Link, .Result_Link a { color: #787F85; text-decoration: none; }

.googlepagelinks { margin: 25px 0 0; }
.googlepagelinks ul { list-style: none; }
.googlepagelinks ul li { float: left; margin: 0 6px 0 0; }
.googlepagelinks ul li a { float: left; font-size: 12px; }
.googlepagelinks ul li.active a { color: red; font-weight: bold; text-decoration: none; }

.next a { font-size: 12px; margin-left: 10px; }