/* ----------------------------------------------------------------
	TRANSFOP colours

	grey: #666666 or #444444
	mid grey: #cccccc
	light grey: #e0e0e0
	dark purple: #664051
	light purple: #CCACBB
	lighter purple: #d9cfd4
	lighter again purple: #F2ECEF
---------------------------------------------------------------- */

h1, h2, h3, h4, h5 { color:#664051; }
th { background-color:#664051; }

/* classes */
.rightimage { background-image:url(/media/universityofexeter/webteam/styleassets/images/transfop/transfopbottom.gif); }
.intro { color:#664051; }

/* override main css */
div#supernav { position:absolute; top:0; right:0; margin:0; padding:0; margin-top:7px; margin-right:20px; }
div#search { position:absolute; top:0; right:0; margin-top:25px; margin-right:20px; }

/* ----------------------------------------------------------------
	Left nav
---------------------------------------------------------------- */
/* tier 1*/
div#leftnav ul { line-height:1.7em; }

div#leftnav ul li a:hover, div#leftnav ul li a:active { background-color:#664051; }

div#leftnav ul li span { background-color:#664051; }

div#leftnav ul li span a:hover, div#leftnav ul li span a:active { background-color:#664051; }

/* tier 2 */
div#leftnav ul li ul li a:link, div#leftnav ul li ul li a:visited { background-color:#CCACBB; }

div#leftnav ul li ul li a:hover, div#leftnav ul li ul li a:active { background-color:#664051; }

div#leftnav ul li ul li span { background-color:#664051; }

div#leftnav ul li ul li span a:link, div#leftnav ul li ul li span a:visited { background-color:#CCACBB; }

div#leftnav ul li ul li span a:hover, div#leftnav ul li ul li span a:active { background-color:#664051 !important; }

/* tier 3 */
div#leftnav ul li ul li ul li a:link, div#leftnav ul li ul li ul li a:visited { background-color:#d9cfd4; }

div#leftnav ul li ul li ul li a:hover, div#leftnav ul li ul li ul li a:active { background-color:#664051; }

div#leftnav ul li ul li ul li span { background-color:#664051; }

div#leftnav ul li ul li ul li span a:link, div#leftnav ul li ul li ul li span a:visited { background-color:#d9cfd4; }

div#leftnav ul li ul li ul li span a:hover, div#leftnav ul li ul li ul li span a:active { background-color:#664051 !important; }

/* tier 4 */
div#leftnav ul li ul li ul li ul li a:link, div#leftnav ul li ul li ul li ul li a:visited { background-color:#F2ECEF; }

div#leftnav ul li ul li ul li ul li a:hover, div#leftnav ul li ul li ul li ul li a:active { background-color:#664051; }

div#leftnav ul li ul li ul li ul li span { background-color:#664051; }

div#leftnav ul li ul li ul li ul li span a:link, div#leftnav ul li ul li ul li ul li span a:visited { background-color:#F2ECEF; }

div#leftnav ul li ul li ul li ul li span a:hover, div#leftnav ul li ul li ul li ul li span a:active { background-color:#664051 !important; }


/* ----------------------------------------------------------------
	Right nav
---------------------------------------------------------------- */
div#rightnav { background-image:url(/media/universityofexeter/webteam/styleassets/images/transfop/transfopbottom.gif); }


/* ----------------------------------------------------------------
	Content
---------------------------------------------------------------- */
div#pageheader { position:relative; top:0; left:0; margin:0; padding:0; font-family:Georgia, Arial, Helvetica, sans-serif; font-size:1.5em; line-height:1.2em; padding-bottom:10px; font-weight:normal; color:#ffffff; background-color:#664051; padding:5px 0 5px 20px; width:672px; }

div#navheading { position:relative; top:0; left:0; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif, Bitstream Vera Sans; font-size:0.8em; line-height:1.4em; background-color:#664051; font-weight:bold; color:#ffffff; padding:4px 3px 7px 10px; width:205px; }

/* splash top */
div#splashtop { background-color:#e0e0e0; }
div#splashheading { display:none; }
div#splashbody { background-color:#e0e0e0; }
div#splashbodynolink { position:relative; top:0; left:0; margin:0; padding:0; width:692px; background-color:#e0e0e0; }
div#splashbodynolink .introtext { color:#666666; font-weight:bold; line-height:1.4em; margin-left:470px; margin-top:-267px; width:200px; min-height:267px; }
div#splashbodynolink .introtext a { font-weight:normal; }

.box .boxheader { padding:7px 3px 7px 10px; background-color:#664051; }
.box p { padding:3px 3px 3px 10px; }

/* feature boxes */

div#panel { position:relative; top:0; left:0; margin:0; padding:0; width:952px; overflow:hidden; }
div#panel2 { position:relative; top:0; left:0; margin:0; padding:0; width:715px; overflow:hidden; }
div#splitter { position:relative; top:0; left:0; margin:0; padding:0; width:700px; height:1px; float:left; }

/* 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:#d9cfd4; background-image:url(/media/universityofexeter/webteam/styleassets/images/researchbottom.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/webteam/styleassets/images/transfop/transfoptop.gif); background-position:left top; background-repeat:no-repeat; padding:0; margin:0; padding:3px 5px 5px 10px; font-weight:bold; background-color:#664051; }
.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:#664051; 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:#664051; color:#ffffff; padding:4px 3px 7px 10px; width:205px; background-image:url(/media/universityofexeter/webteam/styleassets/images/researchbottomdark.gif); background-position:bottom right; background-repeat:no-repeat; }

/* quotes */
.quote { background-image:url(/media/universityofexeter/webteam/styleassets/images/transfop/transfop_quote_left.gif); background-color:#d9cfd4; }
.quote_inner { background-image:url(/media/universityofexeter/webteam/styleassets/images/transfop/transfop_quote_right.gif); color:#444444; }

.quotenarrow { background-image:url(/media/universityofexeter/webteam/styleassets/images/transfop/transfop_quote_left.gif); background-color:#d9cfd4; }
.quotenarrow_inner { background-image:url(/media/universityofexeter/webteam/styleassets/images/transfop/transfop_quote_right.gif); color:#444444; }

/* staff profiles */
.profile { border:#664051 1px solid; }

.profilenarrow { border:#664051 1px solid; }

/* highlight boxes */
.highlight { background-image:url(/media/universityofexeter/webteam/styleassets/images/transfop/transfopleftbar.gif); background-color:#d9cfd4; }

.highlightnarrow { background-image:url(/media/universityofexeter/webteam/styleassets/images/transfop/transfopleftbar.gif); background-color:#d9cfd4; }

/* key selling points */
div#subject_ksp { position:relative; top:0; left:0; margin:0; padding:0; background-image:url(/media/universityofexeter/webteam/styleassets/images/transfop/transfopleftbar.gif); background-position:top left; background-repeat:repeat-y;  margin-bottom:20px; }
div#subject_kspinner { position:relative; top:0; left:0; margin:0; padding:0; width:382px; margin-left:5px; background-color:#d9cfd4; padding:10px; }
div#subject_kspinner ul { position:relative; top:0; left:0; list-style:none; margin:0; padding:0; }
div#subject_kspinner ul li { line-height:1.6em; font-weight:normal; margin:0; padding:0; color:#444444; }


/* ----------------------------------------------------------------
	Footer
---------------------------------------------------------------- */
div#footer { position:relative; top:0; left:0; margin:0; padding:0; width:932px; background-color:#666666; margin:0 20px 0 0; }
div#footer .footerheader { font-family:Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:bold; color:#ffffff; padding:0; margin:0; padding-bottom:10px; }
div#facewalls { position:relative; top:0; left:0; margin:0; padding:0; width:230px; padding:10px 0 10px 10px; }
div#blogs { position:absolute; top:0; left:240px; margin:0; padding:0; width:228px; padding:10px 0 10px 10px; }
div#blogs .addthis_button { margin-top:3px; }
div#blogs img { padding:0 5px 0 0; margin-top:-5px; }
div#socialmedia { position:absolute; top:0; left:478px; margin:0; padding:0; width:228px; padding:10px 0 10px 10px; }
div#socialmedia img { padding:0 5px 0 0; margin-top:-5px; }
div#accreditation { position:absolute; top:0; left:716px; margin:0; padding:0; width:208px; padding:10px 0 10px 10px; }
div#footer .footerinner { position:relative; top:0; left:0; margin:0; padding:0; height:80px; padding-right:10px; border-right:1px solid #ffffff;  }
div#footer .footerinnerlast { position:relative; top:0; left:0; margin:0; padding:0; padding-right:10px; border:none;  }
div#footer a { color:#ffffff; 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.7em; line-height:1.4em; margin:0; padding:0; color:#ffffff;  }
div#footer ul { font-size:0.7em; line-height:1.8em; margin:0; padding:0; color:#ffffff; list-style:none; margin-left:-11px; }