/*** COMMON STYLES ***/

* {
	border:none;
	list-style:square;
	margin:0;
	outline:none;
	padding:0;
	text-decoration:none;
	vertical-align:bottom;
}

body {
	color:#212121;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	font-weight:400;
	overflow:auto;
	text-align:center;
}

h2, h3, h4, h5, dt {
	background:none;
	border-bottom:1px solid #ddd;
	font-size:105%;
	font-weight:700;
	letter-spacing:0.03em;
	padding:5px 0 5px 10px;
}

a,a:visited,a:hover,a:active {
	color:#009;
	cursor:pointer;
}

.rightimg {
	background-color:#ddd;
	float:right;
	margin:0 0 10px 20px;
	padding:15px;
}

.leftimg {
	background-color:#ddd;
	float:left;
	margin:0 20px 10px 0;
	padding:15px;
}
		
.clearer {
	clear:both;
	display:block;
	height:1px;
	overflow:auto;
	width:960px;
}

#header span,#projects ul span,body#case_studies .navigator a span,body#case_studies .navigator a:visited span,body#case_studies .navigator a:hover span,body#case_studies .navigator a:active span,#validation span,.graphic,.none {
	display:none;
}

#header,#navigator,#content,#footer,#validation {
	height:auto;
	margin:5px auto;
	width:960px;
}

#content {
	clear:left;
	margin:0 auto;
	overflow:hidden;
	text-align:left;
}

#header {
	overflow:auto;
	padding:10px 0;
	text-align:left;
}

/*** FOOTER ***/

#footer {
	background:#022569 url(../img/bg/bggrey5.jpg) 0px -30px repeat-x;
	clear:both;
	color:#fff;
	font-size:90%;
	margin:10px auto;
	overflow:hidden;
	padding:10px 0;
	text-align:left;
}

#footer a,#footer a:visited {
	color:#fff;
	margin-left:5px;
	padding:0 0 2px 0;		
}

#footer a:hover,#footer a:active {
	border-bottom:1px solid #fff;
	padding:0 0 1px 0;
}

#footer a.sitemap,#footer a.sitemap:visited, #footer a.sitemap:hover,#footer a.sitemap:active {
	margin:0 150px 0 5px;
}

#copy {
	float:right;
	margin:0 10px 0 0;
}

#validation {margin-bottom:20px;}
#validation img {margin-right:10px;}

/*** ul#navigator ***/

ul#navigator {
	clear:both;
	font-weight:700;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:0.04em;
	margin:0 auto;
	overflow:auto;
	text-align:left;
}

ul#navigator li {
	border-right:2px solid #fff;
	display:block;
	float:left;
	overflow:hidden;
	text-align:center;
	border-bottom:2px solid #fff; 
	height:auto;
}

ul#navigator li a,ul#navigator li a:visited {
	display:block;
	padding:8px 4px;
	background:#f1f1f1 none;
	color:#333;
}

ul#navigator li a:hover {
	display:block;
	padding:8px 4px;
	background:#000066 url(../img/bg/bggrey4.jpg) bottom left repeat-x;
	color:#fff;
}

ul#navigator li a.actual,ul#navigator li a.actual:visited ,ul#navigator li a.actual:hover {
	display:block;
	padding:8px 4px;
	background:#000066 url(../img/bg/bggrey5.jpg) bottom left repeat-x;
	color:#fff;
}

/***  breadcrumb ***/

.breadcrumb {
	background:#000066 url(../img/bg/bggrey5.jpg) bottom left repeat-x;
	color:#fff; 
	height:auto;
	margin:0 auto 10px auto; 
	min-height:15px;
	padding:2px 0 1px 5px; 
	text-align:left;
	width:955px;
}

.breadcrumb a {color:#fff;}


/*** body#home ***/

body#home #content #left {
	float:left;
	height:auto;
	width:500px;
}
		
#random {
	display:block;
	float:left;
	height:410px;
	text-align:center;
	margin:0 10px; 
	padding:10px 0;
	width:420px;
}	

#projects {clear:left; margin-top:20px;}

#projects h2 {
	background:#fff none;
	color:#333;
	margin:20px 10px 10px 0;
	padding-top:10px;
	padding-bottom:1px;
	border-bottom:1px solid #ddd;
	}

	#projects ul {
		height:auto;
		list-style:none;
		margin:10px 0;
		overflow:auto;
	}
	
	#projects ul li {display:inline;}
	
	#projects ul li a {
		display:block;
		float:left;
		height:37px;
		margin:0 10px 0 0;
		width:90px;
	}

	#projects ul li a.pbc,#projects ul li a.pbc:visited,#projects ul li a.pbc:active {
	background:url(../img/productions/prod.jpg) 0px -40px no-repeat;
	}
		
		#projects ul li a.pbc:hover {
		background:url(../img/productions/prod.jpg) 0px 0px no-repeat;
		}
		
	#projects ul li a.pdius,#projects ul li a.pdius:visited,#projects ul li a.pdius:active {
	background:url(../img/productions/prod.jpg) -90px -40px no-repeat;
	}
		
		#projects ul li a.pdius:hover {
		background:url(../img/productions/prod.jpg) -90px 0px no-repeat;
		}
		
	#projects ul li a.phefce,#projects ul li a.phefce:visited,#projects ul li a.phefce:active {
	background:url(../img/productions/prod.jpg) -180px -40px no-repeat;
	}
		
		#projects ul li a.phefce:hover {
		background:url(../img/productions/prod.jpg) -180px 0px no-repeat;
		}
		
	#projects ul li a.plearndirect,#projects ul li a.plearndirect:visited,#projects ul li a.plearndirect:active {
	background:url(../img/productions/prod.jpg) -270px -40px no-repeat;
	}
			
		#projects ul li a.plearndirect:hover {
		background:url(../img/productions/prod.jpg) -270px 0px no-repeat;
		}
		
	#projects ul li a.plsc,#projects ul li a.plsc:visited,#projects ul li a.plsc:active {
	background:url(../img/productions/prod.jpg) -360px -40px no-repeat;
	}
		
		#projects ul li a.plsc:hover {
		background:url(../img/productions/prod.jpg) -360px -0px no-repeat;
		}
		
/*** body#about ***/

body#about h2, body#about h3 {
	background:url(../img/bg/bggrey4.jpg) bottom left repeat-x;
	width:164px;
	color:#000066;
	clear:both;
	font-size:110%;
	margin:10px 0;
	padding:5px 10px;
}
	
body#about dl {
	margin:10px 10px 10px 0;
	border:1px solid #ddd;
	width:182px;
	float:left;
	}

body#about dl.last {
	margin:10px 0;
	border:1px solid #ddd;
	width:182px;
	float:left;
	}
body#about dl.member {
	width:50%;
	border:1px solid #ddd;
}
body#about dt {
	background:#F7F9FF none;
	border-bottom:1px solid #ddd;
	color:#333;
	margin:0 0 10px 0;
	padding:5px 0 1px 10px;
	text-align:left;
	font-weight:700;
}

body#about dt acronym {
	clear:left;
	display:block;
	font-weight:400;
}

body#about dd {margin:0 0 10px 0; padding:10px;}	
body#about dl.member dd {margin:0 0 10px 0; padding:10px 10px 0 10px;}

body#about dt a, body#about dd a {
color:#333;
display:block;
}

body#about dd a:hover {color:#009;}

span.more {
	clear:left;
	display:block;
	}
	
span.moreabout {
	clear:left;
	display:block;
	font-size:90%;
	font-style:italic;
	padding-top:10px;
	}
	
/*** body#case_studies ***/

a.case_st,a.case_st:visited {
	color:#fff;
	display:block;
	font-size:90%;
	height:auto;
	margin:5px auto 0 auto;
	padding:0;
	overflow:auto;
	text-align:center;
	width:160px;
}
	
a.case_st span {
	color:#333;
	display:block;
	height:60px;
	margin:0;
	padding:5px 10px 0 10px;
}

a.case_st:hover span {text-decoration:underline;}

a.case_st img {
	display:block;
	height:46px;
	margin:0 0 10px;
	padding:10px 12px 180px 11px;
	text-align:center;
	width:137px;
}

	a.case_st img.bc {background:#fff url(../img/casestudies/education_uk_chinese.jpg) 0 66px no-repeat;}
	a.case_st img.egt {background:#fff url(../img/casestudies/lsc.jpg) 0 66px no-repeat;}
	a.case_st img.learndirect {background:#fff url(../img/casestudies/learndirect.jpg) 0 66px no-repeat;}
	a.case_st img.ukrlp {background:#fff url(../img/casestudies/ukrlp_screenshot.gif) 0 66px no-repeat;}
	a.case_st img.unistats {background:#fff url(../img/casestudies/unistats.jpg) 0 66px no-repeat;}
	
/*** body#case_studies subpages ***/		

body#case_studies .navigator {
	background-color:#f1f1f1;
	clear:left;
	display:block;
	height:auto;
	overflow:auto;
	margin:10px auto;
	padding:10px 0;
	text-align:left;
	width:960px;
}

body#case_studies .navigator a,body#case_studies .navigator a:visited,body#case_studies .navigator a:hover,body#case_studies .navigator a:active {
	display:block;
	float:left;
	height:46px;
	margin:0 0 0 10px;
	width:137px;
}

a.l {background:url(../img/casestudies/ldr_logo.gif) center right no-repeat;}
a.b {background:url(../img/casestudies/education_uk_logo.gif) center right no-repeat;}
a.e {background:url(../img/casestudies/lsc_logo.gif) center right no-repeat;}	
a.u {background:url(../img/casestudies/unistats_logo.gif) center right no-repeat;}	
a.lp {background:url(../img/casestudies/uk_provider_logo.gif) center right no-repeat;}

.casebox {
	display:block;
	float:left;
	width:350px;
}

.casebox h2, .casebox h3, .casebox h4, .casebox p, .casebox dl {margin:0 40px 10px 0;}

.casebox dt {color:#333;}
.casebox h2 {color:#000066; background:none;}
.casebox ul {margin:0 10px 10px 10px;}

.casebox ul li {
	margin:0 0 10px 10px;
	list-style-type:square;
}

 .casebox dt, .casebox dd {margin:0 0 10px 0;}

a.caseboxbg {
	background:url(../img/casestudies/ldrbg.jpg) 0px 40px no-repeat;
	display:block;
	float:left;
	height:auto;
	width:260px;
	padding-bottom:310px;
	font-size:90%;
}

#ldr {background:url(../img/casestudies/ldrbg.jpg) 0px 40px no-repeat;}
#bc {background:url(../img/casestudies/bcbg.jpg) 0px 40px no-repeat;}
#uni {background:url(../img/casestudies/unibg.gif) 0px 40px no-repeat;}
#lsc {background:url(../img/casestudies/lscbg.gif) 0px 40px no-repeat;}
#ukrlp {background:url(../img/casestudies/ukrlpbg.gif) 0px 40px no-repeat;}

	
/*** body#data ***/

body#data #content {background:url(../img/data/coursemanager2.gif) 460px 0px no-repeat;}
	
.databox dl {
	display:block;
	margin:0 10px; 
	padding:10px 0; 
	height:auto; 
}
		
.databox dt {
	border-bottom:none;
	height:auto;
	font-weight:400;
	letter-spacing:normal;
	margin:0;
	padding:10px;
	text-align:left;
}

.databox dd {
	background:url(../img/bg/square.gif) left center no-repeat;
	margin:0 10px;
	padding-left:10px;
}	

.databox dl.nobg dd {
	background:url(../img/bg/cir.gif) left center no-repeat;
	padding-left:15px;
}	
	
/*** body#technologies ***/

body#technologies dl {
	display:block;
	float:left;
	margin:10px 0;
	width:160px;
}
	
body#technologies dt {
	background:none;
	border-bottom:1px solid #ddd;
	height:auto;
	letter-spacing:normal;
	margin:0 10px 0 0;
	padding:5px 0;
	text-align:left;
}

body#technologies .leftimg, body#technologies .rightimg {background-color:#fff; padding:0;}

body#technologies dd {
	margin:10px 20px 10px 0;
	padding-top:3px;
	text-align:left;
}

body#technologies dd.oracle {background:url(../img/technologies/oracle.gif) top left no-repeat; padding-top:24px;}
body#technologies dd.w3c {background:url(../img/technologies/w3c.gif) top left no-repeat; padding-top:26px;}
body#technologies dd.egif {background:url(../img/technologies/egif.jpg) top left no-repeat; padding-top:50px;}
body#technologies dd.adv {background:url(../img/technologies/tech3.jpg) top left no-repeat; padding-top:105px;}
body#technologies dd.xml {background:url(../img/technologies/xml.gif) top left no-repeat; padding-top:34px; margin:10px 10px 5px 0;}
body#technologies dd.wsi {background:url(../img/technologies/wsi.gif) top left no-repeat; padding-top:111px;}
body#technologies dd.virt {background:url(../img/technologies/virtual.jpg) top left no-repeat; padding-top:95px;}


hr.tech {
	clear:left; 
	color:#fff; 
	display:block; 
	height:1px;
}

body#technologies .technologiesbox dl {
	display:block;
	margin:0 10px; 
	padding:10px 0; 
	height:auto; 
	width:430px;
	}


body#technologies .technologiesbox dt {
	background:none;
	font-weight:400;
	height:auto;
	padding:0 10px;
	text-align:left;
	}

body#technologies .technologiesbox dd {
	clear:both;
	display:block;
	height:auto;
	padding:0 5px;
}

body#technologies .technologiesbox dd ul li {
	margin:0 5px 0 20px;
}

/*** body#hosting ***/

body#hosting #content {
	background:url(../img/hosting/hosting1.gif) 350px 10px no-repeat;
	clear:left;
	display:block;
	height:auto;
	margin:0 auto;
	overflow:auto;
	padding-bottom:70px;
	text-align:left;
	width:960px;
	}

body#hosting #content p, body#hosting #content ul {margin:10px 630px 20px 0;}

body#hosting #content ul li {
	margin:0 0 0 20px;
	padding:0;
}

/*** body#awards ***/

body#awards h2 {margin:10px 200px 10px 148px;}
	
body#awards img.awardimg {
	margin:5px 20px 10px 0;
}

body#awards #content {overflow:hidden;}

body#awards dl {
	border:1px solid #ddd;
	clear:none;
	display:block;
	float:left;
	height:230px;
	margin:0 10px 10px 0;
	padding:10px 0;
	text-align:center;
	width:250px;
}

body#awards dt { background:none; border:none;}

body#awards dt img {
	background-color:#ddd;
	padding:5px;
}

body#awards dd {margin:0 10px;}

/*** body#publishing ***/

.publ a {
	display:block;
	float:left;
	height:180px;
	margin:10px 10px 10px 0;
	padding:5px;
	width:130px;
}

.publ a span {visibility:hidden;}

.publ p {
	background-color:#ddd;
	height:140px;
	margin:10px 0 0;
	padding:5px;
	text-align:left;
}

.publimg {margin:0 auto;}

body#publishing h2 {
	background:#fff none;
	clear:none;
	float:left;
	margin:10px 0;
	padding:0 0 2px 10px;
	text-align:left;
	width:740px;
}

#flood a {background:url(../img/publishing/sept09/floodlight_sept09.jpg) top left no-repeat; }
#hotc a {background:url(../img/publishing/sept09/hotcourses_sept09.jpg) top left no-repeat;}
#schoolsnet a{background:url(../img/publishing/sept09/schoolsnet_sept09.jpg) top left no-repeat;}
#whatuni a{background:url(../img/publishing/sept09/whatuni_sept09.jpg) top left no-repeat;}
#uniguru a{background:url(../img/publishing/sept09/uniguru_sept09.jpg) top left no-repeat;}
#ed_uk a{background:url(../img/publishing/sept09/eduk.jpg) top left no-repeat;}
#ucas a{background:url(../img/publishing/sept09/ug_sept09.jpg) top left no-repeat;}
#mag a{background:url(../img/publishing/sept09/hcmag_sept09.jpg) top left no-repeat;}
#newsp a{background:url(../img/publishing/sept09/hcnews_sept09.jpg) top left no-repeat;}
#pg a{background:url(../img/publishing/sept09/pg_sept09.jpg) top left no-repeat;}

.publdetail {
	display:block;
	float:left;
	width:500px;
}

.publdetail h2 {margin-bottom:10px;}
.publdetail h2 a {color:#333;}

.publishingbox p { margin:0 10px; padding:10px 0 203px 0; height:auto; }

/*** body#history ***/

body#history #content {overflow:auto;}

 #timeline {
	 background:#fff url(../img/bg/timelinebg.gif) 455px 0px repeat-y;
	 margin:10px auto;
	 width:958px;
	 border-style:solid;
	 border-width:1px 1px 0 1px;
	 border-color:#b0b0a8;
 }

 body#history dl { 
	 border-style:solid;
	 border-width:0 0 1px 0;
	 border-color:#b0b0a8;
	 height:auto;
	 overflow:auto;
	 padding:0 0 20px 0;
	 text-align:center;
 }

 body#history dl.last { 
	 border-bottom:1px solid #b0b0a8;
	 height:auto;
	 margin:0;
	 overflow:auto;
	 padding:10px;
 }

 body#history dt {
	 background:none;
	 color:#333; 
	 font-size:110%; 
	 margin:0 auto;
	 padding-left:10px;
	 padding-top:10px;
	 text-align:center;  
	 width:60px; 
	 border:none;
 }
 
 body#history dt span {visibility:hidden;}
 
 body#history dl.last dt {padding-top:0px; border:none;}
 
 body#history dd {
	display:block;
	float:left; 
	padding-bottom:10px;
 }
 
 body#history dd.left {
	 padding-right:10px;
	 text-align:right;
	 width:430px;
 }
 
 body#history dd.right {
	 margin-left:90px;
	 text-align:left;
	 width:400px;
 }
 
 body#history .none {visibility:hidden; clear:both;}
 body#history dd a, body#history dd a:visited {
	border-bottom:1px solid #fff;
	color:#980017;
	}

 body#history dd a:hover, body#history dd a:active {
	border-bottom:1px solid #980017;
	}

/*** body#contact ***/
body#contact form select {display:none;}
body#contact dt {padding-left:0;}
body#contact dd.name {padding-top:10px; letter-spacing:0.03em;}

/*** body#sitemap ***/

body#sitemap #content ul {
	margin:10px;
}
	
body#sitemap #content ul li {
	background:none;
	margin-left:10px;
}

body#sitemap #content ul li ul li {
	margin:5px 0 0 40px;
}

body#sitemap #content ul li a,body#sitemap #content ul li a:visited {
	color:#000099;
}

body#sitemap #content ul li a:hover,body#sitemap #content ul li a:active {
	text-decoration:underline;
}

body#sitemap #content ul li ul li a,body#sitemap #content ul li ul li a:visited {
	color:#333;
}

body#sitemap #content ul li ul li a:hover,body#sitemap #content ul li ul li a:active {
	text-decoration:underline;
}
	
/*** body#terms, body#privacy ***/

body#terms h2, body#privacy h2, body#privacy h3 { margin:0 0 20px 0; clear:left;}
body#terms p, body#privacy p {margin:10px 0; clear:left;}

/********************** added for Google maps *************************************************/

.map {
	background-color:#fff;
	clear:both;
	display:block;
	height:auto;
	margin:10px auto;
	overflow:auto;
	padding:0;
	text-align:left;
	width:960px;
}

#googlemap, #londongooglemap {
	border-right:1px solid #CCC;
	display:block;
	float:left;
	margin:10px 30px 10px 0;
	padding:0;	
	width:570px;
}

#map, #londonmap {
	height:450px;
	margin:0 10px 0 0;
}

#googlemapresults, #londongooglemapresults {
	clear:none;
	display:block;
	float:left;
	height:auto;
	margin:0 0 0 10px;
	overflow:auto;
	width:340px;
}

#googlemapresults h2, #londongooglemapresults h2 {padding-left:0;}

#googlemapresults p, #londongooglemapresults p {margin:10px 0;}

#googlemapresults ul, #londongooglemapresults ul {
	margin:0; 
	padding:5px 0 10px 0;
}

#googlemapresults ul li, #londongooglemapresults ul li {
	height:auto;
	list-style-type:upper-alpha; 
	margin-bottom:1px;
}

#googlemapresults ul li a, #londongooglemapresults ul li a {
	background:url(../img/bg/basic3.jpg) bottom left repeat-x;
	color:#595959;
	display:block;
	padding:3px 5px;
	text-decoration:none;
}

#googlemapresults ul li a:hover, #londongooglemapresults ul li a:hover {
	background:url(../img/bg/basic.jpg) 0px -200px repeat-x;
	color:#333;
	display:block;
	padding:3px 5px;
	text-decoration:none;
}

#googlemapresults ul li dl, #londongooglemapresults ul li dl {
	display:block;
	padding:10px;
	}

body#contact #content h5 {
	font-size:100%;
	margin:0;
	padding:2px 0 2px 2px;
	width:120px;
}


/***************************************** roundedbox **************************************/

.homebox, .technologiesbox, .publishingbox, .databox, .randombox, .caserounded {
padding:0;
display:block;
clear:left;
float:left;
height:auto; 
overflow:hidden;
}

.boxtopleft {
background:url(../img/tr_tl.gif) top left no-repeat;
float:left;
height:5px;width:5px;
}

.boxtopright {
background:url(../img/tr_tr.gif) top right no-repeat;
float:right;
height:5px;width:5px;
}

.boxbottomleft {
background:url(../img/tr_bl.gif) bottom left no-repeat;
float:left;
height:5px;width:5px;
}

.boxbottomright {
background:url(../img/tr_br.gif) bottom right no-repeat;
float:right;
height:5px;width:5px;
}

.homebox p,.homebox ul, p.header { margin:0 10px; padding:10px 0; height:auto; }
.homebox ul li.point {list-style:none; font-weight:700; padding-bottom:10px; margin-left:0; font-size:130%;}
.homebox ul li.point a, .homebox ul li.point a:visited {color:#000066; display:block;}
.homebox ul li.point a:hover, .homebox ul li.point a:active {color:#044BD7; display:block;}
.homebox ul li {margin-left:20px;}

.silver {background:#b4cafb url(../img/bg/basic4.jpg) bottom left repeat-x;}
.silvered {background:#e0e0e0 url(../img/bg/basic4.jpg) 0px -100px repeat-x;}

.homebox {
background:#b4cafb url(../img/bg/basic4.jpg) bottom left repeat-x;
margin:0 40px 10px 0;
float:none;
}

.caserounded {
background:#cdd8f6 url(../img/bg/basic4.jpg) bottom left repeat-x;
clear:none;
margin:0 10px 10px 0;
width:170px;
}


.caserounded:hover {
background:#DAE2F8 none;
clear:none;
margin:0 10px 10px 0;
width:170px;
}


.technologiesbox {
background:#b4cafb url(../img/bg/basic4.jpg) bottom left repeat-x;
margin:0 20px 10px 0;
width:450px;
}

.publishingbox {
background:#cdd8f6 url(../img/bg/basic4.jpg) 0px -90px repeat-x;
margin:0 10px 10px 0;
width:165px;
}

.databox {
background:#b4cafb url(../img/bg/basic4.jpg) bottom left repeat-x;
margin:0 0 10px 0;
width:440px;
}

.randombox {
margin:0 0 10px 0;
clear:none;
width:440px;
background-color:#f2f3f7;
}
.map h5 {
	padding:5px 0;
	}