/* THE MAIN STYLE SHEET FOR GRAPHICAL DISPLAY OF MY WEBPAGES */
/* WRITTEN IN CASCADING STYLE SHEETS, LEVEL 1 (CSS) */

/* Rem: Generic font families: serif, sans-serif, cursive, fantasy, monospace */ 

/* BODY */
/* Set background and margins for page */

body { 
      color: black;
      background: url(http://pcwww.liv.ac.uk/~msd30/images/background.jpg) #ffffff repeat;
      margin-left: 5%;
      margin-right: 5%;
     }


/* HEADINGS */

/* Main title at top of page - bordered and in small-caps */

h1.main {font: normal small-caps 900 x-large/120% times, serif;
         text-align: center;
	 width: 100%;
	 border: medium solid black;
         background: url(http://pcwww.liv.ac.uk/~msd30/images/background2.jpg) #dddddd repeat;
	}

h1 {font: normal normal bold x-large/100% times, serif}

h3 {font: normal normal bold large/100% times, serif}

/* TABLES */

table.chapterhead {width: 100%;
                   border: none;
                   background: url(http://pcwww.liv.ac.uk/~msd30/images/background.jpg) #ffffff repeat}

table.images {border: none;
              background: url(http://pcwww.liv.ac.uk/~msd30/images/background2.jpg) #dddddd repeat}

table.halfcenter {width: 50%;
            margin-left: 25%;
            margin-right: 25%;
            border: none;
            background: url(http://pcwww.liv.ac.uk/~msd30/images/background.jpg) #ffffff repeat;
	    font: normal normal normal medium/100% times, serif;
	    text-align: center}

td.heading {border: none;
            background: url(http://pcwww.liv.ac.uk/~msd30/images/background2.jpg) #dddddd repeat;
	    font: normal normal bold large/100% times, serif;
	    text-align: center}

td.quarter {width: 25%;}

/* GENERIC CLASSES */
/* These will work with any suitable html element */

.footer {font: italic normal normal medium/100% times, serif;
          text-align: center;
	  }

.center {text-align: center}

.right {text-align: right}

.border {border: medium solid black}

.bold  {font: normal normal bold medium/120% times, serif}

.large {font: normal normal normal large/120% times, serif}

.small {font: normal normal normal small/100% times, serif}

.notext {font: normal normal normal small/0% times, serif}

.overline {text-decoration: overline}

/* Only works for in-line elements, e.g. span */

.middle {vertical-align: middle}

/* Only work for block elements, e.g. p, div, img */

.leftfloat {float: left}

.rightfloat {float: right}

/* NORMAL TEXT */

p {font: normal normal normal medium/120% times, serif}

ul {font: normal normal normal medium/120% times, serif}

table {font: normal normal normal medium/120% times, serif}

/* Make prettier sub- and super-scripts */

sup, sub { vertical-align: 0;
           position: relative; }

sup { bottom: 1ex; }

sub { top: 0.8ex; }

/* ADDRESS */

address {font: italic normal normal medium/120% times, serif;
         text-align: left;
	}

/* Horizontal Rule <hr> */

hr {border: 1px solid #aaaaaa}

/* IMAGES */

p.image {text-align: center}

img {border: medium solid black;
     padding: 0.1%;
     background: url(http://pcwww.liv.ac.uk/~msd30/images/background2.jpg) #dddddd repeat;
    }

img.noborder {border-style: none;
     padding: 0.1%;
     vertical-align: middle;
     background: url(http://pcwww.liv.ac.uk/~msd30/images/background.jpg) #dddddd repeat;
    }
/* Specifically to put the html and CSS validation icons at the bottom left of the screen */

img.htmlvalid {float: left;
               background: url(http://pcwww.liv.ac.uk/~msd30/images/background.jpg) #ffffff repeat;
               border: none;
	       padding: 0%;
	       width: 88px;
	       height: 31px;
	      }
img.cssvalid {background: url(http://pcwww.liv.ac.uk/~msd30/images/background.jpg) #ffffff repeat;
              border:  none;
	      padding: 0%;
	      width: 88px;
	      height: 31px;
	      }