/* menu links are shown against a background colour of e0e0e0, so
   if text colour is set here (does it need to be?) then
   this should be respecified here for proper hygiene - ajf */

a.menu, a.thispage { display: block; text-decoration: none; color: #000000;
background-color: #e0e0e0; border: 1px solid; font-size: 105%;
padding-left: 7px; padding-right: 7px;
padding-top: 1px; padding-bottom: 2px; }

a.menu { border-color: #000070; }
a.thispage { border-color: #ba3434; }

a.menu:link { text-decoration: none; color: #000000; background-color: #e0e0e0 }
a.menu:visited { text-decoration: none ; color: #000000; background-color: #e0e0e0 }

#menubar a.menu:hover { text-decoration: underline; 
color: #000000; background-color: #e0e0e0;
border-color: #00f; }

a.menu:active { text-decoration: none; color: #000000; background-color: #e0e0e0 }

/* these links are displayed against the body colour, which we've set
   to be white, so that should be respecified here - ajf */
   
a { text-decoration: none; color: #0000a0; background-color: #fff; }
a:link { text-decoration: none; color: #0000a0; background-color: #fff; }
a:visited { text-decoration: none ; color: #700070; background-color: #fff; }
#content a:link:hover { text-decoration: underline; color: #3434ba; background-color: #fff; }
a:active { text-decoration: none; color: #000070; background-color: #fff; }

.subnav a { text-decoration: none; color: #0000a0; background-color: #e0e0e0; }
.subnav a:link { text-decoration: none; color: #0000a0; background-color: #e0e0e0; }
.subnav a:visited { text-decoration: none ; color: #700070; background-color: #e0e0e0; }
.subnav a:hover { text-decoration: underline; color: #3434ba; background-color: #e0e0e0; }
.subnav a:active { text-decoration: none; color: #000070; background-color: #e0e0e0; }


#topimage { position: absolute; top: 0px; left: 0px; background-image: url(http://www.physics.gla.ac.uk/ppe/img_3.png); background-repeat: repeat-x; width: 100% }

#topright { position: absolute; top: 0px; right: 0px }

#menubar { position: absolute; top: 150px; left: 5px }

#content { position: absolute; top: 90px; left: 200px; right: 15px }

td.subnav { font-size: 90%; color: #656565; background-color: #e0e0e0; }

td.pics { font-size: 100%; text-align: center; width: 155px }

/* no point in setting colour here, it's the same as body - ajf */
p { font-size: 100%; }

/* ditto */
p.centre { font-size: 100%; text-align: center }

/* but here */
p.scarlet { color: #ba3434; background-color: #fff; font-size: 100%;
font-weight: bold }

h3 { color: #ba3434; background-color: #fff;
font-size: 150%; font-weight: bold; }

div#content h3 { text-align: center; }

div#content h4 { font-size: 125% }

#research h4 { text-align: center; margin: 0.1em; }

#links h4 { margin: 0.1em; padding-left: 1.35em; }

/* note that IE and Moz use different default margin and padding on lists,
   hence the need to specify both */
#research ul, #links ul { margin: 0.35em; padding-left: 0.5em; }

#links ul { margin: 0.35em; padding-left: 1.0em; }

ol { list-style-type: decimal; }

table.latex { border: #000000 solid 1px; padding-left: 5px; padding-right: 5px; font-size: 100%; font-family: "courier new", serif }

input, textarea { font-size: 90%; border: 1px solid #c0c0c0; font-family: "trebuchet ms", sans-serif }

.contact { color: #656565; background-color: #fff; font-size: 90%; }
.contact, .valid { margin-top: 2em; text-align: center; }
.valid img { border: 0; }

hr { color: #c0c0c0; background-color: #fff; }

body { font-family: "trebuchet ms", sans-serif;
 font-size: 100%;
 color: #000; background-color: #fff;
 background-image: url(http://www.physics.gla.ac.uk/ppe/img_2.png);
 background-repeat: repeat-y }