* {
	margin: 0;
	padding: 0;
	}
	

.none {
	display: none;
	}
	
body {
	font: x-small Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
 	voice-family: "\"}\"";
	voice-family:inherit;
	font-size: small;
	}

html>body {font-size: small;}

/* A minor hack to force the scroll bar (and stop the page from jumping horizontally) */
html {
	min-height:100%;
	margin-bottom:20px;
}
	
a {
	color: #830051;
	text-decoration: none;
	}
	
a:hover {
	text-decoration:underline;
	color: #8E9300;
	}
	
a:visited.articleText{
      color: #6E267B;
      text-decoration: none;
}

h1	{
	color:#000000;
	font-size: 100%;
	font-size: 1.4em;
	font-weight:100;
	padding: 2px 0 0 5px;
	}
	
h2	{
	color:#000000;
	font-size: 0.9em;
	padding: 5px;
	}
	
h3	{
	color:#ffffff;
	font-size: 95%;
	padding: 5px 0 5px 5px;
	}
	
h4	{
	color:#666666;
	font-size: 90%;
	padding: 10px 4px 3px 4px;
	}
	
img {
	border:none;
	}
	
/*custom search button*/	
#mysubmit { 
	background-color: #766a62; 
	font-size: 100%;
	font-weight: bold;
	color: #ffffff;
	border: none;
	padding: 1px;
	}
	
	/*custom search button image version*/	
#replacement-1 {
  width: 60px;
  height: 30px;
  margin: 0;
  padding: 0;
  border: 0;
  background: url(../img/search_box_image.jpg)no-repeat center top;
  float:inherit
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

#replacement-2 {
  width: 60px;
  height: 30px;
  padding: 55px 0 0;
  margin: 0;
  border: 0;
  background: url(../img/search_box_image.jpg)no-repeat center top;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}
form>#replacement-2 { /* For non-IE browsers*/
  height: 0px;

}


* html div#search {  /* For IE browsers to position add a float left with padding also if required*/
margin:-16px;
}
	
	
 /* The parent container */  
 
#container {  
 	width: 950px;
	margin-left: auto;
	margin-right: auto;
 	}
	
#header {
	height:130px;
	width:950px;
	padding-top: 8px;
	background:url(../img/top_alt_b_new.png) no-repeat bottom;
	}
	
#header img.mrclogo{
	clear: left;
	padding:10px;
	/* hack to position the MRC logo correctly in both IE and Firefox */
	position:absolute;
	top:18px;
	}
	
 /* Content*/ 
	
#innercontainer {
	width:950px;
	overflow:auto;
	background:url(../img/side.gif) repeat-y;
	}
	
#content {
	width:696px;
	float:left;
	color:#656565;
	border-right:7px solid #cecdcd;
	border-left:7px solid #cecdcd;
	}
	
#content_subtop {
	width:696px;
	float:left;
	color:none;
	border-right:7px solid #cecdcd;
	border-left:7px solid #cecdcd;
	}
	
#content ul{ 
	margin: 0 0 0 15px;
	padding:10px;
	list-style-type:square;
	}
	

#content no ul{ 
	margin: 0 0 0 15px;
	padding:10px;
	list-style-no;
	}
	
/* numbered list with indent*/ 

#content ol{ 
	margin: 0 0 0 15px;
	padding:10px;
	list-style-type:number;
	}
	
	
#content img.title {
	margin-left:7px;
	}

/* photo layouts*/ 
	
#content img.large-photo {
	float:right;
	border:1px solid #cecdcd;
	margin:0 20px 0 0;
	padding:5px;
	}

	#content img.large-photo.nooutline {
	float:right;
	border:none;
	margin:0 20px 0 0;
	padding:5px;
	}

	#content img.large-photomargin {
	float:left;
	border:1px solid #cecdcd;
	margin:10px 20px 5px 0;
	padding:5px;
	}

	
#content img.large-photo_left {
	float:left;
	border:1px solid #cecdcd;
	padding:6px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0;
	}


#content p{
	margin:0 5px 0 5px;
	}
	
 /* Home Page styles */  
	
#content-top {
	width:694px;
	float:left;
	color:#656565;
	border-bottom:9px solid #cecdcd;
	padding-left: 2px;
	padding-bottom: 2px;
	}
	
#content-top p{
	margin-right:0;
	}
	
#content-top img.photo {
	margin: 0 10px 0 0;
	float: left;
	}
	
#content-top img.corner {
	float:right;
	}
	
 /* Updated */ 
	
#content-a {
	width:450px;
	float:left;
	padding: 0 0 10px 10px;
	}
	
#content-a p{
	padding: 5px 5px 5px 0;
	}
	
#news {
	height:auto;
	border-bottom: 1px solid #cecdcd;
	font-size: 90%;
	padding: 5px 0 16px 0;
	}
	
.title-link {
	background: url(../img/title-b.gif) no-repeat;
	margin: 10px 0 0 0;
	}
	
.title-linkb {
	background: url(../img/title-b.gif) no-repeat;
	margin: 25px 0 0 0;
	}
	
.title-news {
	margin: 10px 0 0 0;
	background-image: url(../img/title-a.gif);
	background-repeat: no-repeat;
	}
	
#news img.newsphoto {
	float: left;
	margin-right: 5px;
	color: #666666;
	padding: 1px;
	background-color: #CCC;
	margin-top: 5px;
	margin-bottom: 15px;
	}
	
		/*front page photo small with bottom extra margin*/	
	
#news img.newsphoto.c {
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	color: #666666;
	padding: 1px;
	background-color: #CCC;
	margin-top: 5px;
	}
	
#content-b {
	width:222px;
	float:right;
	}
	
#content-b p{
	padding: 7px 0 20px 0;
	font-size: 90%;
	}
	
#content-b a{
	color:#000000;
	}
	
.igmmlogo {
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	}
	
.photob_green_outline{
	float: left;
	margin-right: 8px;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	background-color:#4c8d94;
	border:none;
	}

.photob_no_border{
	float: left;
	margin-right: 8px;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	background-color:none;
	border:none;
	}
	
.photo_b_right{
	float: right;
	margin-right: 8px;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	background-color:#4c8d94;
	border:none;
	}
	
.photoC{
	float: left;
	margin-right: 8px;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	background-color:none;
	border:none;
	}
	
.photod{
	float: left;
	margin-right: 8px;
	margin-bottom: 12px;
	margin-left: 5px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	background-color:none;
	border:none;
	}
	
	.photo_nooutline{
	float: right;
	margin-right: 8px;
	margin-bottom: 8px;
	padding-top: 15px;
	padding-right: 2px;
	padding-bottom: 9px;
	padding-left: 2px;
	background-color:none;
	border:none;
	}
	
	
.coloured_header_block{
	margin-right: 3px;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 3px;
	background-color:#4c8d94;
	foont-colour:#
	border:none;
	}
	
.coloured_header_about__block{
	margin-right: 3px;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 3px;
	background-color:#9a1c4f;
	border:none;
	}
	
.newsheader-box{
    margin: 5px;
    width: 303px;
	background-image:url(../img/ntitle_b.gif)
}

/* transparent image rollover*/ 
transparent-image{
opacity:0.4;
filter:alpha(opacity=40);
}


/* coloured para block*/ 
	
p.note {
	padding:20px;
	background:#6a8a7f;
	color:#fff;
	}
	

/* rounded corner block1*/ 

.curved-box{
    margin: 10px;
    width: 298px;
    background-color: #c3d0d4;
}

.curved-box h2{
    background: #c3d0d4 url(../img/curved_box_top.png) no-repeat left top;
    color: #f4fbfd;
    padding: 10px 15px 5px 15px;
}

.curved-box h4{
    background: #c3d0d4 url(../img/curved_box_bottom.png) no-repeat left bottom;
    margin: 0px;
    padding: 5px 15px 10px 15px;
    text-align: left;
} 


/* rounded corner block2 light blue USED this one*/ 

.b1f, .b2f, .b3f, .b4f {
	font-size:1px; overflow:hidden; display:block;}

.b1f {
	height:1px; background:#c3d0d4; margin:0 5px;}

.b2f {
	height:1px; background:#c3d0d4; margin:0 3px;}

.b3f {
	height:1px; background:#c3d0d4; margin:0 2px;}

.b4f {
	height:2px; background:#c3d0d4; margin:0 1px;}

.contentf {
	background: #c3d0d4;}

.contentf div {
	margin-left: 5px;
	padding-bottom: 5px;
	padding-left: 5px;		
}


/* rounded corner block2 light orange USED in NEWS section*/ 

.b1g, .b2g, .b3g, .b4g{
	font-size:1px; overflow:hidden; display:block;
	}

.b1g {
	height:1px; background:#FCC395; margin:0 5px;
	}

.b2g {
	height:1px; background:#FCC395; margin:0 3px;
	}

.b3g {
	height:1px; background:#FCC395; margin:0 2px;
	}

.b4g {
	height:2px; background:#FCC395; margin:0 1px;
	}

.contentg {
	background:#FCC395;
	}

.contentg div 
	{
	margin-left: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}



	
 /* OLD - Major Editing and changes ----------------- 
	
#content-a {
	width:250px;
	float:left;
	margin-left:10px;
	margin-bottom:15px;
	}
	
#news {
	width: 250px;
	height: 66px;
	background-color: #eeeded;
	border-bottom: 1px solid #cecdcd;
	font-size: 85%;
	}
	
#news2 {
	width: 240px;
	padding:5px;
	background-color: #eeeded;
	border-bottom: 1px solid #cecdcd;
	font-size: 85%;
	margin-bottom:10px;
	}
	
#news img.newsphoto {
	float: left;
	margin-right: 5px;
	}
	
#content-b {
	width:240px;
	float:left;
	margin-left:10px;
	}
	
#content-c {
	width:170px;
	float:right;
	}
	
#content-c img.logo {
	border:none;
	padding:85px 0 0 6px;
	}
	
--------------------------- Major Editing and changes - OLD */ 
	
 /* Sub Page styles */ 
 
  
  
  /* Style for Research page photos with larger txt wrap area*/ 
 
.top-photo {
	padding: 10px 10px 40px 17px;
	float: left;
	}
	
/* style for photo on sub pages */ 
	
.top-photo_b {
	padding: 10px 10px 30px 17px;
	float: left;
	}
	
	
.top-photo_white_border {
	float: left;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-top: 10px;
	margin-left: 17px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	background-color:#FFFFFF;
	border:3px;
	}
	
	

/* Image style with grey outline border */ 
	
.news-photo_b {
	float: left;
	margin-right: 8px;
	margin-LEFT: 8px;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	background-color:#7A7A7A;
	border:0.3px;
	}
	
.news-photo_b_rightposition {
	float: right;
	margin-right: 8px;
	margin-LEFT: 8px;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	background-color:#7A7A7A;
	border:0.3px;
	}
	
	
/* photo frame with top margin */ 
	
.news-photo_b_rightmarg {
	float: right;
	margin-right: 8px;
	margin-LEFT: 8px;
	margin-bottom: 5px;
	margin-top: 12px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	background-color:#7A7A7A;
	border:0.3px;
	}
	 
 /* Underline for sectioning articles */ 
 
#end {
	border-bottom: 1px solid #7A7A7A;
	width: auto;
	margin-right: nonex;
	margin-LEFT: none;
	margin-bottom: 8px;
	}
	
#end2 {
	border-bottom: 1px dotted #8E9300;
	width: auto;
	margin-right: 15px;
	margin-LEFT: 0px;
	margin-bottom: 5px;
	}
	
	
#end3 {
	border-bottom: 1px dotted #E37222;
	width: auto;
	}
	
	
/* Underline for sectioning articles IN COLOUR */ 

#end4 {
	border-bottom: 1px solid #7A7A7A;
	width: auto;
	margin-right: 15px;
	margin-LEFT: 15px;
	margin-bottom: 5px;
	}
	
#end5 {
	border-bottom: 1px solid #7A7A7A;
	width: auto;
	margin-right: 15px;
	margin-LEFT: 0px;
	margin-bottom: 5px;
	}
	
	

#about-content-top {
	width:696px;
	float:right;
	background-color:#FCEBF1;
	}
	
#about-content-top_b {
	width:696px;
	float:right;
	background: url(../img/about_top_bknd.jpg) repeat-x;
	background-color: none;
	}
	
#research-content-top {
	width:696px;
	float:right;
	background-color:#D6E7E9;
	}
	
/* content top of the page block for research pages*/ 
	
#research_b-content-top {
	width:686px;
	float:right;
	background-color: none;
	border-bottom: none;
	width: auto;
	padding-right:10px;
	}
	
/* end of style*/ 
	
#vacancies-content-top {
	width:696px;
	float:right;
	background-color:#E8DFDD;
	}
	
	
#contact-content-top {
	width:696px;
	float:right;
	background-color:#E6E6E6;
	}
	
#news-content-top {
	width:696px;
	float:right;
	background-color:#FBE4D7;
	}
	
#links-content-top {
	width:696px;
	float:right;
	background-color:#DAE5DC;
	}
	
#publications-content-top {
	width:696px;
	float:right;
	background-color:#E0DFE1;
	}

/* NOT USED (next 2 styles) */ 	

#publications-content-top-seminars-spring_summer {
	width:696px;
	float:right;
	background-color:#FFDFD0;
	}
	
#publications-content-top-seminars-winter {
	width:696px;
	float:right;
	background-color:#CFE0F3;
	}
	
	
#seminars-content-top {
	width:696px;
	float:right;
	background-color:#EDDEE9;
	}

#column-l {
	float:left;
	width:325px;
	padding: 0 10px 0 10px;
	}
	
#column-r {
	float:right;
	width:325px;
	padding: 0 10px 0 10px;
	}
	
 /* Staff photo gallery page */

table.staff {
	width:660px;
	display:block;
	margin: 13px;
 	}
	
table.staff td.name{
	text-align:left;
	}
	
table.staff td{
	border:1px solid #cecdcd;
	padding:10px 0 10px 10px;
	width:220px;
	}
	
table.staff img.photo{
	margin-right:10px;
	border:1px solid #cecdcd;
	float:right;
	height:50px;
	width:75px;
	}
	
table.staff img.nophoto{
	margin-right:10px;
	border:1px dashed #cecdcd;
	float:left;
	}
	
table.staff td p{
	padding:5px 0 0 0;
	}
	
 /* Staff contact details */  
	
table.contact {
	margin: 2px 0 0 15px;
	}
	
table.contact td{
	padding: 4px;
	}
	
table.contact td.key{
	text-align:right;
	display:block;
	}
	
table.contact td.key2{
	text-align:left;
	display:block;
	}
	
/* colour block for table in vacancies section */ 

.block vacancies{
	background-color:#766A62;
	border:0.3px;
	}
	 
	
 /* Side navigation */  
	
#nav {  
	width:240px;    
	float:left;
	}
	
#nav ul{ 
	list-style-type:none;  
	}
	
#nav ul li a{
	border-left:7px solid #cecdcd;
	border-bottom:1px solid #cecdcd;
	display: block;
	text-decoration: none;
	color:#ffffff;
	font-size: 85%;
	padding: 5px;
	text-decoration: none;
	min-height:17px;
	height:auto !important;
	height:14px;
	}
	
#nav li.one a_a {  
 	background: #9a1c4f; 
	}

#nav li.one a {  
 	background: url(../img/atitle_b_auto.gif) repeat-x; 
	}
	
#nav ul li.one a:hover_not used{
	background: url(../img/aroll.gif) no-repeat;
	border:none;
	padding: 5px 5px 5px 12px;
	border-bottom:1px solid #cecdcd;
	}
	
#nav ul li.one a:hover{ /* this is a solid background for Navigation (no graduation)hover */
	background: #9a1c4f;
	border:none;
	padding: 5px 5px 5px 12px;
	border-bottom:1px solid #cecdcd;
	}
	
	
#nav li.about a_a {  
 	background: #9a1c4f; /* this is a solid background for Navigation (no graduation) a_a */
	}
	
#nav li.about a {  
 	background: url(../img/atitle_b_auto.gif) repeat-x; 
	}
	
	
#nav ul li.about a:hover_not used{
	background: url(../img/aroll.gif) no-repeat;
	border:none;
	padding: 5px 5px 5px 12px;
	border-bottom:1px solid #cecdcd;
	}
	
#nav ul li.about a:hover{
	background: #9a1c4f;
	border:none;
	padding: 5px 5px 5px 12px;
	border-bottom:1px solid #cecdcd;
	}
	
	
#nav li.about-sub a {  
 	background: #F0EFEF;
	color:#9a1c4f;
	}
	
#nav ul li.about-sub a:hover{
	background: url(../img/roll.gif) no-repeat;	
	border-left:7px solid #9a1c4f;
	}
	
#nav ul li.about-sub-selected a{
	background: url(../img/roll.gif) no-repeat;	
	border-left:7px solid #9a1c4f;
	color:#9a1c4f;
	}
	
#nav li.research a_a {  
	background: #4c8d94; 
	}
	
#nav li.research a {  
	 background: url(../img/rtitle_b_auto.gif) repeat-x; 
	}
	
#nav ul li.research a:hover_not used{
	background: url(../img/rroll.gif) no-repeat;
	border:none;
	padding: 5px 5px 5px 12px;
	border-bottom:1px solid #cecdcd;
	}
	
#nav ul li.research a:hover{
	background: #4c8d94;
	border:none;
	padding: 5px 5px 5px 12px;
	border-bottom:1px solid #cecdcd;
	}
	
#nav li.research-sub a {  
 	background: #F0EFEF;
	color:#9a1c4f;
	}
	
#nav ul li.research-sub a:hover{
	background: url(../img/roll.gif) no-repeat;	
	border-left:7px solid #4c8d94;
	}
	
#nav ul li.research-sub-selected a{
	background: url(../img/roll.gif) no-repeat;	
	border-left:7px solid #4c8d94;
	color:#9a1c4f;
	}
	
#nav li.vacancies a_a {  
	background: #B2968F; 
	}
	
	#nav li.vacancies a {  
	background: url(../img/vtitle_b_auto.gif) repeat-x; 
	}

	
#nav ul li.vacancies a:hover_not used{
	background: url(../img/vroll.gif) no-repeat;
	border:none;
	padding: 5px 5px 5px 12px;
	border-bottom:1px solid #cecdcd;
	}
	
#nav ul li.vacancies a:hover{
	background: #B2968F;
	border:none;
	padding: 5px 5px 5px 12px;
	border-bottom:1px solid #cecdcd;
	}
	
#nav li.vacancies-sub a {  
 	background: #F0EFEF;
	color:#9a1c4f;
	}
	
#nav ul li.vacancies-sub a:hover{
	background: url(../img/roll.gif) no-repeat;	
	border-left:7px solid #B2968F;
	}
	
#nav ul li.vacancies-sub-selected a{
	background: url(../img/roll.gif) no-repeat;	
	border-left:7px solid #B2968F;
	color:#9a1c4f;
	}
	
#nav li.contact a_a {  
	background: #535352; 
	}
	
	#nav li.contact a {  
	background: url(../img/ctitle_b_auto.gif) repeat-x; 
	}
	
#nav ul li.contact a:hover_not used{
	background: url(../img/croll.gif) no-repeat;
	border:none;
	padding: 5px 5px 5px 12px;
	border-bottom:1px solid #cecdcd;
	}
	
#nav ul li.contact a:hover{
	background: #535352;
	border:none;
	padding: 5px 5px 5px 12px;
	border-bottom:1px solid #cecdcd;
	}
	
#nav li.contact-sub a {  
 	background: #F0EFEF;
	color:#9a1c4f;
	}
	
#nav ul li.contact-sub a:hover{
	background: url(../img/roll.gif) no-repeat;	
	border-left:7px solid #535352;
	}
	
#nav ul li.contact-sub-selected a{
	background: url(../img/roll.gif) no-repeat;	
	border-left:7px solid #535352;
	color:#9a1c4f;
	}
	
#nav li.news a_a { 
        background: #DC8703;  /* Changed #EA6F24 to #DC8703 */
        }
		
		#nav li.news a { 
		background: url(../img/ntitle_b_auto.gif) repeat-x; 
	}
       
#nav ul li.news a:hover_not used{
        background: url(../img/nroll.gif) no-repeat;
        border:none;
        padding: 5px 5px 5px 12px;
        border-bottom:1px solid #cecdcd;
        }
		
#nav ul li.news a:hover{
        background: #DC8703;
        border:none;
        padding: 5px 5px 5px 12px;
        border-bottom:1px solid #cecdcd;
        }
       
#nav li.news-sub a { 
        background: #F0EFEF;
        color:#9a1c4f;
        }
       
#nav ul li.news-sub a:hover{
        background: url(../img/roll.gif) no-repeat;    
        border-left:7px solid #DC8703; /* Changed #EA6F24 to #DC8703 */
        }
       
#nav ul li.news-sub-selected a{
        background: url(../img/roll.gif) no-repeat;    
        border-left:7px solid #DC8703; /* Changed #EA6F24 to #DC8703 */
        color:#9a1c4f;
        } 
	
#nav li.publications a_a {  
	background: #A1A0A4; 
	}
	
	#nav li.publications a {  
	background: url(../img/ptitle_b_auto.gif) repeat-x; 
	}
	
#nav ul li.publications a:hover_not used{
	background: url(../img/proll.gif) no-repeat;
	border:none;
	padding: 5px 5px 5px 12px;
	border-bottom:1px solid #cecdcd;
	}
	
#nav ul li.publications a:hover{
	background: #A1A0A4;
	border:none;
	padding: 5px 5px 5px 12px;
	border-bottom:1px solid #cecdcd;
	}
	
#nav li.publications-sub a {  
 	background: #F0EFEF;
	color:#9a1c4f;
	}
	
#nav ul li.publications-sub a:hover{
	background: url(../img/roll.gif) no-repeat;	
	border-left:7px solid #A1A0A4;
	}
	
#nav ul li.publications-sub-selected a{
	background: url(../img/roll.gif) no-repeat;	
	border-left:7px solid #A1A0A4;
	color:#9a1c4f;
	}
	
#nav li.seminars a_a {  
	background: #AB6196; 
	}
	
	#nav li.seminars a {  
	background: url(../img/stitle_b_auto.gif) repeat-x; 
	}
	
#nav ul li.seminars a:hover_not used{
	background: url(../img/sroll.gif) no-repeat;
	border:none;
	padding: 5px 5px 5px 12px;
	border-bottom:1px solid #cecdcd;
	}
	
#nav ul li.seminars a:hover{
	background: #AB6196;
	border:none;
	padding: 5px 5px 5px 12px;
	border-bottom:1px solid #cecdcd;
	}
	
#nav li.seminars-sub a {  
 	background: #F0EFEF;
	color:#9a1c4f;
	}
	
#nav ul li.seminars-sub a:hover{
	background: url(../img/roll.gif) no-repeat;	
	border-left:7px solid #AB6196;
	}
	
#nav ul li.seminars-sub-selected a{
	background: url(../img/roll.gif) no-repeat;	
	border-left:7px solid #AB6196;
	color:#9a1c4f;
	}

 /* Search box */ 

#searchbox{
	background: none;
	clear:right;
	float:right;
	font-size: 90%;
	font-weight:lighter;
	text-align: justify;
	padding: 0 12px 0 0;
	} 
	
 /* Top navigation */ 
 
#topnav {
	clear: both;
	vertical-align: top;
	
	}	
	
#topnav ul {
	list-style-type: none;
	}
	
#topnav ul li {
	float: right;
	}

#topnav ul li a{
	display: block;
	text-decoration: none;
	font-size: 85%;
	font-weight: lighter;
	color:#656565;
	padding: 10px;
	}
	
#topnav ul li a:hover{
	text-decoration: underline;
	}
	
/* Quick links -------- Updated */  
	
#linksnav {
	width: 210px;
	}
	
#linksnav ul {
	list-style-type: none;
	padding:0;
	margin:0;
	}
	
#linksnav ul li {
	padding:3px;
	border-bottom: 1px solid #cecdcd;
	list-style-position:inside;
	list-style-image: url(../img/bullet_b.gif);
	}
	
#linksnav ul li a{
	text-decoration: none;
	color:#000000;
	font-size: 85%;
	}
	
#linksnav ul li a:hover{
	text-decoration: underline;
	}
	
	
	
	
/* research people names sub sub menu navigation */  
	

#nav li.r-sub_indent a {
	background: #ffffff;
	color:#000000;
	padding: 2px 2px 2px 12px;
	}
	
#nav ul li.r-sub_indent a:hover{
	background: url(../img/roll.gif) no-repeat;	
	border-left:7px solid #830051;
	}
	
#nav ul li.r-sub-selected_indent a{
	background: url(../img/roll.gif) no-repeat;	
	border-left:7px solid #830051;
	color:#000000;
	}
	
	
/* about the unit sub sub menu navigation */  
	

#nav li.about-sub_indent a {
	background: #ffffff;
	color:#000000;
	padding: 2px 2px 2px 12px;
	}
	
#nav ul li.about-sub_indent a:hover{
	background: url(../img/roll.gif) no-repeat;	
	border-left:7px solid #4c8d94;
	}
	
#nav ul li.about-sub-selected_indent a{
	background: url(../img/roll.gif) no-repeat;	
	border-left:5px solid #4c8d94;
	color:#000000;
	}


/* seminars sub sub selected colour menu navigation */  
	

#nav li.seminars-sub_indent a {
	background: #ffffff;
	color:#000000;
	padding: 2px 2px 2px 6px;
	}
	
#nav ul li.seminars-sub_indent a:hover{
	background: url(../img/roll.gif) no-repeat;	
	border-left:7px solid #4c8d94;
	}
	
#nav ul li.seminars-sub-selected_indent a{
	background: url(../img/roll.gif) no-repeat;	
	border-left:5px solid #6E267B;
	color:#000000;
	}


 /* Footer */  

#footer {
	width:950px;
	clear:both;
	text-align: center;
	font-size: 85%;
	}

#footer p {
	padding: 2px 20px 2px 1px;
	}
	
.bullet{
	color:#9a1c4f;
	}
	
/* alternative text colours */  
	
.alt_b{
	color:#766A62;
	}
	
.alt_c{ color:#6a8a7f; 
	}
	
.alt_d{
	color:#6e267b;
	}
	
.alt_e{
	color:#E37222;
	}
	
.alt_f{
	color:#006983;
	}

.alt_g{
	color:#006983;
	}

.alt_h{
	color:#C00;
	}
	
.alt_limegreen{
	color:#8E9300;
	}

.alt_red{
	color:#C00;
	}

.alt_igmm{
	color:#666699;
	}
	
.number list{
	color:#9a1c4f;
	list-style-position: outside;
	}
	
/* people finder Form style */  

#info {
	background:#E6E6E6;
	width:165px;
	float:none;
	padding:10px 20px 0 30px;
}

#info_right {display:block; float:right; width:200px; padding:10px; color:#006983;}
#info_right p {margin:0 0 10px 0;}
#info_right form fieldset {padding:5px; border:0; margin:0 0 0 0;}
#info_right ol {margin-top:40px;}
#info_right ol li {margin-bottom:5px;}
#info_right li a, #info_right li a:visited {color:#8E9300; font-size:10px; text-decoration:none;}
#info_right li a:hover {text-decoration:underline;}
#info_right_home {float:left; width:250px; overflow:hidden;}
#info_right_home a img {border:0; display:block;
}


/* table using css style */  


.container {
  display: table;
}

.row {
  display: table-row;
}

.cell {
  display: table-cell;
  width: 100px;
  height: 30px;
  border: 1px solid blue;
  padding: 1em;
}


/* new table using css style */  

table.contacts
{ width: 640px;
background-color: #6a8a7f;
border: none;
border-collapse: collapse;
border-spacing: 0px;
margin: 2px 0 0 15px;
	}


td.contactDept
{ background-color: none;
background:url(../img/vtitle_bb.gif) repeat-x;
border: none;
font-family: Verdana;
font-weight: bold;
font-size: 12px;
color: #ffffff;
padding-left: 5px;  }


td.contact
{ border-bottom: 1px #6e267b dotted;
text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: small;
color: #404040;
background-color: #fafafa;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px; }

td.blankcell
{ border-bottom: 1px #766A62 dotted;
text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: small;
color: #ffffff;
background-color: #ffffff;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px; }


	
 /* Titles */ 
 
 /* to make shading more subtle remove a b from the code example: background:url(../img/atitle_b.gif) repeat-x;*/ 
 
 .atitle {	
	background:url(../img/atitle_bb.gif) repeat-x;
	}
	
	.atitle_B {
	background:url(../img/atitle_BBN.gif) repeat-x;
	height: auto;
	padding: 0 0 3px 0;
	}
	
.ltitle {	
	background:url(../img/ltitle_bb.gif) repeat-x;
	}
	
.rtitle {	
	background:url(../img/rtitle_bb.gif) repeat-x;
	}
	
 .vtitle {	
	background:url(../img/vtitle_bb.gif) repeat-x;
	}
	
 .ctitle {	
	background:url(../img/ctitle_bb.gif) repeat-x;
	}
	
.ntitle {	
	background:url(../img/ntitle_bb.gif) repeat-x;
	}
	
.ptitle {	
	background:url(../img/ptitle_bb.gif) repeat-x;
	}
	
.stitle {	
	background:url(../img/stitle_bb.gif) repeat-x;
	}
	
 /* Corners */ 
	
.tm	{	
	background:url(../img/t-middle.gif) repeat-x;
	}

.bm	{	
	background:url(../img/t-middle.gif) repeat-x bottom;
	}

.lm	{	
	background:url(../img/side.gif) repeat-y;
	}

.rm	{	
	background:url(../img/side.gif) repeat-y right;
	}

	
.bl {
	background:url(../img/bl-corner.gif) 0 100% no-repeat;
	}
	
.br {
	background:url(../img/br-corner.gif) 100% 100% no-repeat;
	}
	
.ct {
	background:url(../img/c_top.gif) 100% 0 no-repeat;
	}

.cr {
	background:url(../img/content_r.gif) 100% 100% no-repeat;
	}
	

#column-full-custom
{
	float:left;
	width:600px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

/* widget pop up box code*/

.lbGallery { 
			/*gallery container settings*/
			background-color: #ffcc00;
			padding-left: 20px;  
			padding-top: 20px;  
			padding-right: 20px;  
			padding-bottom: 20px;  
			width: 280px;
			height: auto;
			text-align:left;
		}
		.lbGallery ul { list-style: none; margin:0;padding:0; }
		.lbGallery ul li { display: inline;margin:0;padding:0; }
		.lbGallery ul li a{text-decoration:none;}
			
		.lbGallery ul li a img {
			/*border color, width and margin for the images*/
			border-color: #ffffff;
			border-left-width: 10px;
			border-top-width: 10px;
			border-right-width: 10px;
			border-bottom-width: 20px;
			margin-left:5px;
			margin-right:5px;
			margin-top:5px;
			margin-bottom:5px:
			}
			
		.lbGallery ul li a:hover img {	
			/*background color on hover*/
			border-color: #ffff00;
			border-left-width: 10px;
			border-top-width: 10px;
			border-right-width: 10px;
			border-bottom-width: 20px;
		}
			
		#lightbox-container-image-box {
			border-top: 2px solid #ff3300;
			border-right: 2px solid #ff3300;
			border-bottom: 2px solid #ff3300;
			border-left: 2px solid #ff3300;
			}
			
		#lightbox-container-image-data-box { 
			border-top: 0px;
			border-right: 2px solid #ff3300;
			border-bottom: 2px solid #ff3300;
			border-left: 2px solid #ff3300;
			}

