/* ---------------------------------------------------------------------------------------------------------------- *
Type: Interim Style Sheet
Version: 0.1
Author: Steven Ross
Email: steven.ross@ed.ac.uk
/* ---------------------------------------------------------------------------------------------------------------- */

/* Globals / Body */
/* ---------------------------------------------------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
	
body { margin: 0; padding: 0; text-align: center; color: #000000; background: #ffffff url(../images/pageBG.jpg) repeat-x;}

/* YUI Font size reset 
Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt
version: 2.3.1 */
body {font:13px/1.22 arial,helvetica,clean,sans-serif; font-size:small;}
table {font-size: inherit; }
/* Bump up IE to get to 13px equivalent */
pre,code,kbd,samp,tt {font-family:monospace; font-size:108%; line-height:99%;}
/* ---------------------------------------------------------------------------------------------------------------- */

/* University Header */
/* ---------------------------------------------------------------------------------------------------------------- */
#header {background: #25476C url(../images/headerBGfull4.jpg) no-repeat; height: 65px; border-bottom: #CAD8E5 5px solid;} 
#branding {float: left; width: 305px;}
#branding a {color: #ffffff;}
#branding span {display: block; text-indent: -5000px; margin-left: 73px; background: url(../images/uofe4.jpg) no-repeat; width: 230px; height: 64px;}
#branding img {float: left; padding-right: 5px; border: none;}
/* ---------------------------------------------------------------------------------------------------------------- */


/* Unit Header */
/* ---------------------------------------------------------------------------------------------------------------- */
html>body #sectionHeader {
	clear: both;
	background: #ffffff;
	height: 40px;
	margin-bottom: 0px;
} 
#sectionHeader a {text-decoration: none;}
#sectionHeader span.showSection {font-size: 167%; /* 22px */ color: #ffffff; background: #25476C  url(../images/unitHeadBG.jpg) repeat-x; display: block; padding: 10px 0 0 10px; height: 35px;}
#sectionHeader span:hover {color: #FF0000; text-decoration: underline;}
#sectionHeader span.hideSection {display: block; text-indent: -5000px; margin: 0; padding: 0; margin-bottom:0px;/*old ie*/}
#sectionHeader img {margin: 0; border: none; padding: 0;}
/* ---------------------------------------------------------------------------------------------------------------- */


/* Sub section header */
/* ---------------------------------------------------------------------------------------------------------------- */
#contentArea .childHeader { font-size: 138.5%; /* 18px */ color: #25476C; background: #F2F2F2; padding: 10px 0 5px 3px; margin-right: -163px; /* border-top: #FFFFFF 10px solid; */}
#contentArea .childHeader a {color: #25476C; text-decoration: none;}
#contentArea .childHeader a:hover {text-decoration: underline; color: #FF0000;}
/* ---------------------------------------------------------------------------------------------------------------- */


/* Container */
/* ---------------------------------------------------------------------------------------------------------------- */
#container { width: 780px; background: #FFFFFF;	margin: 0 auto; text-align: left;}
/*#container { min-width: 780px; background: #FFFFFF;	margin: 0 auto; text-align: left;}  */

.standalone-standard #container { background: url(../images/2colbackground.gif) repeat-y;}
.sub-standard #container { background: url(../images/3colContainer.jpg) repeat-y;}
.oversize-standard #container { width: 100%;} 
/* ---------------------------------------------------------------------------------------------------------------- */


/* Content Area Layouts */
/* ---------------------------------------------------------------------------------------------------------------- */
.standalone-standard #contentArea  { margin: 0 0 0 150px; padding: 5px 10px 5px 15px;}
.sub-standard #contentArea { margin: 0 150px 0 150px; padding: 0 10px 5px 15px;}
.nonav-standard #contentArea { margin: 0; padding: 5px 10px;}
.oversize-standard #contentArea { margin: 0; padding: 5px 10px;}


/* Navigation */
/* Global Navigation */
/* ---------------------------------------------------------------------------------------------------------------- */
#globalNav {font-size: 85%; background: #25476C; padding-right: 10px; float: right;}
#globalNav li {list-style: none; text-align: right;}
#globalNav li a {text-decoration: none; color: #FFFFFF; }
#globalNav li a:hover {text-decoration: underline; color: #FF0000;}
/* ---------------------------------------------------------------------------------------------------------------- */


/* Primary Navigation */
/* ---------------------------------------------------------------------------------------------------------------- */
#primaryNav { clear: both; width: 150px; float: left;}
#primaryNav ul { margin-left: 0px; background-color: #ffffff;}
#primaryNav li, #secondaryNav li { list-style: none; line-height: 1.5em; font-size: 100%; /* 14px */ border-bottom: #b1b98a 1px solid; border-left: #b1b98a 0px solid; border-right: #b1b98a 1px solid; padding-left: 5px; padding-top:1px;}
#container #primaryNav ul li a {color:#4f688a;}
#primaryNav a, #secondaryNav a { display: block; /* makes the full box area an active link */ }
#primaryNav a:link, #secondaryNav a:link { text-decoration: none; color: #ffffff; display: block;}
#primaryNav a:visited, #secondaryNav a:visited {text-decoration: none;}
html>body #container #primaryNav a:hover, #container #secondaryNav a:hover { text-decoration: none; color: #ffffff;}
#primaryNav a:active, #secondaryNav a:active { text-decoration: none; color: #4A0000;}
#container #primaryNav li:hover { border-left: #CAD8E5 0px solid; border-bottom: #CAD8E5 1px solid; background: #929864;}



/* Secondary Navigation */
/* ---------------------------------------------------------------------------------------------------------------- */
#secondaryNav {	clear: right; float: right; width: 150px; margin-top: 25px;}
#secondaryNav ul {margin-left: 0px; background: #E9E9E9; }
#secondaryNav li {border-bottom: #F2F2F2 1px solid; border-left: #F2F2F2 5px solid; border-right: #F2F2F2 3px solid;}
#secondaryNav a:link {color: #000;}
#secondaryNav a:visited {color: #000;}
#secondaryNav a:hover {color: #000;}
#secondaryNav a:active {color: #4A0000;}
#container #secondaryNav li:hover {background: #929864; border-left: #CAD8E5 5px solid; border-bottom: #F2F2F2 1px solid;}


/* Related Links */
/* ---------------------------------------------------------------------------------------------------------------- */
/* Article Related Links */
#contentArea .relatedHeader { clear: both; background-color: #F2F9FF; border: #EEEEEE 1px solid; margin-top: 1.5em; padding: 0.1em 0.2em; color: #666; font-weight: bold; font-size: 108%; /* 14px */}
#contentArea .relatedLinks { margin: 0.25em 0 0 0; border: #EEEEEE 1px solid; background-color: #F2F9FF;}
#contentArea .relatedLinks ul {padding: 0px;}
#contentArea .relatedLinks a { display: block; /* makes the full box area an active link */ text-decoration: none;}
#contentArea .relatedLinks li {list-style: none; margin: 0; padding: 0.25em; border-left: #F2F2F2 5px solid; border-bottom: #FFFFFF 1px solid; border-top: #FFFFFF 1px solid;}
#contentArea .relatedLinks li:hover {background-color: #E0EBFE; border-left: #CAD8E5 5px solid;}


/* Navigation Related Links */
#primaryNav .relatedLinks, #secondaryNav .relatedLinks {margin: 0 5px;}
#container #primaryNav .relatedLinks a, #secondaryNav .relatedLinks a {font-size: 85%; color: #DFF2FF;}
#primaryNav .relatedHeader, #secondaryNav .relatedHeader {color: #DFF2FF; font-weight: bold; font-size: 90%; /* 14px */ padding: 0.25em 0 0.25em 10px; margin: 4em 5px 0 5px; background-color: #203E65;}
#primaryNav .relatedLinks ul {background-color: #25476C;}
#primaryNav .relatedLinks li {border-bottom: #203E65 1px solid; border-left: #203E65 5px solid; border-right: #203E65 1px solid;}
#primaryNav .relatedLinks li:hover {border-left: #CAD8E5 5px solid; border-bottom: #E0EBFE 1px solid;}
#secondaryNav .relatedLinks a {color: #000;}
#secondaryNav .relatedHeader {color: #203E65; background-color: #CAD8E5;}
#secondaryNav .relatedLinks ul {background-color: #F2F2F2;}
#secondaryNav .relatedLinks li {border-bottom: #CAD8E5 1px solid; border-left: #CAD8E5 5px solid; border-right: #CAD8E5 1px solid; }
#secondaryNav .relatedLinks li:hover {background-color: #E0EBFE; border-left: #203E65 5px solid;}


/* Content Area Compulsory Basic Elements */
/* ---------------------------------------------------------------------------------------------------------------- */
/* List Styles */
#contentArea ul {padding: 0 0 0.5em 50px;} 
#contentArea ol {padding: 0 0 0.5em 20px;} 
#contentArea ul li, #contentArea ol li {padding: 3px 0px; color: #4f688a; margin-bottom: 4px}
#contentArea dt {padding-left: 5px; font-size: 123.1%; font-weight: bold; background-color: #FAFDFE;} 
#contentArea dd {padding-left: 10px; padding-bottom: 0.5em; background-color: #FAFDFE; margin-bottom: 0.25em;} 
#contentArea ul a:hover, #contentArea ol a:hover {color: #FF0000;} 


/* Paragraph styles */
#contentArea p {
	font-size: 100%; /* 13px*/
	padding-bottom: 1em;
	padding-top: 0.2em;
}

#contentArea p.standFirst { font-weight: bold; color: #25476C;}

/* Heading levels */
#contentArea h1 { padding-top: 0.5em; font-size: 167%; /* 22px */ color: #24476B;}
#contentArea h2 { padding-top: 0.5em; padding-bottom: 0.2em; font-size: 153.9%; /* 20px */ color: #0099FF;}
#contentArea h3 { padding-top: 0.5em; font-size: 123.1%; /* 16px */ color: #24476B;}
#contentArea h4 { padding-top: 0.5em; font-size: 108%; /* 14px */ color: #24476B;}
#contentArea h5 { padding-top: 0.25em; font-size: 93%; /* 12px */ font-weight: bold;}
#contentArea h6 { padding-top: 0.25em; font-size: 93%; /* 12px */ font-style: italic;}


/* Floats & clearing */
/* ---------------------------------------------------------------------------------------------------------------- */
.floatRight { float: right; margin-left: 8px;}
.floatLeft { float: left; margin-right: 8px;}
.clearFloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
/* ---------------------------------------------------------------------------------------------------------------- */


/* Access */
/* ---------------------------------------------------------------------------------------------------------------- */
#skipLink, #skipMenu { display: none;}


/* Footer */
/* ---------------------------------------------------------------------------------------------------------------- */
#footer a { color: #999999;}
#footer a:hover { color: #FF0000;}
#footer div {width: 780px; margin: 0 auto; text-align: left; color: #000000; padding: 10px 0; border-top: #EEEEEE 1px solid;}
#footer div ul li {display: inline; padding: 0 15px 0 0; font-size: 85%; }
#footer div ul {background: #FFFFFF; border: #EEEEEE 1px solid;  padding: 5px 0 10px 5px; text-align: left;}
#footer div p {display: block; font-size: 85%; margin-top: 10px; color: #666666;}
/* ---------------------------------------------------------------------------------------------------------------- */


/* Print styles */
/* ---------------------------------------------------------------------------------------------------------------- */
@media print {
body {background: none;}
#header {border-bottom: 0;} 
#branding {width: 100%;}
#branding img {display: none;}
#branding a {color: #000000;}
#branding span {text-indent: -70px; font-size: 200%; font-weight: bold; width: 100%;}
#sectionHeader img {display: none;}
#sectionHeader span.hideSection, #sectionHeader span {text-indent: 0px; font-size: 200%; color: #000000;}
.childHeader a {font-size: 125%;}
#container #contentArea {margin: 0;}
#footer, #globalNav, #utility, #breadTrail, #secondaryNav, #primaryNav {display: none;}
}


/* Content Area Optional Elements */
/* ---------------------------------------------------------------------------------------------------------------- */
/* Image styles */
.standalone-standard #contentArea img {
	float: right;
	margin: 0.5em 0.5em 0.5em 0;
}
.sub-standard #contentArea img {float: left; margin: 0.5em 0.5em 0.5em 0;}
.standalone-standard #contentArea img.imageBig {float: none; display: block; margin: 0.5em auto;}
.sub-standard #contentArea img.imageBig {float: none; display: block; margin: 0.5em auto;}
#contentArea img.imageMedium {float: right; margin: 0.5em 0 0.5em 0.5em;}

/* Info Item - standard */
.standalone-standard div.infoItem, .sub-standard div.infoItem, .nonav-standard div.infoItem {background: #F9FAFC; float: left;}
.standalone-standard .infoItem img, .sub-standard .infoItem img, .nonav-standard .infoItem img {float: left; border: none; padding: 0 7px 5px 5px;}
.standalone-standard .infoItem p, .sub-standard .infoItem p, .nonav-standard .infoItem p  {padding: 0 5px;}
.standalone-standard #contentArea .infoItem h4, #contentArea .sub-standard .infoItem h4, #contentArea .nonav-standard .infoItem h4 {padding-left: 5px; font-size: 123.1%;}
.standalone-standard .infoItem h4 a, .sub-standard .infoItem h4 a, .nonav-standard .infoItem h4 a {text-decoration: none; color: #24476B; }
.standalone-standard .infoItem h4 a:hover, .sub-standard .infoItem h4 a:hover, .nonav-standard .infoItem h4 a:hover {color: #f00; }
.standalone-standard .infoItem p a, .sub-standard .infoItem p a, .nonav-standard .infoItem p a {float: right; padding: 0 5px 5px 0;}
.standalone-standard .infoItem p a:hover, .sub-standard .infoItem p a:hover, .nonav-standard .infoItem p a:hover {color: #f00;}
.standalone-standard .infoItem {width: 600px; margin: 5px;} /* old ie */
.sub-standard .infoItem {width: 450px; margin: 5px;} /* old ie */
html>body .sub-standard .infoItem, html>body .standalone-standard .infoItem, html>body .nonav-standard .infoItem {width: 99%; margin: 5px;}


/* User defined or unit specific styles */
/* ---------------------------------------------------------------------------------------------------------------- */
/* Please consider contributing any style additions or improvements you may make and they will be reviewed for inclusion in the primary offered styles. Thanks! */
.ext_link {background: url(http://www.wode.div.ed.ac.uk/images/external-link-grey-light.png) no-repeat;
    padding: 0 16px 0 0;
    background-position: right center;
    zoom: 1;}