/*Here is the style sheet for the Simon Martyn-Ellis web pages*/

body {
background-color: black;
margin-top: 21px;
margin-bottom: 21px;
}

p.small {
font-size: 0.6em;
}

h3 {
font-size: 1.4em;
}

img.displayed {
display: block;
margin-left: auto;
margin-right: auto;
}

.smalltext {
font-size: 0.7em;
}

a:link {
color: maroon;
text-decoration: none;
}

a:visited {
color: maroon;
text-decoration: none;
}

a:hover {
color: white;
text-decoration: none;
}

#SMEinstrumentimage {
position: absolute;
width: 239px;
border: 0px white solid;
height: 200px;
padding-left: 1em;
color: maroon;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.8em;
}

#SMEtitle {
position: absolute;
top: 222px;
width: 239px;
height: 200px;
border: 0px white solid;
padding-left: 1em;
color: maroon;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.8em;
}

/*
padding-top: 15em;
padding-left: 1em;
padding-right: 1em;
*/

#SMElinks {
position: static;
border: 0px white solid;
width: 233px;
top: 0em;
left: 0em;
border-left: 6px maroon solid;
color: maroon;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;font-size: 1em;
}


#SMElinks ul {
margin: 0em;padding: 0em;
}

/*This ul selector is needed to indent the second layer (imbedded) of the unordered list element on the page for Firefox!*/
#SMElinks ul.secondlayer {
margin-left: 25px;
}


#SMElinks ul li.youarehere ul {margin-left: 25px;}

#SMElinks ul li {list-style-type: none;}

#SMElinks ul li.youarehere ul li.normal a:link, #SMElinks ul li.youarehere ul li.normal a:visited {
color: maroon;font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.7em;text-decoration: none;border-left: 10px black solid;}

#SMElinks ul li.youarehere ul li.normal a:hover {
border-left: 10px maroon solid;
padding-left: 15px;}

#SMElinks ul li a:link, #SMElinks ul li a:visited {color: maroon;font-family: Verdana, Helvetica, Arial, sans-serif;text-decoration: none;border-left: 10px black solid;padding-left: 15px;}

#SMElinks ul li.youarehere a:link, #SMElinks ul li.youarehere a:visited, #SMElinks ul li a:hover {border-left: 10px maroon solid;padding-left: 15px;}


#SMElinks ul li a:link span, #SMElinks ul li a:visited span {
display: none;}

#SMElinks ul li a:hover span {display: block;position: absolute;top: 240px;left: 27px;
width: 170px;
}

#SMEpersonalimage {
position: absolute;
left: 253px;
border: 0px white solid;
width: 275px;
min-height: 35em;
background-color: maroon;
padding: 1em;
font-family: Verdana, Helvetica, Arial, sans-serif;font-size: 0.9em;
}

/*
top: 0px:
left: 253px; 
margin-top: -404px;
margin-left: 253px; */


#SMEcontent {
position: absolute;
left: 565px;
border: 0px white solid;
width: 375px;
min-height: 35em;
margin-bottom: 21px;
background-color: maroon;
padding: 1em;
font-family: Verdana, Helvetica, Arial, sans-serif;font-size: 0.9em;
}

#SMEcontent p {
font-size: 0.9em;
}

#SMEcontent ul {
list-style-type: none;
font-size: 0.9em;
}

#SMEcontent a:link, #SMEcontent a:visited {
font-family: Verdana, Helvetica, Arial, sans-serif;font-size: 0.8em;
font-style: bold;
text-decoration: underline;
color: black;
text-align: left;
}

#SMEcontent a:hover {
font-family: Verdana, Helvetica, Arial, sans-serif;font-size: 0.8em;
font-style: bold;
text-decoration: underline;
color: white;
text-align: left;
}

