body {

    background-color: #e8e7e2;      /* Greyhavens (rgb 232, 231, 226) */

    color: black;

    font-family: Verdana, Arial, Helvetica, "sans-serif";

    font-weight: normal;

    font-size: 62.5%; /* Resets 1em to 10px */

    margin: 0 auto;

    padding: 0;

    text-align: center;

/*    width: 979px;*/

    }



/* --------------- CONTAINER Structure -------------------------------------- */

/* #container - centres almost everything on page with shadow background image

with the exception of #footer, which is centred by #bottom */

#container {

    margin: 0 auto;

    max-width: 959px;

/*    overflow: hidden;*/

    padding: 0 10px;  /* Gives room for 10px wide shadow page background (LR) */

    position: relative;

    text-align: left;       /* Ensures all text is aligned left - over rides body > text-align */

    width: 959px;

    z-index: 0;
	
    background: #fff url("https://www.st-andrews.ac.uk/media/container_bg_ext_home.png") repeat-y;

	height:auto !important;
	min-height: 540px;
	height: 540px;

    }

/* --------------- HEADER Structure ----------------------------------------- */

/* #header - sets up page header (to contain crest, H1 and global tools */

#header {

    background-color: #fff;
    color: #00529b; /* crest blue */
    margin: 0;
    padding: 2px 10px 10px 64px;    /* controls placement of H1 heading */
    position: relative;
    width: 877px;
	font-family: "Times New Roman", Times, serif;
    font-family: "Book Antiqua","Georgia",Times,serif;
}

#header img {
        position: absolute;
        top: 8px;
        left: 12px;
}

#main {

/*    margin: 20px 0 10px 0; */
    margin: 10px;
	padding: 0;
/*	width: 749px;
	float: right;*/
    }

#titlebar {
    margin: 0;
    max-width: 959px;
    padding: 0;
    position: relative;
    width: 959px;
	background-color:#45658C;
	color:#FFFFFF;
}

#titlebar h2 {
	font-size: 2em;
	padding: 4px 10px 4px 12px;
	float: left;
}

#titlebar * a, #titlebar * a:link, #titlebar * a:visited {
color: #FFFFFF;
font-weight: normal;
text-decoration: none;
}

#titlebar * a:hover, #titlebar * a:active {
color: #a7b0c9;
text-decoration: none;
}

#content {

display: inline; /* beat double margin bug in ie */
    min-height: 540px;
	margin: 0;
    padding: 0;                      /* Padding between #content and both #sidebar and #related_content */
}

#content p {
	line-height: 140%;
}

#content ul {
	margin-left: 2em;
}

#content li {
	margin-left: 1em;
	line-height: 140%;
}

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

/* #footer - footer information on each page */

#footer {

    border-top: 10px solid #fff;        /* 10px white border to cover over container background image */

    background-color: #000;          /* Crest Blue (rgb 0, 82, 155) */

    min-height: 30px;

    padding: 0 10px;

    width: 939px;                       /* header/menu width minus 10px padding L and R */

    }



/* container for #footer - displays container_footer (bottom shadow) image */

#bottom {

    background: transparent url("https://www.st-andrews.ac.uk/media/container_footer.png") no-repeat;

    height: 40px;                       /* height of footer content plus 10px white border-top */

    margin: 0 auto;

    max-width: 959px;

    padding: 0 10px 10px 10px;

    position: relative;

    width: 959px;

    }



/*

================================================================================



    TYPOGRAPHY AND COLOURS



================================================================================

 */


/* --------------- CONTENT Typography and Colours --------------------------- */

/* Font-family and color inherited from body (above). */

/* Also see XHTML Tags section (below). */

ul#menu {
/*    font-family: Arial, Helvetica, "sans-serif";
*/	list-style: none;
	margin: 0;
	padding: 1em 0 0 0;
	float: right;
	}

#menu li {
    display: inline;
    float: left;
	position: relative;
	}

#menu * a, #menu * a:link, #menu * a:visited {
	background: transparent url("https://www.st-andrews.ac.uk/media/menu_divider.gif") no-repeat center right;
	display: block;
	font-size: 1.2em;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 0 14px;
}

#menu * a:hover, #menu * a:active {
color: #a7b0c9;
text-decoration: none;
}

#menu a:link.last, #menu a:visited.last {
    background: transparent;
}

#content {

    font-size: 1.2em;

    text-align: left;

}



/* --------------- FOOTER Typography and Colours ---------------------------- */



/* Ordinary text within the #footer */

#footer p {

	color: #fff;                        /* White (rgb 255, 255, 255) */

/*	font-family: Arial, Verdana, Helvetica, sans-serif;
*/
    font-size: 1.2em;

    line-height: 30px;

    margin: 0;

    padding: 0;

    text-align: left;

	}



/* All links within #footer are white, normal */

#footer a {

	color: #fff;                        /* White (rgb 255, 255, 255) */

	font-weight: normal;

	}



    #footer a:link, #footer a:visited {

    	text-decoration: none;

    	}



    #footer a:hover, #footer a:active {

    	text-decoration: underline;

    	}


h1, h2, h3 {
    font-family: "Book Antiqua","Georgia",Times,serif;
}

h1, h2, h3, h4, h5, h6 {

	font-weight: bold;

    color: #5f5f5f;             /* Dark Grey (rgb 95, 95, 95) */

    margin: 0;

    padding: 0;
	
/*	clear: both; */

    }

.mlitt_details {
	float: left;
	width: 320px;
	margin-right: 24px;
}

.staff_details {
	clear: both;
}

.staff_details img {
	float: left;
	margin: 0 8px 8px 0;
	border: 1px solid black;
}

hr {
	clear: both;
	border: 0;
	height:1px;
	color: #CCC;
	background-color: #CCC;
	width: 100%;
	padding: 0;
	margin: 8px 0;
}

.staff_details h4 {
	padding-bottom: 0.4em;
	border-bottom: 1px solid #CCC;
}

.staff_contact {
	float: right;
}

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

/* h1 = University of St Andrews (website title) */

    #header * a, #header * a:link, #header * a:visited, {

        color: #00529b;

        font-weight: normal;

        text-decoration: none;

    }



    #header * a:hover, #header * a:active {

        color: #a7b0c9;         /* Blue Nowhere, rgb 167, 176, 201 */
        text-decoration: none;

    }



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

/* Page Title */

p, li {
	font-size: 1em;
	margin: 0 0 1em 0;
	line-height: 120%;
	padding: 0;
}

ul {
	margin: 0 0 0 1em;
	padding: 0;
	list-style-position:outside;
}

#content li {
/*	margin-left: 2em;*/
}

#content h2 {

    font-size: 2em;
    margin-bottom: .7em;

    }


#content h3 {

    font-size: 1.4em;
    margin: .7em 0;
	background-color: #5f5f5f;
	color: #FFFFFF;
	padding: 0.2em;
	clear: both;
}

#content h4 {
    color: black;
    font-size: 1.2em;
	margin: 0.5em 0;

}

#content h5, #content h6 {

    color: black;

    font-size: 1.2em;
	
	margin: 0.5em 0;

    }



#content h5, #content h6 {

    margin: 0;

    padding: 0;

    }



#content h6 {

    font-style: italic;

    }


#content ul {

    list-style-type: disc;

}


p.subindex {
	font-size: .9em;
}

/*

=====================================================================================



    GENERAL XHTML TAGS



================================================================================

*/



a {

	font-weight: normal;

    }



    a:link, a:visited{

    	color: #00529b;         /* Crest Blue (rgb 0, 82, 155) */

        text-decoration: none;

    	}



    a:hover, a:active {

    	text-decoration: underline;

    	}



    #content a:link, #content a:visited {

        text-decoration: underline;

        }



        #content a:hover, #content a:active {

            text-decoration: none;

            }



    #content h3 a:link, #content h3 a:visited {

        font-weight: bold;

        text-decoration: underline;

        }



    #content h3 a:hover, #content h3 a:active {

        text-decoration: none;

        }



abbr, acronym {

	border-bottom: 1px #c0c0c0 dashed;  /* Light Grey (rgb 192, 192, 192) */

	cursor: help;

	}



address {

    font-style: normal;

    margin-left: 20px;

    }



blockquote {

    font-size: 1em;

    margin-left: 40px;

    }



code, kbd, pre, samp, tt {

    font-family: "Courier New", Courier, monospace;

    font-size: 1.2em;

    }



del {

    text-decoration: line-through;

    }



em, i {

	font-style: italic;

	}



form {

    width: 100%;

	}



    fieldset {

	    border: 1px #c0c0c0 solid;      /* Light Grey (rgb 192, 192, 192) */

    	}



	label {

        font-weight: normal;

        }



	legend {

        font-weight: bold;

	    }



    textarea {

	    margin-bottom: 10px;

	    width: 75%;

	    }


img {

	border: 0;

    margin: 0;

    padding: 0;

	}



    /* If image comes after an H2 page heading then it is a small image and should be floated right */

    #content h2 + img {

        float: right;

        margin: 0 0 5px 10px;

        width: 250px;

        }



    #content em {

        margin: 0;

        padding: 0;

        }



ins {

    background-color: #ffff00;      /* Crest Yellow - like a highlighter pen! */

	text-decoration: none;

    }


/* the <q> tag is for inline quotations - this removes the automatically inserted quotation marks in W3C-compliant

browsers but which are not supported in IE.  (See http://alistapart.com/articles/qtag for details.) */

q:before, q:after {

    content: "";

    }



small, .small {

	font-size: 0.9em;

	}



strong, b {

	font-weight: bold;

	}



/* strike has been deprecated by the W3C as of xhtml 1.0 but I've included it here just in case anyone uses it! */

strike {

    text-decoration: line-through;

    }



sub {

	vertical-align: sub;

	}



sup {

	vertical-align: super;

	}



table {
    border-top: 1px solid #BDDEF9;
    border-bottom: 1px solid #BDDEF9;
    margin: 10px 0;
    padding: 0;
    width: 100%;
	border-collapse: collapse;
}

caption {
	caption-side: top;
	text-align: left;
	font-weight: bold;
	margin: 1em 0;
}

thead {
	border-top: 1em solid white;
	background-color: #BDDEF9;
}

th {
}


th[scope="row"] {
	background-color: transparent;
}

tr.firstrow {
	border-top: 1px solid #BDDEF9;
}

td, th {
	padding: 0.4em;
	vertical-align: top;
	border: none;
}

tfoot {
	font-style: italic;
}



u {

	text-decoration: underline;

	}



/* <var> is used to indicate a variable or program argument; it is normal to render this in italics. */

var {

    font-style: italic;

    }





/*

================================================================================



    MISC. DIVISIONS



================================================================================



    === sde1 Formats table on Address and Contact pages === */



    /* Removes default bottom border from table */

    .contacts table {

		border-top:0;

        border-bottom: 0;

        }



    /* Indents first column */

    .contacts table th {

        padding-left: 40px;

        }



    /* Separates headings */

    .contacts h3 {

		border-bottom: 1px solid #a7b0c9;

        margin: 10px 0;

		}



    /*Format of Emergency information at top of contacts page*/

	#emergency {

		border-bottom: 1px solid #a7b0c9;

		padding-bottom: 10px;

	}



/*

================================================================================



    MISC. CLASSES



================================================================================

 */



.alignright {

	float: right;

	}



.alignleft {

	float: left;

	}



/* 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. */

.hide a {

    display: inline;

    font-size: 1.2em;

    left: -200em;

    padding: 0 0.5em;

	position: absolute;

    text-decoration: none;

    width: 14em;

    z-index: 2;

	}



    .hide a:focus, .hide a:active {

        position: absolute;

        left: 0.5em;

        border: solid #00529b 2px;

        color: #000;

        background: #fff;

    }



.fileoutput {

    font-size: 0.875em;

    }



#content .fileoutput {

    display: inline;

    }



.photocaption {

    margin: 0;

    padding: 0;

    }



table.vacancy td {

    background-color: #f1f1ee;

    }



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

    This document automatically commented by GarethBrain v.35.7(tm)

    Get Firefox -- Rediscover the Web (www.getfirefox.com)

    No polar bears were harmed in the creation of this CSS file.

  ==============================================================================

    */

#header h1 {
	color: #00529b;
    font-weight: bold;
    font-size: 3.2em;
	margin: 0;
	padding: 0;
	line-spacing: 100%;
}


#header p {
	font-size: 1.8em;
	margin: 0;
	padding: 0;
	line-spacing: 100%;
}

.profile_img {
	float: left;
	border: 1px solid black;
	margin: 0 8px 8px 0;
}

.cap_img img {
	float: left;
/*	border: 1px solid black;*/
	margin: 0 8px 8px 0;
}

p.newshead + img {
  border: none;
}

.callout {
	margin: 0 16px 8px 16px;
	padding: 8px;
	border: 1px solid black;
	background-color: #BDDEF9;
}

.callout p {
	margin-bottom: 0;
}

.callout h4 {
	margin-top: 0;
}

.event_list {
	clear: both;
	border-top: 1px solid #CCC;
	padding: 8px 0 0 0;
	margin: 0;
}

.newshead {
	font-weight: bold;
	font-size: 110%;
	margin-top: 2em;
	clear: both;
}

.content_image {
	float: left;
	margin: 0 1em 1em 0;
	padding: 0;
}

.content_image img {
	border: 1px solid black;
}

.content_image p {
	font-size: 0.8em;
	margin: 0.5em 0 0 0;
	padding: 0.3em 0;
	border-top: 1px solid #999999;
	border-bottom: 1px solid black;
}

.pullquote {
	font-size: 120%;
	float: right;
	width: 40%;
	background-color: #BDDEF9;
	padding: 1em;
	margin: 0 0 1em 2em;
}