.nav-footer ul li a:focus {
		background: none;
		color: #ffc23d !important;
	}

		.interaction{
			background: #0b55a8;color: #fff;
		}
		
		body {
			margin		:0px; 
			padding		:0px; 
			font-family :Verdana, Geneva, Arial, Helvetica, sans-serif !important; 
			font-size	:1em;  			
		}
		
		img { 
			border		: 0px;
			padding		: 0px;
			margin		: 0px; 
		}
		
		div.spacer {
			clear		: both; 
			height		: 0px;
		} 
		
		div.clear_right {
			clear:right;
		}
		
		img.right {
			float		: right;
		}


		div#hornav li a {
			font-size:100%;
			border-bottom	: none; 
		}

/* start - columns */
		div.all_content 
		{
			font-size	: 0.75em !important;
			text-align	: left;  
			width		: 88%; 
			margin		: 0px auto 30px auto;
			border		: 1px solid #e4e4e4; 
			padding		: 0px;
			border-top	: none; 
			background-image: url(../img/backofcontainer.gif); 
			background-repeat:repeat-y; 
		}
		
		  
		div.page_content { 
			padding		: 0px 0px 20px 10px; 
		}
		
		div.col1 { 	  
			width		: 200px; 	
			float		: left; 
			margin		: 0px;  
			padding		: 0px; 
			position	: absolute; 
		}
		
		div.page_content2 {
			padding		: 0px;  
		} 
		
		div.col2and3 {    
			margin		: 20px 10px 0px 200px; 
			padding-right:10px;
			width:auto;
			
		}
		
		/*div.col2and3_wide  {    
			height:100%; 
			width	: auto; 
			margin	: 0px 10px 0px 200px; padding-right:10px;   
		} */
		
		div.col2and3_wider  {    
			width	: auto;
			margin	: 0px 10px 0px 200px; display:block;
		}
		
		div.col2	{ 	 
			width:auto;  
			padding:0px 0px 0px 0px;   
			margin: 20px 0px 0px 0px; 
			margin-right:25%;
		}
		
		div.col3	{ 
			position:relative; 
			float:right; 
			width:24%; 
			padding:0px 0px 0px 0px;   
			margin: 20px 0px 0px 0px;
		}
		
		div.col2and3_all  {   
			width:80%; 
			height:100%;  
			padding:10px 40px; 
		}


/* start - content */

		ul.normal {
			list-style-image:url(../img/bullet.jpg); 
			margin:3px 30px; 
		}
		
		ul.normal li { 	
			font-size:125%; 
			padding:2px 0px;
		}
		
		p.normal, 
		p.text {	
			margin:0px 0px 20px 0px; 
			font-size:100%; 
			line-height:1.6em;
		}
		
		
		a {	
			text-decoration :none !important; 
			font-weight:normal !important; 
			/*color:#03c !important;*/
		}
		
		p.normal a {
		color:#03c !important;
		}
		
		a:hover {	
			text-decoration :underline !important; 
			font-weight:normal !important;
			color:#000;
		}
		
		div.block img {	
			border: 1px solid #e4e4e4;
		}


/*start - news */

		div.story_second { 
			width:49%; float:left;
			position:relative; 
			margin:0px 0px 0px 0px;  padding:0px; 
		}
		
		div.story_third { 
			width:auto; position:relative; 
			margin:0px 0px 0px 50%; padding:0px; 
		}
		
		div.story_secondandthird {position:relative; padding:10px 0px 0px 0px;  width:100%;} 
		
		div.top_story img.pic, 
		div.story_second img.pic,  
		div.story_third img.pic {
			float:left; 
			margin-right:10px; 
			border:0px; 
			position:relative;
		} 
		
		p.summary {
			font-size:100%; 
			line-height:1.5em; 
			margin:0px; 
			
		}
		

		div.story_headline { 
			position:relative; 
			margin:7px 0px 0px 0px; 
			padding:7px 0px 5px 0px; 
			font-size:100% !important; 
			color:#4775D2 !important; clear:left; /*text-indent:-0.1em;*/
		}
		
		div.story_headline a {
			color:#000 !important; padding:0px 0px 0px 0px;
		}
		div.story_headline span.text{
			line-height:1.5em;  display:block; padding:2px 0px 0px 30px; 
		}
		
		
		p.story_ongoing{ 
			background-color: #f4f4f4;
			position:relative; 
			margin:4px 0px 10px 20px; 
			padding:3px 0px 3px 0px; 
			font-size:100%; 
			border:1px solid #e4e4e4; 
		} 
		
		p.story_ongoing a {
			color:#000 !important;
		}
		
		p.story a {
			text-decoration:none !important; 
			color:#000 !important;
		}
		
		span.date {
			font-size:80% !important; 
			color:#4775D2 !important;
		}

/* Headers */

		h1 { 
			font-family: Trebuchet MS, Verdana, Arial !important; 
			font-size:150% !important; color:#666;
			font-weight:bold;
		}  
			
		h1 span.sub, 
		h1 span.sub_r, 
		h1 span.sub_g, 
		h1 span.sub_t, 
		h1 span.sub_s {
			border-left:1px solid #ccc; 
			font-weight:normal; 
			font-family : Verdana, Geneva, Arial, Helvetica, sans-serif !important; 
			color:#4775D2; 
			padding-left: 10px; 
			margin-left: 5px; 
			font-weight:bold; 
			font-size:80% !important;
		}
		
		h2 {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif !important; margin:0px 0px 20px 0px; padding:0px; color:#4775D2; font-weight:bold; font-size:110% !important;} 
		h2.story {font-size:110% !important; color:#000; font-family : Arial, Helvetica, sans-serif; margin:0px; }
		
		
		h3 {
			font-weight:bold; 
			font-size:100% !important; 
			margin:4px 0px; 
			padding:0px;
			font-family : Verdana, Geneva, Arial, Helvetica, sans-serif !important;
		}
		
		h3 a {	
			font-weight:bold !important; 
			font-size:100% !important; 
			margin:0px; 
			padding:0px; 
			color:#000 !important; 
			position:relative;
		}  
		
		h3 a:hover {
			font-weight:bold !important; 
			color:#03c !important; 
			text-decoration:none !important;
		}

/* ---- End headers ---- */
/* ---- Some generic layout stuff ---- */
		
		
		div.all a.all {
			 font-weight:normal; font-size:1em; color:#000;    height:10px; text-transform:uppercase; 
		} 
		
		div.all a.all:hover {
			font-weight:normal;
		}

/* ---- Separator between main and reduced view news items ---- */
div.line {border:1px dashed #e4e4e4; margin-bottom:15px; margin-top:10px;}


/* ---- This is the separator tag for each month in the archive ----*/
h3.archive {
	margin:20px 0px;
	padding:10px 0px;
	border-bottom:1px dashed #999;
}


/*------------------ Vertical Navigation --------------------*/
/* --------- Level 1 is general categories -------------*/
ul.nav { margin:0px; padding:0px;  list-style:none; }
ul.nav li a {display: block; width:170px;} ul.nav li {	display: inline; }
ul.nav a.level1 {margin:3px 5px 0px 0px; padding:5px 0px 5px 5px; padding:5px 0px 5px 7px; background-color:#fff; width:170px; text-decoration:none; border:1px solid #e4e4e4; padding:5px 0px 5px 5px; color:#000; }
ul.nav a.level1_selected {margin:3px 5px 0px 0px; padding:5px 0px 5px 5px; padding:5px 0px 5px 7px; background-color:#fff; width:170px; text-decoration:none; border:1px solid #e4e4e4; padding:5px 0px 5px 5px; color:#4775D2; border-bottom:1px dashed #e4e4e4; color:#000; font-weight:bold;}

/*---------- Level2 is news story stuff ----------------*/

ul.nav li {width:auto;}
ul.nav li a.level2,
ul.nav li a.l2_general,
ul.nav li a.l2_oubbc,
ul.nav li a.l2_research,
ul.nav li a.l2_student{
	margin:0px 5px 0px 0px; 
	padding:8px 0px 5px 5px;  
	/* border-bottom:1px dashed #e4e4e4; */
	background-color:#fff;  
	text-decoration:none; 
	border-left:1px solid #e4e4e4; 
	border-right:1px solid #e4e4e4; 
} 
ul.nav li  span.text {padding: 1px 0px 0px 28px;}

/* ----------------- Level 3 is image bank stuff---------------*/
/* ----------------- Image bank list types ----------------*/
/****************/
/* Generic look */
/****************/
		ul.nav a.level3,
		ul.nav a.l3_latestnews,
		ul.nav a.l3_oustudents,
		ul.nav a.l3_oubbc,
		ul.nav a.l3_oustaff{
			width:170px; 
			margin:0px 100px 0px 0px; 
			padding:5px 0px 5px 5px;  
			/* border-bottom:1px dashed #e4e4e4; */
			background-color:#fff; 
			width:170px; 
			text-decoration:none; 
			border-left:1px solid #e4e4e4; 
			border-right:1px solid #e4e4e4; 
		} 
		ul.nav a.l3_oustaff { border-bottom:1px solid #e4e4e4;}

/******************/
/* custom colours */
/******************/

		li a.l3_latestnews {padding: 0px 10px 0px 100px; background-image: url(../img/image_icon_latest_news.gif); background-repeat:no-repeat;  }
		li a.l3_oustudents {background-image: url(../img/image_icon_ou_students.gif); background-repeat:no-repeat;  }
		li a.l3_oubbc {background-image: url(../img/image_icon_ou_bbc.gif);background-repeat:no-repeat;  }
		li a.l3_oustaff {background-image: url(../img/image_icon_ou_staff.gif); background-repeat:no-repeat;  }

/* ----------------- End Image bank list types ----------------*/

		ul.nav a.level2_selected  {margin:0px 5px 0px 0px; padding:5px 0px 5px 5px;   border-bottom:1px dashed #e4e4e4;
 background-color:#f4f4f4; width:170px; text-decoration:none; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; font-weight:normal; color:#000; } 
		ul.nav a.level2_last {margin:0px 5px 0px 0px;  padding:5px 0px 5px 5px; border-bottom:1px dashed #f4f4f4; background-color:#fff; width:170px; text-decoration:none; border:1px solid #e4e4e4; border-top:none; } 
		
		
		ul.nav a.level2_last_selected {margin:0px 5px 0px 0px; padding:5px 0px 5px 5px; border-bottom:1px dashed #f4f4f4;background-color:#fff; width:170px; text-decoration:none; border:1px solid #e4e4e4; border-top:none;color:#c00; background-color:#f4f4f4; font-weight:normal; color:#000; } 
		
		ul.nav a.level2_archive, 
		ul.nav a.level2_archive_selected {	
			margin:0px 5px 0px 0px;  
			padding:5px 0px 5px 5px; 
			border-bottom:1px dashed #f4f4f4;
			background-color:#fff; 
			width:170px; 
			text-decoration:none; 
			border:1px solid #e4e4e4; 
			border-top:none; 
			background-image: url(../img/archive.gif); 
			background-repeat:no-repeat; 
			padding:5px 0px 5px 5px; 
			background-position:left center; 
		} 
			
		ul.nav a.level2_archive_selected {background-color:#F2F4F7; }
		ul.nav a:hover, ul.nav a.level3 ul.nav li a {background-color:#F2F4F7;  text-decoration:none;}
				
		ul.nav a.level1_rss {	
			margin:3px 0px 0px 7px;
			padding:5px 0px 5px 34px; 
			background-color: transparent;
			width:135px; 
			border:none; 
			background-image: url(../img/rss.gif); 
			background-repeat:no-repeat; 
			background-position:left center; 
			color: none;
		} 
		
		ul.nav a.level1_rss:hover {
			background-color: transparent; 
			text-decoration:underline; 
		}

/* End Vertical Navigation */

/* Quicklink section */

		div.quicklinks { /* float:right;*/ border:1px solid #e4e4e4; margin:0px 0px 10px 0px;}
		div.quicklinks ul {margin:0px; padding:0px 0px 10px 0px;}
		div.quicklinks ul li {list-style:none; padding:2px;} div.quicklinks ul li a {color:#000;}
		div.quicklinks ul li.ex, div.quicklinks ul li.w, div.quicklinks ul li.e, div.quicklinks ul li.i, div.quicklinks ul li.t, div.quicklinks ul li.d {background-repeat:no-repeat; padding-left:15px; background-position: left center; margin:3px 7px;}
		div.quicklinks ul li.ex {background-image: url(../img/expertb.gif); }
		div.quicklinks ul li.w {background-image: url(../img/webb.gif); }
		div.quicklinks ul li.e {background-image: url(../img/email.gif); }
		div.quicklinks ul li.t {background-image: url(../img/phone.gif); }
		div.quicklinks ul li.d {background-image: url(../img/full.gif); }
		div.quicklinks ul li.i {background-image: url(../img/highres.gif); }
		div.quicklinks ul li.title {margin:20px 5px 0px 5px; width:auto; font-weight:bold; color:#4775D2;}
		div.quicklinks ul li.title2 {background-color:#f4f4f4; border-bottom:1px dashed #ccc; padding:3px 5px;}
		div.quicklinks ul li.code {padding-left:0px; margin:8px 7px 0px 7px; font-weight:bold;}

/* Story Specific */

		div.story_second div.ongoing, 
		div.story_third div.ongoing, div.top_story div.ongoing {background-color:#f4f4f4; border:1px solid #e4e4e4; padding:0px; margin:0px; position:relative; } 
		
		
		div.story_second div.ongoing p.summary,
		div.story_third div.ongoing p.summary,
		div.story_second div.ongoing span.date_top, 
		div.story_third div.ongoing span.date_top,
		div.story_second div.ongoing h3,
		div.story_third div.ongoing h3 {margin-left:5px;}
		
		
		
		div.story_second div.ongoing img, div.story_third div.ongoing img, div.top_story div.ongoing img {margin:5px;}
		div.story_second div.ongoing p.summary {margin:5px;}
		
		div.story_second div.ongoing span.date_top, div.story_third div.ongoing span.date_top, div.top_story div.ongoing span.date_top {position:relative; top:3px;}
		
		
		
		div.story_second div.ongoing {width:100%;}
		div.story_third div.ongoing {width:100%;}
		
		div.ongoing div.story_headline {background-color:#f4f4f4; padding:3px 1px 3px 0px; margin:10px 0px 0px 0px;}
		div.story_headline {
			padding:3px 1px 3px 0px; 
			margin:10px 0px 0px 0px;
		}
		span.date_top {
			font-size:100%; 
			color:#4775D2; 
			position:relative; 
			margin:0px; 
			padding:0px; 
		}  

/* -------------------- News Type colour tag definitions ---------------------*/

	/****************/
	/* Generic look */
	/****************/
		div.type_top_g, 
		div.type_top_t, 
		div.type_top_r, 
		div.type_top_s { 
			padding:3px; 
			color:#fff; 
			font-weight:bold; 
			width:100px; 
			border:1px solid #ccc; 
			float:right; 
			text-align:center; 
			text-transform:uppercase; 
			position:relative; 
		} 
		
		div.story_headline div.type_g,
		div.story_headline div.type_t,
		div.story_headline div.type_r,
		div.story_headline div.type_s,
		div.story_headline div.type_g 
			{ 
				width:21px; 
				border:1px solid #ccc; 
				padding:3px 1px 0px 1px; 
				margin:0px 5px 0px 0px; 
				color:#fff; 
				font-weight:bold;
				height:18px;  
				text-align:center; 
				text-transform:uppercase; 
				float:left; 
			}
		
		div.type_g_menu, 
		div.type_t_menu, 
		div.type_r_menu, 
		div.type_s_menu { 
			width:21px; 
			padding:3px 1px 0px 1px; 
			margin:4px 3px 4px 4px; 
			color:#fff; 
			font-weight:bold;  
			height:18px; 
			float:right; 
			text-align:center; 
			text-transform:uppercase; 
			vertical-align:middle; 
			position:absolute;  
			border:1px solid #ccc;
		}
		
		div.story_second div.ongoing div.type_top_g,
		div.top_story div.ongoing div.type_top_g,
		div.story_third div.ongoing div.type_top_g,
		div.story_second div.ongoing div.type_top_t,
		div.top_story div.ongoing div.type_top_t,
		div.story_third div.ongoing div.type_top_t,
		div.story_second div.ongoing div.type_top_r,
		div.top_story div.ongoing div.type_top_r,
		div.story_third div.ongoing div.type_top_r,
		div.story_second div.ongoing div.type_top_s,
		div.top_story div.ongoing div.type_top_s,
		div.story_third div.ongoing div.type_top_s{
			margin:5px 3px 0px 0px; 
		}

	/********************************/
	/* Individual Colour extensions */
	/********************************/
		div.type_top_g, div.type_g  {background-color:#C23849; position:relative; font-size:100%;} 
		h1 span.sub_g {color:#C23849;}
		div.type_g_menu  {background-color:#C23849; border-color:#C23849;}
		
		div.type_top_t, div.type_t {background-color:#393993;} 
		h1 span.sub_t {color:#393993;}
		div.type_t_menu  {background-color:#393993;}
		
		div.type_top_r, div.type_r {background-color:#12AD6A;} 
		h1 span.sub_r {color:#12AD6A;} 
		div.type_r_menu  {background-color:#12AD6A;}
		
		div.type_top_s, div.type_s {background-color:#E99B05;} 
		h1 span.sub_s {color:#E99B05;}
		div.type_s_menu  {background-color:#E99B05;} 
		
		ul.nav a.level2_selected_r, 
		ul.nav a.level2_selected_r:hover  {	
			font-weight: normal; 
			color:#000; 
			background-color:#F2F4F7; 
			padding:5px 0px 5px 5px; 
		} 

/*----------------- End News Type colour tag definitions ------------------*/

/*----------------- News table ---------------*/

		table.news {
			margin-top:20px; 
			font-size:100%;
		} 
			
		table.news td{ 
			vertical-align:top;
		}
		
		table.news td.story {
			width:70%;
		} 
		
		table.news td.links {
			width:30%; 
			padding-left:10px;
		}

/*---------------- End News table ---------------*/

/* --------- Experts Guide Specific -------------*/
		div.experts_box {border:1px solid #e4e4e4; padding:2px 0px 5px 8px; background-color:#F6F8FB;}
		div.experts_box select {margin:5px 0px;  }
		div.experts_box input {margin:5px 0px; font-size:100%; color:#4775D2; font-weight:bold; }
/* --------- End Experts Guide Specific ---------*/

/* --------- Image bank specific ----------------*/
		div.image_bank {border:1px solid #ccc; background-color:#E8EBF1; width:135px;  float:left; text-align:center; margin-right:10px; padding-bottom:0px;  vertical-align:middle;}
		div.image_bank div.img {height:138px;}
		div.image_bank div.img img {margin:8px; background-color:#f4f4f4;   vertical-align:middle; }
		div.image_bank a.link { background-image: url(../img/highres.gif); background-repeat:no-repeat; padding-left:13px; background-position:left center;}
		
		div.image_bank div.img_text  p {height:0px; width:135px; color:#666; line-height:1.3em; }
		div.image_bank div.img_text { height:70px; background-color:#fff;  padding: 3px 0px;}
		
		div.image_right {float:right; margin-left:5px; margin-bottom:3px;}
		div.image_left {float:left; margin-top:5px; margin-right:5px; margin-bottom:3px; width:auto; display:block;} div.image_left img, div.image_right img {display:block;}
		div.image_right p ,div.image_left p {font-size:100%; color:#666; margin:5px 0px; padding:0px; width:110px;  }
		
		span.image_left {float:left;} table.image_left
		span.image_left img, div.image_right img {display:block;}
/* --------- End Image bank specific ----------------*/

/*---------------- Image bank type colour tag definitions ---------*/
h3.image_latestnews {background-color:#C23849; padding:2px 3px; position:relative; width: 100px; color:#fff; text-transform:uppercase; text-align:center; font-size:100%; }
h3.image_oustudents {background-color:#393993;padding:2px 3px;width: 100px; color:#fff;text-transform:uppercase;text-align:center;font-size:100%;}
h3.image_oubbc {background-color:#12AD6A;padding:2px 3px; width: 100px;color:#fff;text-transform:uppercase;text-align:center; font-size:100%; }
h3.image_oustaff {background-color:#EBD053;padding:2px 3px;width: 100px; color:#fff;text-transform:uppercase;text-align:center; font-size:100%; } 

div#hornav ul {position:relative; bottom:-1px;}

div.story_links {font-size:100%}