/*
Stylesheet      Divinity
Theme Name      St Mary's College, University of St Andrews 2008
URI             http://www.st-andrews.ac.uk
Version         1.0.7
Authors         gjms1
Description     Global stylesheet for School of Divinity
                Sets up navigation bar look and feel.
Last Updated    29/01/2014
*/


/* Fix for icons */
#navmain a[href^="https:"],
#navmain a[href^="http:"],
.contacts a[href^="https:"],
.contacts a[href^="http:"],
.contacts a[href^="mailto:"]
{padding:0; margin:0;}

/* Remove any icon_link images in GlobalWrapper, Header and navMain, contacts page
and mailto links in the #relatedcontent RH sidebar */
#topnavbar a:link, #topnavbar a:visited, #topnavbar a:hover, #topnavbar a:active,
#header a:link, #header a:visited, #header a:hover, #header a:active,
#navmain a:link, #navmain a:visited, #navmain a:hover, #navmain a:active,
#logobar a:link, #logobar a:visited, #logobar a:hover, #logobar a:active,
.contacts a:link, .contacts a:visited, .contacts a:hover, .contacts a:active {
    background-image: none;
    padding: 0;
    margin: 0;
    }

#content .contacts a[href^="mailto:"],
#relatedcontent-inner a[href^="mailto:"] {
    background-image: none;
    padding: 0 !important;
    margin: 0;
    }

/* =============================================================================

   PAGE STRUCTURE

   This section contains placement of elements and general box-model sizes
   (height, margin, padding, width) as well as basic colours and backgrounds

============================================================================= */

/* --------------- PRINT HEADER --------------------------------------------- */
#print-header {
    display: none;
}


/* --------------- BODY and CONTAINER Structure ----------------------------- */

body {
    background-color: #777777;
    margin: 0 0 1em 0;
    }

.container {
    background-color: #fff;
    }

a {color: #55008d;}

/* --------------- =GLOBAL navigation --------------------------------------- */

/* DIV Container div for navigation */
/* creates positioning context */
#topnavbar {
    background-color: #777;
    border-bottom: 1px solid #777;
    height: 2.4em;
    position: relative;
    }

/* LIST Removes margin and padding on all lists within container */
#topnavbar ul {
    margin: 0;
    padding: 0;
    }

/* LIST Menu items are contained in a horizontal lists */
ul#navglobal, ul#navsearch {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    }

/* LIST Aligns #navsearch list to right-hand side */
ul#navsearch {right: 10px;}

/* FIX for Opera 7.5 to address issue of vertical lists */
/* Position of this in the order of CSS code is important for Firefox 1.0.x */
ul#navglobal {left: 0; width: 500px;}
ul#navsearch li {float: none;}

/* LIST Controls how list items display (float) */
ul#navglobal li, ul#navsearch li {
    display: inline;
    float: left;
    padding-left: 1.2em;
    }

/* LINKS Default look and feel */
ul#navglobal li a,
ul#navsearch li a {
    color: #fff;
    font-size: 1em;
    font-weight: normal;
    text-decoration: none;
    line-height: 2.4em;
    }

/* LINKS Hover and active */
ul#navglobal li a:hover, ul#navglobal li a:active,
ul#navsearch li a:hover, ul#navsearch li a:active {
    text-decoration: underline;
    }

/* --------------- =HEADER structure ----------------------------------------- */

/* DIV Sets up dimensions and colour for header div */
#header {
    background-color: #fff;
    color: #000;
    height: 75px;
    position: relative;
    }

/* IMG Position of University Crest */
#header img {
    left: 10px;
    position: relative;
    top: 10px;
    }

/* LINK  "University of St Andrews" Default */
#header h1 a {
    color: #000;
    margin: 0;
    padding: 0;
    text-decoration: none;
    }

/* LINK  "University of St Andrews" Hover and active */
#header h1 a:hover,
#header h1 a:active {
    color: #00529b;
    text-decoration: underline;
    }

/* FORM Google search */
#header form {
    right: 20px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 20px;
    }

/* FORM Google search input box */
input#q {
    width: 200px;
    }

/* FORM Size and colour of Google search box options */
#header label {
    color: #000;
    font-size: 0.8em;
    font-weight: normal;
    text-decoration: none;
    }

/* --------------- =NAVMAIN structure ---------------------------------------- */

/* Required for IE6, otherwise block-level links don't work */
#navmain {
    height: 22px;
    line-height: 22px;
    position: relative;
    width: 980px;
    }

/* LIST Main navigation */
#navmain ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    }

/* LIST Ensure list is horizontal */
#navmain li {
    display: inline;
    float: left;
    position: relative;
    }

/* LINK Look and feel of main navigation */
#navmain a:link, #navmain a:visited {
    background-color: #55008d;
	color: #fff;
	display: block;
	font-weight: normal;
    padding: 0 0.8em;
	text-decoration: none;
	}

/* LINK Set to !important so that it works in internal and external */
#navmain li a:hover, #navmain li a:active,
#navmain li.selected a:link, #navmain li.selected a:visited {
    background-color: #fff !important;
    color: #000;
    }

/* --------------- =MAINWRAPPERS structure ----------------------------------- */

/* DESIGN Sets gap between header/navigation and main content */
#mainwrapper {
    padding-top: 2em;
    }

/* --------------- =SIDEBAR structure ---------------------------------------- */

/* --- DEBUG --- */
.branchinfo {background-color: #eee; color: #808080; margin: 3em 0 1em 0; }

/* --- SIDEBAR LAYOUT ---*/

#sidebar-inner {
    background-color: transparent;
    margin-bottom: 10px;
    width: 180px;
    }

#sidebar-inner h3 {
    margin-bottom: 0.5em;
    }

#sidebar h3 a {
    color: #55008d;
    padding: 0;
    margin: 0;
    }

#sidebar h3 a:link, #sidebar h3 a:visited {
    text-decoration: none;
    }

#sidebar h3.sub {
    margin-top: 1em;
}


#sidebar #sidebar-inner h3 a:hover, #sidebar h3 #sidebar-inner a:active {
    background-color: transparent !important;
    color: #55008d;
    text-decoration: underline;
    }

/* --- GENERIC --- */

/* Unordered lists */
#sidebar-inner ul {
    list-style-type: none;
    /*margin: 0 0 2em 0;*/
    margin: 0;
    overflow: hidden;   /* Required by IE6/IE7 otherwise width-issues on branchX aplenty */
    padding: 0;
    }

/* List items */
/* Border-top to avoid duplication issues with nested lists if using border-bottom */
#sidebar-inner li {
    border-top: 1px solid #e0e0e0;
    color: #000;
    display: block;
    line-height: 22px;
    margin: 0;
    overflow: hidden;
    text-decoration: none;
    width: 180px;
    }

/* Lists */
/* For the most part 2px L/R padding on linked items */
#sidebar-inner a {
    color: #000;
    display: block;
    padding: 0 2px;
    text-decoration: none;
    width: 176px;
    }
    /* IE interprets width wrongly: requires 180px; */
    * html #sidebar-inner a {width: 180px;}

/* Hover effect on links */
#sidebar-inner a:hover,
#sidebar-inner a:active {
    background-color: #55008d !important;
    color: #fff;
    }

/* --- BRANCH 0 --- */

/* 1. Branch 0 - no selection, no submenu
Code covered in generic rules above. */

/* 2. Branch 0 selected, no submenu */
/* 3. Branch 0 selected, submenu ... and permeates branch
Show Branch 0.1 with background colour, and no link */
span.currentbranch0 {
    background-color: #55008d;
    color: #fff;
    display: block;
    padding: 0 2px;
    font-weight: bold;
    width: 176px;
    }
    /* IE6/7 interprets width wrongly: requires 180px */
    * html span.currentbranch0 {width: 180px;}

/* --- 4. BRANCH 1 selected, no submenu ---
a. Branch 0.1 has link, and background colour.
b. Branch 1.x has background colour/carpet.
c. Branch 1.1 has no link, and is selected/bold.
*/

/* a. Branch 0.1 selected with link */
span.currentbranch0 a {
    color: #fff !important ;
    padding: 0 !important;
    width: 176px !important; /* Fix for IE width issue */
    }

/* b. Branch 1.x Carpetted area */
ul.multilevel-linkul-0 {
    background-color: #D6BAE8;
    width: 180px; /* required?! */
    }

/* c. Branch 1.1 selected item with no link */
li span.currentbranch1 {
    display: block; /* Required for Fx/Op/Sf */
    font-weight: bold;
    padding: 0 2px; /* Required for Fx/Op/Sf, but breaks in IE6/7 */
    width: 180px;
    }

/* --- 5. BRANCH 1 selected, submenu ---
@  Branch 0.1 has link, and background colour (inherits 4a)
@  Branch 1.x has background colour/carpet (inherits 4b)
@  Branch 1.1 has no link, and is selected/bold (inherits 4c)
a. Branch 2.x is indented.
*/

/* a. Sets indent on Branch 2.x submenu items */
ul.multilevel-linkul-1 a {
    padding-left: 20px !important;
    width: 158px !important; /* width error in IE6/7 */
    }
    /* IE hack for width error above */
    /** html ul.multilevel-linkul-1 a {width: 180px !important;}*/

/* --- 6. BRANCH 2 selected, no submenu ---
@  Branch 0.1 has link, and background colour (inherits 4a)
@  Branch 1.x has background colour/carpet (inherits 4b)
a. Branch 1.1 has link, and is selected/bold
@  Branch 2.x is indented. (inherits 5a)
b. Branch 2.1 is selected (has arrow) but no link */

/* a. Branch 1.1 with link
FIX for issue with Branch 1.1 with link, As I've applied 2px padding L/R to
currentbranch1 (above, #4c) I need to counter the 2px from the generic links styling
(2 + 2 = 4, which is 2 px too much!) by relatively positioned the anchor left by 2 pixels.
Doesn't work in IE though, so that needs to be countered! */
li span.currentbranch1 a {
    left: -2px !important;
    position: relative;
    width: 176px !important; /* Fix for IE width issue */
    }

/* b. Branch 2.1 selected with arrow but no link */
li span.currentbranch2 {
    background-image: url(../images/nav_arrow.gif);
    background-position: left;
    background-repeat: no-repeat;
    display: block; /* Fix for Fx/Op/Sf otherwise weirdness happens */
    font-weight: bold;
    padding: 0 2px 0 20px;
    }

/* --- 7. BRANCH 2 selected, submenu ---
@  Branch 0.1 has link, and background colour (inherits 4a)
@  Branch 1.x has background colour/carpet (inherits 4b)
@  Branch 1.1 has link, and is selected/bold (inherits 6a)
@  Branch 2.x is indented 20px (inherits 5a)
@  Branch 2.1 is selected (has arrow) but no link (inherits 6b)
a. Branch 3.x is indented 40px
*/

/* a. Branch 3.x submenu items
Sets indent on Branch 4.x submenu items */
ul.multilevel-linkul-2 a {
    padding-left: 40px !important;
    width: 138px !important;
    }
    /* IE6/7 interprets width wrongly: requires 180px */
    /** html .multilevel-linkul-2 a {width: 180px !important;}*/

/* --- 8. BRANCH 3 selected, no submenu ---
@  Branch 0.1 has link, and background colour (inherits 4a)
@  Branch 1.x has background colour/carpet (inherits 4b)
@  Branch 1.1 has link, and is selected/bold (inherits 6a)
@  Branch 2.x is indented 20px (inherits 5a)
a. Branch 2.1 is selected (has arrow) with link
@  Branch 3.x is indented 40px (inherits 7a)
b. Branch 3.1 is selected (has arrow) but no link
*/

/* a. Branch 2.1 with link
Realigns Branch 2.1 with rest of Team Branch 2.x, otherwise you
get duplication of arrows and Branch 2.1 is aligned with Branch 3.x.
Retains nav-arrow on hover
ul.multilevel-linkul-1 li span.currentbranch2 a
*/
li span.currentbranch2 a {
    background-image: url(../images/nav_arrow.gif);
    background-position: left;
    background-repeat: no-repeat;
    display: block;
    left: -20px;
    padding-left: 20px !important;
    position: relative;
    width: 158px !important;
    }
    /* IE6/7 interprets width wrongly: requires 180px
    * html li span.currentbranch2 a {width: 180px !important;} */

/* b. Branch 3.1 selected with arrow but no link */
span.currentbranch3 {
    background-image: url(../images/nav_arrow.gif);
    background-position: left;
    background-repeat: no-repeat;
    display: block; /* Fixes issue in Fx/Op/Sf */
    font-weight: bold;
    padding: 0 2px 0 40px;
    /*width: 180px;*/
    }

/* --- 9. BRANCH 3 selected, submenu ---
@  Branch 0.1 has link, and background colour (inherits 4a)
@  Branch 1.x has background colour/carpet (inherits 4b)
@  Branch 1.1 has link, and is selected/bold (inherits 6a)
@  Branch 2.x is indented 20px (inherits 5a)
@  Branch 2.1 is selected (has arrow) with link (inherits 8a)
@  Branch 3.x is indented 40px (inherits 7a)
@  Branch 3.1 is selected (has arrow) but no link (inherits 8b)
a. Branch 4.x is indented 60px
*/

/* a. Branch 4.x submenu items
Sets indent on Branch 4.x submenu items */
ul.multilevel-linkul-3 a {
    padding-left: 60px !important;
    width: 118px !important;
    }
    /* IE6/7 interprets width wrongly: requires 180px */
    /** html ul.multilevel-linkul-3 a {width: 180px !important;}*/

/* --- 10. BRANCH 4 selected, no submenu ---
@  Branch 0.1 has link, and background colour (inherits 4a)
@  Branch 1.x has background colour/carpet (inherits 4b)
@  Branch 1.1 has link, and is selected/bold (inherits 6a)
@  Branch 2.x is indented 20px (inherits 5a)
@  Branch 2.1 is selected (has arrow) with link (inherits 8a)
@  Branch 3.x is indented 40px (inherits 7a)
a. Branch 3.1 is selected (has arrow) with link
@  Branch 4.x is indented 60px (inherits 9a)
b. Branch 4.1 is selected (has arrow) but no link
*/

/* a. Branch 3.1 selected with link */
li span.currentbranch3 a {
    background-image: url(../images/nav_arrow.gif);
    background-position: left;
    background-repeat: no-repeat;
    left: -40px !important;
    padding-left: 40px !important;
    position: relative;
    width: 138px !important;
    }
    /* IE6/7 interprets width wrongly: requires 180px
    * html li span.currentbranch3 a {width: 180px !important;} */

/* b. Branch 4.1 selected with arrow but no link */
span.currentbranch4 {
    background-image: url(../images/nav_arrow.gif);
    background-position: left;
    background-repeat: no-repeat;
    display: block; /* Fixes issue in Fx/Op/Sf */
    font-weight: bold;
    padding: 0 2px 0 60px;
    }

/* --- 11. BRANCH 4 selected, submenu ---
@  Branch 0.1 has link, and background colour (inherits 4a)
@  Branch 1.x has background colour/carpet (inherits 4b)
@  Branch 1.1 has link, and is selected/bold (inherits 6a)
@  Branch 2.x is indented 20px (inherits 5a)
@  Branch 2.1 is selected (has arrow) with link (inherits 8a)
@  Branch 3.x is indented 40px (inherits 7a)
@  Branch 3.1 is selected (has arrow) with link (inherits 10a)
@  Branch 4.x is indented 60px (inherits 9a)
@  Branch 4.1 is selected (has arrow) but no link (inherits 10b)
a. Branch 5.x is indented 80px
*/

/* a. Branch 5.x submenu items
Sets indent on Branch 5.x submenu items */
ul.multilevel-linkul-4 a {
    padding-left: 80px !important;
    width: 98px !important;
    }
    /* IE6/7 interprets width wrongly: requires 180px */
    /** html ul.multilevel-linkul-3 a {width: 180px !important;}*/

/* --- 12. BRANCH 5 selected, no submenu ---
@  Branch 0.1 has link, and background colour (inherits 4a)
@  Branch 1.x has background colour/carpet (inherits 4b)
@  Branch 1.1 has link, and is selected/bold (inherits 6a)
@  Branch 2.x is indented 20px (inherits 5a)
@  Branch 2.1 is selected (has arrow) with link (inherits 8a)
@  Branch 3.x is indented 40px (inherits 7a)
@  Branch 3.1 is selected (has arrow) with link (inherits 10a)
@  Branch 4.x is indented 60px (inherits 9a)
a. Branch 4.1 is selected (has arrow) with link
@  Branch 5.x is indented 80px (inherits 11a)
b. Branch 5.1 is selected (has arrow) but no link
*/

/* a. Branch 4.1 selected with link */
li span.currentbranch4 a {
    background-image: url(../images/nav_arrow.gif);
    background-position: left;
    background-repeat: no-repeat;
    left: -60px !important;
    padding-left: 60px !important;
    position: relative;
    width: 118px !important;
    }
    /* IE6/7 interprets width wrongly: requires 180px */
    * html li span.currentbranch4 a {width: 118px !important;}

/* b. Branch 5.1 selected with arrow but no link */
span.currentbranch5 {
    background-image: url(../images/nav_arrow.gif);
    background-position: left;
    background-repeat: no-repeat;
    display: block; /* Fixes issue in Fx/Op/Sf */
    font-weight: bold;
    padding: 0 2px 0 80px;
    }

/* --- 13. BRANCH 5 selected, submenu ---
@  Branch 0.1 has link, and background colour (inherits 4a)
@  Branch 1.x has background colour/carpet (inherits 4b)
@  Branch 1.1 has link, and is selected/bold (inherits 6a)
@  Branch 2.x is indented 20px (inherits 5a)
@  Branch 2.1 is selected (has arrow) with link (inherits 8a)
@  Branch 3.x is indented 40px (inherits 7a)
@  Branch 3.1 is selected (has arrow) with link (inherits 10a)
@  Branch 4.x is indented 60px (inherits 9a)
@  Branch 4.1 is selected (has arrow) with link (inherits 12a)
@  Branch 5.x is indented 80px (inherits 11a)
@  Branch 5.1 is selected (has arrow) but no link (inherits 12b)
a. Branch 6.x is indented 100px
*/
ul.multilevel-linkul-5 a {
    padding-left: 100px !important;
    width: 78px !important;
    }
    /* IE6/7 interprets width wrongly: requires 180px */
    /** html ul.multilevel-linkul-3 a {width: 180px !important;}*/

/* --- 14. BRANCH 6 selected, no submenu ---
@  Branch 0.1 has link, and background colour (inherits 4a)
@  Branch 1.x has background colour/carpet (inherits 4b)
@  Branch 1.1 has link, and is selected/bold (inherits 6a)
@  Branch 2.x is indented 20px (inherits 5a)
@  Branch 2.1 is selected (has arrow) with link (inherits 8a)
@  Branch 3.x is indented 40px (inherits 7a)
@  Branch 3.1 is selected (has arrow) with link (inherits 10a)
@  Branch 4.x is indented 60px (inherits 9a)
@  Branch 4.1 is selected (has arrow) with link (inherits 12a)
@  Branch 5.x is indented 80px (inherits 11a)
a. Branch 5.1 is selected (has arrow) with link
@  Branch 6.x is indented 100px (inherits 13a)
b. Branch 6.1 is selected (has arrow) but no link
*/
/* a. Branch 5.1 selected with link */
li span.currentbranch5 a {
    background-image: url(../images/nav_arrow.gif);
    background-position: left;
    background-repeat: no-repeat;
    left: -80px !important;
    padding-left: 80px !important;
    position: relative;
    width: 98px !important;
    }
    /* IE6/7 interprets width wrongly: requires 180px */
    /** html li span.currentbranch5 a {width: 180px !important;}*/

/* b. Branch 6.1 selected with arrow but no link */
span.currentbranch6 {
    background-image: url(../images/nav_arrow.gif);
    background-position: left;
    background-repeat: no-repeat;
    display: block; /* Fixes issue in Fx/Op/Sf */
    font-weight: bold;
    padding: 0 2px 0 100px;
    }

/* === RELATED LINKS in Sidebar, beneath LH/local navigation === */
div#relatedlinkslist {
    display: block;
    margin-bottom: 1em;
    padding: 0;
    width: 180px;
    }

div#relatedlinkslist ul {
    list-style-position: outside;
    list-style-type: disc;
    padding-left: 1.5em;
    margin: 0;
    display: block;
    overflow: visible;
    }

/* overflow: visible is required for Fx/Op/S otherwise bullet-points disappear,
due to #sidebar-inner rule above */
div#relatedlinkslist ul li {
    border: 0;
    display: list-item;
    overflow: visible;
    width: 155px; /* Required otherwise it inherits from the navigation code */
    }

div#sidebar-inner div#relatedlinkslist ul li a {
    color: #55008d;
    display: inline;
    margin: 0;
    padding: 0;
    text-decoration: underline;
    }

div#relatedlinkslist ul li a:hover, div#relatedlinkslist ul li a:active {
    background-color: transparent !important;
    text-decoration: none !important;
    }

/* --------------- =RELATED CONTENT structure ----------------------------------
In RH sidebar */

#relatedcontent-inner form {
    margin-bottom: 2em;
}

/* Style lists in relatedcontent, e.g. Related documents, contacts, etc. */
#relatedcontent-inner ul {
    list-style-type: none;
    margin: 0;
    margin-bottom: 2em;
    padding: 0;
    }

#relatedcontent-inner ul li {
    margin-bottom: 0.25em;
}

/* DESIGN Decoration for H3 headings in the RelatedContent sidebar */
#relatedcontent h3 {
    border-top: 1px solid #e0e0e0;
    padding-top: 1em;
    }

/* DESIGN Removes decoration for any H3 headings in a div with .box class */
#relatedcontent div.box h3 {
    background-color: transparent;
    border: 0;
    padding: 0;
    }

/* --------------- =FOOTER Structure ----------------------------------------- */

/* DESIGN Layout and colour of footer */
#footer {
    background-color: #000;
    color: #cfcfcf;
    height: 30px;
    line-height: 30px;
    width: 980px;
    }

/* DESIGN Inner div pushes contents away from sides. Used margin for
compatibility with IE5+ */
#footer-inner {
    height: 30px;
    margin: 0 10px;
    width: 960px;
    }

/* DESIGN Remove excess margin/padding from paragraph text. Fixes issue in IE */
#footer-inner p {margin: 0; padding: 0;}

/* DESIGN Align links (Text, Help, Edit) on right */
#footer-links {float: right;}

/* LINKS Display of links in footer */
#footer-inner a:link,
#footer-inner a:visited {
    color: #cfcfcf;
    text-decoration: none;
    margin-left: 1.2em;
    }
#footer-inner a:hover,
#footer-inner a:active {
    text-decoration: underline;
    }


/* =============================================================================

   =TYPOGRAPHY AND COLOURS

   This section contains placement of elements and general box-model sizes
   (height, margin, padding, width) as well as basic colours and backgrounds

============================================================================= */

/* --------------- GLOBAL typography ---------------------------------------- */

/* FONT Set font for all headings */
h1, h2, h3, h4, h5, h6 {
    font-family: "Georgia", "Book Antiqua", "Palatino Linotype", "Times New Roman", sans-serif;
    }

h2.delicious-banner {
    border-top: 1px solid #e0e0e0;
    font-size: 1.5em; line-height: 1; margin-bottom: 1em;
    padding-top: 1em;
}

#sidebar h3 {
    color: #55008d;
    }

/* FONT Smaller headings are dark grey (#666) */
h5, h6 {
    color: #666;
    font-weight: normal;
    }

/* FONT Position and size of "University of St Andrews" heading */
#header h1 {
    color: #fff;
    position: absolute;
    left: 75px;
    line-height: 65px;
    }

/* Removes gap above h2 when used at top of page. */
h2 {
    line-height: 1em;
    margin-top: 0;
    padding-top: 0;
    }

/* Adds gap between image and h2 heading if image comes first. */
img + h2 {margin-top: 0.75em;}

/* Adds gap above the related-links heading in the left-hand sidebar */
h3#relatedlinks {margin-top: 1em;}


/* =============================================================================

   XHTML

   This section sets formatting on general XHTML tags.

============================================================================= */

/* LINKS */

#content a:hover,
#content a:active,
#relatedcontent-inner a:hover,
#relatedcontent-inner a:active {
    color: #000;
    text-decoration: none;
    }

/* Deals with issue of <p> following a <p><img> from floating text left against image
#content p + p {
    display: block;
    clear: both;
    } */

/* MEDIA LIBRARY FILES <acronym> is used for media library file output information */
acronym {
    border: 0;
    color: #666;
    text-decoration: none;
    font-size: 0.875em;
    }

#content img.framed {
    padding: 0.5em;
    border: 1px solid #666;
    }

/* MEDIA LIBRARY FILES file out info is placed on the next line */
#relatedcontent-inner li acronym {
    display: block;
    }

/* FORM Border on input boxes */
#content input {
    border: 1px solid #bfbfbf;
    }

/* FORM Border hover effect effect */
#content input:hover,
#content input:active,
#content textarea:hover,
#content textarea:active {
    border: 1px solid #555;
    }

/* FORM Current input box (with focus) has red border */
#content input:focus,
#content textarea:focus {
    border: 1px solid #ed1b34;
    }

/* IMG Adds margin beneath images. */
#content img {
    margin: 0 0 0.5em 0;
    }

/* Contacts */
th[scope="row"] {background-color: transparent; width: 450px;}
th {background-color: #dab5e9;}
tr.even td {background-color: #e8d7f2;}

/* Fix for Staff profiles table */
td {vertical-align: top;}

/* Styling for staff publications from Pure */
.rendering{
margin-bottom:0.5em;
}

/* =============================================================================

   CLASSES

   This section sets formatting on custom classes.

============================================================================= */

/* ALIGNMENT General classes to be used for aligning elements left or right */
.alignleft {float: left;}
.alignright {float: right;}

/* ACCESSIBILITY The .hide class is used with the hidden accessibility link to
"Skip navigation to content". This method exposes the link when it receives focus,
as documented in "Web Accessibility: Web Standards and Regulatory Compliance"
by Thatcher, et al (friends of ED, 2006), page 191 ff. */
#skiptocontent a.access {
    display: inline;
    font-size: 1.25em;
    line-height: 1.5;
    left: -200em;
    margin: 0;
    padding: 0 1em;
	position: absolute;
    text-decoration: none;
    width: 14em;
    z-index: 2;
	}

/* ACCESSIBILITY Same colour as .notice */
#skiptocontent a.access:hover {text-decoration: underline;}

#skiptocontent a.access:focus,
#skiptocontent a.access:active {
    background-color: #fff6bf;
    border: solid #ffd324 2px;
    color: #000;
    left: 0;
    position: absolute;
    top: 0;
    }

/* LIST Removes bullet-points on a list */
ul.quietlist,
ul.quietlist li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    }

ul.quietlist {
    margin-bottom: 1.5em;
    }

.quietlist li {
    padding-bottom: 1em !important;
    }


/* PRESS RELEASE template */

.date-released {
    color: #777;
}

.date-released:before {
    content: "Date released: ";
}


/* --------------- PRESS RELEASE -----------------------------------------------
Display latest news headlines, with date and introductory paragraph.
(gjms1) */

    .pressrelease {
        margin-bottom: 2em;
        clear: both;
    }
    .pressrelease-text {
        margin-bottom: 2em;
    }
    .pressrelease h3, .pressrelease h4 {
        margin: 0;
        padding: 0;
    }
    .pressrelease h4 a {
        font-size: 1.2em;
        font-weight: bold;
        margin: 0;
        padding: 0;
    }
    .pressrelease p {
        margin: 5px 0 0 0;
        padding: 0;
    }
    .pressrelease .prdate {
        color: #5f5f5f;
        font-size: 0.9em;
    }
    
/*
================================================================================

    MISC. CLASSES

================================================================================
 */

/* --------------- GENERIC -----------------------------------------------------
Generic classes for general use throughout web pages.
*/

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

.hidden {
    display: none;
    }

.fix {
    clear: both;
    }

.indent {
    padding-left: 1em;
    }

.noborder {
    border: 0;
    }

.photocaption {
    margin: 0;
    padding: 0;
    }

.quiet {color: #777 !important;}


/*  === DIVINITY === */


/* HEADING Reduce "University of St Andrews" slightly */
#header h1 {
    font-size: 2.6em;
    }

/* DESIGN Set up height of main navigation bar */
#navmain {
    height: 36px;
    line-height: 36px;
    position: relative;
    width: 980px;
    }

/* LIST Aligns list of application links to the right-hand side */
#navmain ul {
    position: absolute;
    right: 0;
    }

/* HEADING "Current ..." general settings */
#navmain h1 {
    font-size: 2em;
    height: 36px;
    left: 0;
    line-height: 36px;
    padding: 0;
    position: absolute;
    margin: 0;
    }

/* HEADING "School of Divinity..." hover colour and decoration (same as 'header h1' in style.css) */
#navmain h1 a:hover, #navmain h1 a:active, #navmain h1 a:focus {
    color: #fff;
    text-decoration: underline;
    }

/* HEADING "Current ..." sets up position for background image in staff.css/student.css */
#navmain h1 a:link, #navmain h1 a:visited, #navmain h1 a:active, #navmain h1 a:hover,#navmain h1 a:focus {
    padding: 0 100px 0 32px;
    }


/* Base background colour for toolbar/navMain */
/* Staff Tool Blue #88b3d9 (rgb 136, 179, 217) */
#navmain, #navmain ul li a {
    background-color: #55008D !important;
    }

/* Apply triangle/arrow to right-hand side of "School of Divinity" title on #navmain */
/* Trivia: the triange/arrow is reminiscent of part of the university crest */
#navmain h1 a:link, #navmain h1 a:visited, #navmain h1 a:hover, #navmain h1 a:active, #navmain h1 a:focus {
    background: #000 url("/media/styles/school-of-divinity/images/menu_arrow_divinity.gif") no-repeat center right;
    padding: 0 100px 0 32px !important;
    }

/* HEADING For use on Homepage when "School of Divinity" isn't linked */
#navmain h1 {
    background: #000 url("/media/styles/school-of-divinity/images/menu_arrow_divinity.gif") no-repeat center right;
    color: #fff;
    }

#tis-subscribe {
    background-color: #fff;
    background-image: url("/media/styles/school-of-divinity/images/div-tis-subscribe.gif");
    background-position: top;
    background-repeat: no-repeat;
    height: 85px;
    padding-left: 10px;
    margin: 1em 0;
    }

#tis-subscribe h3 {
    border: 0;
    }

/*==============================================================================
    This document automatically commented by GarethBrain v.36.10(tm)
    Get Firefox -- Rediscover the Web (www.getfirefox.com)
    No polar bears were harmed in the creation of this CSS file.
  ============================================================================*/