BODY {font-family:arial,verdana,sans-serif;
      font-size: 12pt;
      color:#112255;
      background:#FFFFFF;}
     }
div.centred
  {
  text-align:center;
  }
div.banner, div.toprunner, H1
  {
  margin:0;
  padding:0;
  }
div.banner h3
  {
  margin:0;
  padding:0;
  text-align:center;
  }
div.toprunner
  {
  height:22px;
  }
div#topspacer
  {height:9px;}

div.main
  {
  width: 1000px;
  border-left: 3px solid #DDDDEE;
  border-right: 3px solid #DDDDEE;
  margin: 0 auto;
  }
H1
  {
  font-family:"VAG rounded light",verdana,sans-serif;
  font-size:20pt;
  color:#608030;
  text-align:center;
  }
H2, H3
  {
  font-family:arial,verdana,sans-serif;
  color:#112255;
  font-weight:bold;
  }
H2
  {
  font-size:14pt;
  margin-bottom:0; padding-bottom:0;
  }
H3
  {
  font-size:12pt;
  margin-bottom:0; padding-bottom:0;
  }
h3.comic, h3.comictight
  {
  font-size:14pt;
  color:#883333;
  font-family:"comic sans MS","Gill sans",sans-serif;
  }
 h3.comictight
  {
  margin-top:0;
  padding-top:0;
  }

H4
  {
  font-size:10pt;
  color:#777799;
  text-align:center;
  margin-bottom:0; padding-bottom:0;
  }


p.ifnoscript
  {
  text-align:center;
  font-size:10pt;
  }

P.miniexpl
  {
  font-size:9pt;
  margin-top:5px; padding-top:0; margin-bottom:20px;
  background-color:#EEDDDD;
  }
p.tandc
  {
  color:#883333;
  font-size:75%;
  }

a:hover
  {color:#880000; font-weight:bold}

UL {list-style:disc outside; line-height:1.2em; margin-top:5px; text-indent:0px; font-size:11pt; font-weight:bold;}
LI {font-weight:normal;}


span.tiny
  {font-size:6pt;}
span.artlogo
  {
  font-family:"Monotype Corsiva",verdana,sans-serif;
  font-size:36pt;
  color:#905070;
  }
/* ......... T A B L E   ( I N C   T  D )  P R O C E S S I N G ............. */
/*table   {  width:100%;  margin:0;  padding:0;  }  */
td
  {vertical-align:top;}
td.fiftyfifty
  {width:50%;}
td.thirds
  {width:33%;}

table#homepage1
  {width:1000px; margin-left:0;}
table#homepage1 td
  {padding:0; border-width:0; vertical-align:top;}
td.iamastudent, td.iamateacher
  {width:260px;}

td.iamastudent
  {
  background: transparent url(i/iamastud1.jpg) top left no-repeat;
  }
td.iamateacher
  {
  background: transparent url(i/iamateac1.jpg) top right no-repeat;
  }
td.iamastudent a, td.iamateacher a
  {
  display:block;
  font-size:11pt;
  line-height:2.2em;
  text-decoration:none;
  color:#112255;
  }
td.iamastudent a:hover, td.iamateacher a:hover
  {color:#880000; font-weight:bold;}

td.iamastudent h3.comic, td.iamateacher h3.comic
  {
  padding-top:12px;
  }
td.iamastudent a, td.iamastudent h3.comic
  {
  text-align:right;
  padding-right:24px;
  }
td.iamateacher a, td.iamateacher h3.comic
  {
  text-align:left;
  padding-left:24px;
  }
td.pix200
  {width:200px;}
td.pix260
  {width:260px;}
td.pix280
  {width:280px;}

td.minage
  {
  color:#FF0000;
  text-align:center;
  vertical-align:middle;
  font-size:120%;
  }
table.mthdemo
  {
  width:600px;
  margin:6px auto;
  }
tr.mths td
  {width:50px;}
td.mthy
  {
  width:49px;
  }
td.Jan, td.Feb, td.Mar, td.Apr, td.May, td.Jun, td.Jul, td.Aug, td.Sep, td.Oct, td.Nov, td.Dec
  {
  text-align:center;
  width:50px;
  }
td.Jan
  {background:#FFFFFF;}
td.Feb
  {background:#FFFFDF;}
td.Mar
  {background:#FFFFBF;}
td.Apr
  {background:#FFFF9F;}
td.May
  {background:#DFFF9F;}
td.Jun
  {background:#BFFF9F;}
td.Jul
  {background:#9FFF9F;}
td.Aug
  {background:#BFDF8F;}
td.Sep
  {background:#DFBF7F;}
td.Oct
  {background:#FFAF6F;}
td.Nov
  {background:#CCBBAA;}
td.Dec
  {background:#EEDDDD;}
table#homefoot
  {margin-top:6px;}
td#finedyne
  {
  width:400px;
  padding-left:12px;
  text-align:left;
  vertical-align:top;
  font-size:75%;
  }
td#finedyne a img
  {
  border:none;
  float:left;
  }
td#jonathan
  {
  width:200px;
  text-align:center;
  vertical-align:top;
  font-size:75%;
  }
td#gotop
  {
  width:400px;
  padding-right:67px;
  vertical-align:top;
  }
td#gotop a img
  {
  border:none;
  float:right;
  }

img.tiled
  {
  float:left; clear:left;
  margin:0;
  border:none;
  height:200px;
  }


div.pix
  {
  margin:0;
  padding:0;
  display:block;
  }

table.abenav
  {
  width:999px;
  margin:4px 0;
  padding:0;
  }
table.abenav tr td
  {
  width:333px;
  text-align:center;
  font-size:10pt;
  }
p.tip, p.tiplet
  {
  text-align:center;
  font-size:11pt;
  color:#000000;
  background:#EEEE88;
  }
p.tip
  {
  width:600px;
  margin:0 auto;
  }
p.tiplet
  {
  margin:0;
  }

p.tip em
  {
  font-weight:bold;
  font-style:normal;
  }
div.attrib
  {
  margin-top:0;
  padding:4px 6px;
  background:#DDDDDD;      
  }
div.attrib p, div.attrib p a
  {
  font-size:10pt;
  color:#777799;
  text-align:left;
  margin-top:0; padding-top:0;
  margin-bottom:0; padding-bottom:0;
  }
div.attrib p a
  {
  text-decoration:none;
  padding-left:8px; padding-right:8px;
  }
div.attrib p a:hover
  {color:#880000; font-weight:bold;}


div#homeiconkey
  {
  margin-top:0;
  background:#DDDDDD;      
  }
div.homeiconkey1
  {
  margin:6px 12px;
  padding:6px;
  background:#FFFFFF;      
  }


em
  {
  font-weight:bold;
  font-style:normal
  }
em.i
  {
  font-weight:normal;
  font-style:italic;
  }
em.bi
  {
  font-weight:bold;
  font-style:italic;
  }

img.iconi
  {
  border:none;
  width:48px;
  height:40px;
  margin: 0 16px 4px 8px;
  float:left;
  clear:left;
  }
img.gowwwdemo
  {
  position:relative;
  top:3px;
  }

.greyedout
  { color:#888888;  }

/* text-heavy styles used in subject-guides and in course-provider info pages: */

div.intro
  {
  padding: 40px 100px;
  }
 
div.intro p
  {
  font-size:92%;
  text-align:justify;
  margin-top:0; padding-top:0;
  margin-bottom:10px; padding-bottom:0;
  }
div.intro p a, td.gohome a, td.golist a
  {
  padding-left:8px; padding-right:8px;
  }
 
div.intro h5
  {
  font-size:100%;
  color:#334455;
  text-align:left;
  margin-top:16px; padding-top:0;
  margin-bottom:6px; padding-bottom:0;
  }

/* Display contact address as images ....................... */

div#linkmail
  {
  background:#FFFFFF;
  text-align:center;
  padding-bottom:4px;
  }
div#linkmail span
  {
  position:relative;
  top:3px;
  }