@charset "UTF-8";
/*=========================*/
/*  Francis Rowland, 2008  

    PRESENTATION STYLES

    This is a fairly simple upgrade of the wireframe stylesheet that we started using.
    It introduces colour to things like the horizontal navigation menus and headings; it irons out
    some typography stuff, and generally makes things fit for presentation on 25/09/2008
*/
/*=========================*/
/* === Top-level generic rules === */

*, html { 
	margin:0 0;
	padding:0 0;
	}
	
body {
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:62.5%;
	font-weight:normal;
	color:#333;
	text-align:center;
        /*background:#fff url(../images/Department/general/esc_bg2.png) top left repeat-x;*/
        background:#fff url(../images/Department/general/esc_bg_camb_blue.png) top left repeat-x;
	}

/* ====== */
/* LAYOUT */
/* ====== */

#wrapper {
	margin:0 auto 20px auto;
	width:960px;
	text-align:left;
	}

/* Header */ 	
#camb_banner {width:100%; height:34px; padding-top:2px;}
#camb_contents{width:960px; margin:0 auto; text-align:left;}
#cambridge {
	width:296px;
	height:30px;
	float:left;
	}

#cambridge p {
	width:296px;
	height:30px;
	position:relative;
	}
	
#cambridge p span {
	position:absolute;
	width:100%;
	height:100%;
	}

#old {
	width:331px;
	height:30px;
	float:right;
	}

#old p {
	width:331px;
	height:30px;
	position:relative;
	}	
	
#old p span {
	position:absolute;
	width:100%;
	height:100%;
	}
	
	
#banner {
	height:150px;
	width:960px;
	clear:both;
        position:relative;
	}
	
#dept_logo {
	float:left;
	}	

#banner h1 {
	position:relative;
	}
		
#banner h1 a#logo {
	height:90px;
	width:420px;
	left:10px;
	position:absolute;
	text-indent:-5000px;
	top:25px;
	float:left;
	}			

#searchbox_bg {
	width:280px;
        height:29px;
        padding:5px;
        position:absolute;
        top:35px;
        left:645px;
	}
#searchbox {
	width:280px;
        position:absolute;
        top:39px;
        left:655px;
        z-index:200;
	}

#searchbox #ajaxSearch_input {
        padding:1px;
        margin-right:3px;   
        width:240px;  
        }

#login {}	


/* Horizontal navigation menus and breadbcrumb */
#nav {
        margin:-41px 0 10px 3px !important;
        margin:-45px 0 10px 3px;}	/* This pulls the main navigation up over the bottom 41px of the banner */

/*
#nav ul { display:inline; list-style:none; }
#nav li {float:left; padding-right:10px;}
*/

/* Content */
.off_left {
	position:absolute;
	left:-9999px;
	width:990px;
	}	

#content {
	margin:0 auto;
	width:940px;
	}
#home #content { padding-top:10px; }	

#column_left {
	width:620px;
	float:left;
	}

#column_right {
	width:293px; /* when the inner <div> is pushed 7px out to the left, this makes 300px! */
	float:right;
	}

#sidebar_container {width:273px; margin:0 auto;} /* +7px + 280px */

#lastupdate {margin:10px 0;}
	
/* Profile: Specific elements on a Profile page */
/*
FR (15/10/2008) 
Since I changed the layout of the Profile template, the following style rules
for #details are no longer relavant.
These have been superceded by those for #profile_meta
*/
/*
#details {
	width:940px;
	height:200px;
	position:relative;
	}

#details_text {
	width:620px;
	height:200px;
	float:left;
	position:absolute;
	left:0;
	top:0;
	}

#details_image {
	width:300px;
	height:200px;
	float:right;
	overflow:hidden;
	}
#details_image img { float:right; }
*/

#profile_meta{}
#profile_meta img {overflow:hidden; max-width:200px;}

#profile_text {
	width:940px;
	margin:10px 0;
	padding:10px 0;
	}

/*------ Contact page -----*/
#addresses {
        margin:14px 0; 
        padding-right:15px;
        width:490px;
        border-right:1px dotted #333;
        float:left;
}

#dept_location_map {width:420px; margin:14px 0; float:right;}
#dept_location_map iframe,
#page_nav iframe {border:2px solid #333333;}


div#float_left {float:left; width:300px;}
div#float_right {float:right;}

/*----- Admissions page - equal width 2 columns -----*/
#admissions #left_col { width:460px; float:left; }
#admissions #right_col { width:460px; float:right; }

/*----- Library page - equal width 2 columns -----  used for postgrad page AB */
#library #left_col { width:460px; float:left; }
#library #right_col { width:460px; float:right; }

/* ----- HOMEPAGE ----- */
#home_message {height:365px; width:380px; background:none; float:left; margin-right:10px;}
#admissions_box {
     height:222px; 
     width:332px; 
     background:url(../images/Department/general/admissions_box.png) top left no-repeat !important;
     background:url(../images/Department/general/admissions_box.gif) top left no-repeat; 
     margin:0 auto;}
#admissions_box div {padding:60px 14px 14px 25px;}

/* Rotating, randomised content on homepage */
#home_slide {height:380px; width:538px; background:url(../images/Department/general/home_slide_bg.png) top left no-repeat; float:left; margin:5px 0 10px 10px; position:relative;}
#slide_content {width:460px; overflow:hidden; position:absolute; top:40px; left: 40px;}
#home #content #slide_content img {float:left; padding:2px; margin:0 10px 5px 0; border:1px solid #666;}

/* Currently three vertical columns of secondary interest links/content */
/*
#vignettes {width:940px; clear:both; position: relative; margin:20px 0;}

.vig1_img {display:none; display: block !important; position:absolute; width:90px; height:120px; top:-10px; left:220px; background:url(../images/Department/general/sketch_for_teaching_vignette.png) top left no-repeat;}
.vig2_img {display:none; display: block !important; position:absolute; width:90px; height:120px; top:-10px; left:540px; background:url(../images/Department/general/sketch_for_teaching_vignette.png) top left no-repeat;}
.vig3_img {display:none; display: block !important; position:absolute; width:90px; height:120px; top:-10px; left:860px; background:url(../images/Department/general/sketch_for_teaching_vignette.png) top left no-repeat;}

#vig1{height:170px; width:298px; float:left; margin:10px 20px 10px 0; background:url(../images/Department/general/vignette_bg_orange.png) top left repeat-x; border:1px dotted #cc3333;}
#vig2{height:170px; width:298px; float:left; margin:10px 20px 10px 0; background:url(../images/Department/general/vignette_bg_green.png) top left repeat-x; border:1px dotted #003300;}
#vig3{height:170px; width:298px; float:left; margin:10px 0; background:url(../images/Department/general/vignette_bg_brown.png) top left repeat-x; border:1px dotted #996600;}

div.vig_content {width:280px; margin:10px auto;}
*/

#vignettes {width:940px; clear:both; position: relative; margin:20px 0;}

.vig1_img {display:none; display: block !important; position:absolute; width:90px; height:120px; top:-10px; left:215px; background:url(../images/Department/general/sketch_for_teaching_vignette.png) top left no-repeat;}
.vig3_img {display:none; display: block !important; position:absolute; width:90px; height:120px; top:-10px; left:855px; background:url(../images/Department/general/sketch_for_teaching_vignette.png) top left no-repeat;}

#vig1{height:170px; width:298px; float:left; margin:10px 20px 0 0; border-top:1px solid #000; border-bottom:1px solid #000; }
#vig2{height:170px; width:298px; float:left; margin:10px 20px 0 0; border-top:1px solid #000; border-bottom:1px solid #000; }
#vig3{height:170px; width:298px; float:left; margin:10px 0 0 0; border-top:1px solid #000; border-bottom:1px solid #000; }

div.vig_content {margin:3px auto;}

div.vig_content h4 {border-bottom:1px solid #000; padding:5px 0; text-transform:upper; color:#333;}


/* Ordinary bulleted and numbered lists */
ul,
ol {margin-left:30px;}

td ul,
td ol {margin-left:10px;}
	
/* ===================== */
/*       APPEARANCE      */
/* ===================== */

#wrapper {}
	
/* Header */ 
#camb_banner{background-color:#ffffff;}
#cambridge {}

#cambridge p span {background:#fff url(../images/Department/general/university-of-cambridge-single-line.png) top left no-repeat;}

#old {}

#old p span {background:#fff url(../images/Department/general/800years.png) top right no-repeat;}

#banner {/*background-color:#222288;*/}

#banner h1 a#logo {
        /*
        background:transparent url(../images/Department/general/dept_logo2_grey.png) no-repeat scroll left top !important;
        background:transparent url(../images/Department/general/dept_logo2_grey.gif) no-repeat scroll left top;
        */
        background:transparent url(../images/Department/general/dept_logo2_white.png) no-repeat scroll left top !important;
        background:transparent url(../images/Department/general/dept_logo2_white_brown_matte.gif) no-repeat scroll left top;
        }

#login {}

/* ----- Search form / results ----- */

#searchbox {}

#searchbox #ajaxSearch_input {
        font-size:1.6em; 
        background-color:#f3f3f3;
        }

#searchbox_bg {
        border:1px solid white;
        background:#f3f3f3;
        opacity:.4;
        filter: alpha(opacity=40);
        z-index:100;
        }
/* NOTE: 
Opacity / Transparency is not yet a CSS standard. However, it works in all modern browsers, and is a part of the W3C CSS 3 recommendation.
*/

.ajaxSearch_paging {font-size:1.4em; line-height:1.4em;}
.ajaxSearch_result {background-color:#f7f7f7; border-bottom:1px dotted #666666; padding:10px; margin-bottom:10px;}
.ajaxSearch_resultLink {font-size:1.4em; line-height:1.4em;}
.ajaxSearch_resultDescription {display:none;}

/* ----- Latest News box on homepage ----- */
#home_slide {font-family:Georgia, "Times New Roman", Times, serif;}

/*=========================*/
/*  Horizontal navigation  */
/*=========================*/

#nav {}

#main_nav {height:3.2em; padding-left:10px; position:relative;}
#secondary_nav {height:3em; padding-left:10px; position: relative;} 
#breadcrumb {height:2em; padding-left:10px; padding-top:0.2em;}


#main_nav ul {
	font-size:1.5em;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family:Helvetica, Verdana, Arial sans-serif;
	font-weight:normal;
	position:absolute; 
	bottom:0;
	padding-bottom:2px;
	margin-left:-10px;
	margin-bottom:0;
	line-height:inherit;
	}
#secondary_nav ul {
	font-size:1.4em;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family:Helvetica, Verdana, Arialm sans-serif;
	font-weight:normal;
	position:absolute;
	bottom:5px;
	margin-left:-8px;
	margin-bottom:0;
	line-height:inherit;
	}

/* We want to show the user what section they are in and sometimes 
     on which page, so we need to highlight those menu items in some way */
#main_nav {}


#main_nav ul li,
#secondary_nav ul li{
list-style: none;
display: inline;
margin: 0;
}

#main_nav ul li a{
text-decoration: none;
letter-spacing:0.05em;
padding: 5px 0.6em 3px 0.6em;
}

#main_nav ul li a:link, 
#main_nav ul li a:visited{color:#000000;}

/*
#home #main_nav ul li a:hover,
#admissions #main_nav ul li a:hover,
#teaching #main_nav ul li a:hover,
#research #main_nav ul li a:hover,
#resources #main_nav ul li a:hover,
#contact #main_nav ul li a:hover,
#people #main_nav ul li a:hover,
#news #main_nav ul li a:hover,
#library ...
*/

#main_nav ul li a:hover{
	color:#ffffff;
	background:url(../images/Department/general/main_menu_li_bg.png) top left repeat !important;
	background:#ccc;
}
/*change main nav menu colors here - main_menu_li_bg.png for people_2menu_bg.png  Jan 2009*/
/*[FR] - 26/01/2009  // Please be careful about these edits. Using a background image that wasn't intended for this purpose,
and having no text colour change in these menu items is not desirable //  */


/* Styling for the menu link text on each section (so that it contrasts well with the bg colour!) */

/* Styling for current items on the MAIN menu */
#home #main_nav ul li.current  a,
#home #main_nav ul li.current  a:link,
#home #main_nav ul li.current  a:visited {color:#000000; background-color:#FF9999; background:url(../images/Department/general/main_menu_li_bg.png) top left repeat !important;}
#home #main_nav ul li.current  a:hover,
#home #main_nav ul li.current  a:active {color:#ffffff; background-color:#FF9999;}

#admissions #main_nav ul li.current a,
#admissions #main_nav ul li.current  a:link,
#admissions #main_nav ul li.current  a:visited {color:#996633; background-color:#ecebb9;}
#admissions #main_nav ul li.current  a:hover,
#admissions #main_nav ul li.current  a:active {color:#000000; background-color:#ecebb9;}

#teaching #main_nav ul li.current a,
#teaching #main_nav ul li.current  a:link,
#teaching #main_nav ul li.current  a:visited {color:#CC3333; background-color:#FFCC66;}
#teaching #main_nav ul li.current  a:hover,
#teaching #main_nav ul li.current  a:active {color:#ffffff; background:#FFCC66;}

#research #main_nav ul li.current a,
#research #main_nav ul li.current  a:link,
#research #main_nav ul li.current  a:visited {color:#CCFF99; background-color:#669933;}
#research #main_nav ul li.current  a:hover,
#research #main_nav ul li.current  a:active {color:#ffffff; background-color:#669933;}

#resources #main_nav ul li.current a {background-color:#CC9933;}
#resources #main_nav ul li.current a,
#resources #main_nav ul li.current  a:link,
#resources #main_nav ul li.current  a:visited {color:#663300; background-color:#E3BF71;}
#resources #main_nav ul li.current  a:hover,
#resources #main_nav ul li.current  a:active {color:#ffffff; background-color:#E3BF71;}

#contact #main_nav ul li.current a {background-color:#99CC99;}
#contact #main_nav ul li.current  a,
#contact #main_nav ul li.current  a:link,
#contact #main_nav ul li.current  a:visited {color:#003300; background-color:#99CC99;}
#contact #main_nav ul li.current  a:hover,
#contact #main_nav ul li.current  a:active {color:#ffffff; background-color:#99CC99;}

#people #main_nav ul li.current a {background-color:#6699CC;}
#people #main_nav ul li.current  a,
#people #main_nav ul li.current  a:link,
#people #main_nav ul li.current  a:visited {color:#003366; background-color:#6699CC;}
#people #main_nav ul li.current  a:hover,
#people #main_nav ul li.current  a:active {color:#ffffff; background-color:#6699CC;}

#news #main_nav ul li.current a {background-color:#D3BACB;}
#news #main_nav ul li.current  a,
#news #main_nav ul li.current  a:link,
#news #main_nav ul li.current  a:visited {color:#333366; background-color:#D3BACB;}
#news #main_nav ul li.current  a:hover,
#news #main_nav ul li.current  a:active {color:#ffffff; background-color:#D3BACB;}

#library #main_nav ul li.current a {background-color:#CC9933;}
#library #main_nav ul li.current a,
#library #main_nav ul li.current  a:link,
#library #main_nav ul li.current  a:visited {color:#663300; background-color:#E3BF71;}
#library #main_nav ul li.current  a:hover,
#library #main_nav ul li.current  a:active {color:#000000; background-color:#E3BF71;}

/* Styling for the last item (Museum) on the main menu */
#main_nav ul li.last a:hover,
#main_nav ul li.last a:active {background:url(../images/Department/general/externalLink.png) no-repeat right top; color:#000000; padding-right:12px;}

/*--------------------------*/
/* Secondary nav menu rules */
/*--------------------------*/

/* Home has no secondary nav, and Museum links straight to another site  */
#admissions #secondary_nav {background-color:#ecebb9; background:url(../images/Department/general/admissions_2menu_bg.png) bottom left repeat-x !important;}
#admissions #secondary_nav a,
#admissions #secondary_nav a:link,
#admissions #secondary_nav a:visited {color:#996633;}
#admissions #secondary_nav a:hover,
#admissions #secondary_nav a:active {color:#000000;}

#teaching #secondary_nav {background:#FFCC66; background:url(../images/Department/general/teaching_2menu_bg.png) bottom left repeat-x !important;}
#teaching #secondary_nav a,
#teaching #secondary_nav a:link,
#teaching #secondary_nav a:visited {color:#CC3333;}
#teaching #secondary_nav a:hover,
#teaching #secondary_nav a:active {color:#ffffff;}

#research #secondary_nav {background-color:#669933; background:url(../images/Department/general/research_2menu_bg.png) bottom left repeat-x !important;}
#research #secondary_nav a,
#research #secondary_nav a:link,
#research #secondary_nav a:visited {color:#CCFF99;}
#research #secondary_nav a:hover,
#research #secondary_nav a:active {color:#ffffff;}

#resources #secondary_nav {background-color:#E3BF71; background:url(../images/Department/general/resources_2menu_bg.png) bottom left repeat-x !important;}
#resources #secondary_nav a,
#resources #secondary_nav a:link,
#resources #secondary_nav a:visited {color:#663300;}
#resources #secondary_nav a:hover,
#resources #secondary_nav a:active {color:#ffffff;}

#contact #secondary_nav {background-color:#99cc99; background:url(../images/Department/general/contact_2menu_bg.png) bottom left repeat-x !important;}
#contact #secondary_nav a,
#contact #secondary_nav a:link,
#contact #secondary_nav a:visited {color:#003300;}
#contact #secondary_nav a:hover,
#contact #secondary_nav a:active {color:#ffffff;}

#people #secondary_nav {background-color:#6699CC; background:url(../images/Department/general/people_2menu_bg.png) bottom left repeat-x !important;}
#people #secondary_nav a,
#people #secondary_nav a:link,
#people #secondary_nav a:visited {color:#003366;}
#people #secondary_nav a:hover,
#people #secondary_nav a:active {color:#ffffff;}

#news #secondary_nav {background-color:#D3BACB; background:url(../images/Department/general/news_2menu_bg.png) bottom left repeat-x !important;}
#news #secondary_nav a,
#news #secondary_nav a:link,
#news #secondary_nav a:visited {color:#333366;}
#news #secondary_nav a:hover,
#news #secondary_nav a:active {color:#ffffff;}


/* 27/11/2008 [FR] = For the time being, the teaching pages are going to have to look just like the Resources ones.
I am no longer working on this project, so I don't have time to create lots of new stuff. */
#library #secondary_nav {background-color:#E3BF71; background:url(../images/Department/general/resources_2menu_bg.png) bottom left repeat-x !important;}
#library #secondary_nav a,
#library #secondary_nav a:link,
#library #secondary_nav a:visited {color:#663300;}
#library #secondary_nav a:hover,
#library #secondary_nav a:active {color:#ffffff;}

#secondary_nav li a{
text-decoration: none;
padding: 3px 0.6em;
}

#secondary_nav ul li a:link, 
#secondary_nav ul li a:visited{}

#secondary_nav ul li a:hover{text-decoration:none;}

/* Simple styling for current items on the SECONDARY menu */
#secondary_nav ul li.current a{text-decoration:underline;}


/*=========================*/
/*       Content           */
/*=========================*/

#content {
	/*border:1px solid black;
	background:#F5F5CC;*/
	}

/* Profile page rules */
#details {}

#details_text {}

#details_image {}

#profile_text {border-top:1px dotted #666;}

/* 2-col page rules for each column */
#column_left {}
#column_right {color:#666666;}

/*----- add drop-shadow effect to sidebar (column_right) -----*/
/* Props to Stu Nicholls for this - http://www.cssplay.co.uk/menu/shadow2.html */
.outer {
  display:block; 
  background:#bbb; 
  border:1px solid #ddd; 
  position:relative;
  margin:0;
  padding:0;
  }
.inner { 
  background:#ffffff url(../images/Department/general/sidebar_bg_2.png) top left repeat-x;
  border:1px solid #666; 
  position:relative; 
  padding:10px;
  font-weight:normal;
  }
.ltin {
  left:-7px;
  }
.tpin {
  top:-5px;
  }


#dept_location_map {}

/*---------------------*/
/*        Links        */
/*---------------------*/

#content a,
#content a:link {
	color:#006699;
	text-decoration:none;
	border-bottom:1px dotted #006699;
	}

#content a:visited {
	color:#990000;
	text-decoration:none;
	border-bottom:1px dotted #990000;
	}

#content a:hover,
#content a:active {
	color:#339933;
	text-decoration:none;
	border-bottom:1px dotted #339933;
	background-color:#e3e3e3;
	} 

a img {border:0 none;}

/* External and email links */
a.email {
	background: url(../images/Department/general/email.png) no-repeat right top;
	padding-right:15px;
	}

a.external {
	background: url(../images/Department/general/externalLink.png) no-repeat right top;
	padding-right:10px;	
	}

/* Links to PDFs and Word docs also need a bit of style */
a.pdf {
	background: url(../images/Department/general/pdf_button.png) no-repeat right top;
	padding-right:18px;
	}

a.word {
	background: url(../images/Department/general/word_document.gif) no-repeat right top;
	padding-right:18px;
	}

span.emo_address {color:#ff0000;} /* This <span> wraps the warning text that appears 
                                                                     if the client has JS disabled, and they can't see the email address...  */
	
/*----- Content paragraphs and lists -----*/
p, ul, ol { font-size:1.4em; line-height:1.4em;}
p, ul, ol {margin-bottom:0.7em;}
#home_message p {color:#000000;}

/* Lists within lists shouldn't have a font-size greater than 1,
     since they actually inherit the font-size of their parent, 
     and so 1.4 x 1.4 is bigger! */
p p,	 
ul ul,
ul ul ul,
ul ol,
ol ul,
ul ol ul,
ul ol ol,
ol ul ul,
ol ul ol,
td ul {font-size:1em;}

/*----- headings -----*/

h1, h2, h3, h4 { font-family:Georgia, "Times New Roman", Times, serif; color:#000; font-weight:normal; margin-bottom:7px; }

h1 {font-size:2.2em;}
h2 {font-size:2em;}
h3 {font-size:1.8em;}
h4 {font-size:1.6em;}

#column_left h4 {font-style:italic;}

/*#section_nav h4 a:link,
#section_nav h4 a:visited {border-bottom:0 none; color:#000000;}*/

#section_nav h4 a:hover,
#section_nav h4 a:active {
	color:#339933;
	text-decoration:none;
	border-bottom:1px dotted #339933;
	background-color:#e3e3e3;
	} 
#admissions h1, #admissions h2, #admissions h3, #admissions h4, #admissions #admissions h4 a:link, #admissions #section_nav h4 a:visited  {color:#996633;}
#teaching h1, #teaching h2, #teaching h3, #teaching h4, #teaching #section_nav h4 a:link, #teaching #section_nav h4 a:visited {color:#CC3300;}
#research h1, #research h2, #research h3, #research h4 {color:#669933;}
#resources h1, #resources h2, #resources h3, #resources h4 {color:#663300;}
#contact h1, #contact h2, #contact h3, #contact h4 {color:#003300;}
#people h1, #people h2, #people h3, #people h4 {color:#003366;}
#news h1, #news h2, #news h3, #news h4 {color:#333366;}
/* 27/11/2008 [FR] = For the time being, the teaching pages are going to have to look just like the Resources ones.
I am no longer working on this project, so I don't have time to create lots of new stuff. */
#library h1, #library h2, #library h3, #library h4 {color:#663300;}

/*----- error pages -----*/
body.error #content h1,
body.error #content h2,
body.error #content h3,

body.error #content h4 {color:#ff0000;}

/*---------------------*/
/*       Forms         */
/*---------------------*/

form {border:0 none;}

#searchbox fieldset {border:0 none;}

/*---------------------*/
/*       Tables        */
/*---------------------*/
table { 
	border:1px dotted #cccccc;
	padding:0.3em;
	margin:0.5em 0;
	border-collapse:collapse;
	}

/*caption {display:none;}*/
caption { padding:0.5em 0; font-size:1.4em; font-weight:bold; }
th,
td { 
	width:auto;
	min-width:10em;
	padding:0.5em;
	border:0 none;
	vertical-align:top;
	border:1px solid #ccc;
	}

th {
	background-color:#e6e6e6;
	font-size:1.3em;
	}	
td {font-size:1.3em; line-height:1.3em;}


/*---------------------*/
/*     Sidebar         */
/*---------------------*/

/* Lists of links to anchors on the same page */
#page_nav ul {
	margin-left:0;
	padding-bottom:10px;
	background:url(../images/Department/general/fading_line_divider2.gif) bottom left no-repeat;
	list-style:none;
	}
#page_nav ul li {padding-left:10px;}	

/* Lists of links to other pages within this section */
#section_nav {}
#section_nav ul {list-style:circle; margin-left:15px;}
#section_nav ul li {line-height:1.5em;}

#section_nav ul li.current a,
#section_nav ul li.current a:link,
#section_nav ul li.current a:visited {font-weight:bold;}

/*---------------------*/
/*       Images        */
/*---------------------*/

img {margin-bottom:10px;}

.image_left {
     float: left;
     margin-right: 15px;
     }
.image_right {
     float: right;
     margin-left: 15px
     }

.image_centre {
	display:block;
	margin:0 auto;
	}

/* If the image_caption trickery is applied to an image, 
     we need to control the positioning of the div that magically
     wraps it then, and the effect it has on document flow... */

div.arc90_imgcaption {margin-bottom:10px;}
div.arc90_imgcaption img {margin-bottom:5px;}

div.image_left {padding-right:15px;}
div.image_right {padding-left:15px;}

#content img { padding: 5px; border: 1px solid #aaa; background-color:#f4f4f4; }
#home #content img {padding:0; margin:0; border:0 none; background:none;}

div.arrange_images {
     margin:0 auto;
     width:auto;
     /*margin-left:80px;*/
     padding:10px 0;
     clear:both;
}

div.arrange_images img {
     float:left;
     margin-right:10px;
}
img.logo {display:none;} /* switches off the Talk List logo image */


/*-------------------------*/
/*    News summaries       */
/*-------------------------*/
div.homepage_news_item {}

div.news_item_summary {background-color:#f7f7f7; border-bottom:1px dotted #666666; padding:10px; margin-bottom:10px;}
div.news_item_author p {color:#999999;font-size:small;}
div.news_item_summary h1,
div.homepage_news_item h1 {display:none;}

/*-------------------------*/
/*   Talks and Seminars    */
/*------------------------ */

/* Adding our own styling to
   the default talks list
   produced by Talks.cam   */
/*-------------------------*/

/* No need to show the Listing description, etc */
div.listdetail {display:none;}
div.vevent {background-color:#f7f7f7; border-bottom:1px dotted #666666; padding:10px; margin-bottom:10px;}
div.vevent h2.summary {font-size:1.6em;}
div.vevent p {margin-bottom:0.1em;}

div.vevent p img {margin-right:5px;}
/* Location is always the same, so we can hide that, too */




div.vevent p.location {display:none;}

div.vevent p.talks {font-weight:bold;}
#content div.vevent p.talks a,
#content div.vevent p.talks a:link,
#content div.vevent p.talks a:visited,
#content div.vevent p.talks a:hover,
#content div.vevent p.talks a:active {background:#ccc url(../images/Department/general/externalLink.png) no-repeat right top; color:#000000; padding-right:12px;}

/* HOMEPAGE seminar annoucement... */
div.simplewithlogo h2 {font-size:1.6em;}
div.simplewithlogo h3 {font-size:1.4em;}
div.vig_content p.talks {display:none;} /* This says "Powered by Talks.cam" */
/*=============*/
/*  Custom style rules   */
/*=============*/
/* Style the "Last updated by... " bit */
p.last_updated {font-size:small; color:#999999; font-family:Georgia, "Times New Roman", Times, serif;}

/* image captions */
p.arc90_imgcaptionTXT { font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; color:#666666;}

/* Highlight letter  -  initially used on the Laboratories PROCESS page */
span.highlight_letter { color:#000; font-size:1.2em; font-weight:bold;}

/* Highlight text */
span.highlight_text {color:#990000;}

br.clear {clear:both;}

hr {border:0 none; height:15px; width:300px; margin:0 auto 10px auto; background:url(../images/Department/general/page_divider2.png) top center no-repeat !important;}

abbr {cursor:help;}

span.amp {
  font-family: Didot, "Palatino Linotype", "Book Antiqua", serif;
  font-style: italic;
  }

ajaxSearch_highlight{background-color:#ffef84; color:#000000;}  

p.technorati_link {text-align:center;}
p.technorati_link a {font-size:0.9em;}

/*----- Quotes (e.g. from studetns, staff, etc) ------*/
p.quote { font-family:Georgia, Times, serif; color:black; font-style:italic; }

/*
 *------------------*
 *	 Microformats   *	
 *------------------*
 */
 .vevent {}
	 .summary {}
	 .dtstart {}
	 .dtend {}
	 .description {}
	
.vcard {}
	.fn {}
	.n {}
	.honorific-prefix {}
	.given-name {}
	.family-name {}
	.honorific-suffix {}
	
	.adr {}
		.extended-address {}
		.street-address {}
		.locality {}
		.region {}
		.postal-code {}
		.country-name {}

.person .note,
.person .url { display:none; }

.vevent abbr,
.vcard abbr { text-decoration:none; border:0 none; }