/* Document's background colour */
body {background-color: cornsilk}

/* Page title - colour, size, font and margin */
h2 { color: forestgreen; font-size: 15px; font-family: tahoma, arial, sans-serif; margin-left: 10px;}
h3 { color: darkblue; font-size: 12px; font-family: tahoma, arial, sans-serif; margin-left: 10px;}
hr {color:navy}
p {
font-size:10pt; 
margin-left: 10px; 
margin-right: 40px; 
width:700px;
text-align:justify;
font-family: arial;
}

p.bio {  height: 150px; }

/* Highlight colour for links in the banner */
#banner a:hover    {color:black; border: 1px solid red}


/* Inline images */
img.inline { margin: 5px 12px 5px 0px; color: inherit; clear: both; float: left; }


img.float
{
float:left;
margin:0 0 0px 0px;
padding:5px;
text-align:center;
}

#banner
{
background-image:url('/images/banner.jpg');
background-repeat: no-repeat;
width: 800px;
height: 147px;
font-size: 15px;
}



#banner ul
{
float:left;
width:450px;
padding:0;
margin-top:55px;
margin-left:300px;
_margin-left: 150px;
list-style-type:none;
text-align: center;
font-family: tahoma, arial, sans-serif;
}

#banner a
{
font-size: 13pt;
float:left;
width:100px;
height:2em;
text-decoration:none;
color:brown;
background-color:inherit;
border:1px solid white;
padding-top: 0.3em;
vertical-align: center;
}

#banner li {display:inline; width: 100px}

#banner td:hover {border:5px}

/* Table elements */
/* Links inside a table: colour, font, size */
td a {color: slateblue; font-family: tahoma, arial, sans-serif; font-size: 10pt;}
td {width:100px; vertical-align: top; padding: 5px}
td:hover {background-color: cornsilk; border: 5px;}
td img {margin-top: 0px; margin-bottom: 2px; margin-left:auto; margin-right:auto; display: block}

caption { font-size: 80%;
          font-family: Verdana, Arial, sans-serif;
          text-align: left; caption-side: bottom; }
span
{
float:left;
font-size:3em;
font-family:georgia,arial, courier, tahoma, sans-serif;
line-height:80%;
position: relative;
top: -5px;
right: 3px;
}