body {

	background-color:#EFEFEF;
	background-image:url("s.JPG");
	font-size: medium; 
	font-family: Arial, Helvetica, sans-serif;
	}

H1  {font: 1.5em Arial; color: black;}
H2  {font: 1.2em Arial; color: black; font-weight:bold;}
iB {font: 10pt Arial;  color: #000000; font-weight:bold;}
B2 {font: 10pt Arial;  color: #FFFFFF; font-weight:bold;}
H3 {font: 11pt Arial; color: #000000; font-weight:bold;}
H4 {font: 8pt Arial; color: #000000;  font-style: italic;}


A.main:link {font: 1em Arial;  color: #0000FF; font-weight:bold;text-decoration: 
none}
A.main:visited {font: 1em Arial; color: #0000AA; font-weight:bold}
A.main:active {font: 1em Arial; color: #0000AA; font-weight:bold;}

A:link {font: 1em Arial;  color: #FFFFFF; font-weight:bold;text-decoration: 
none}
A:visited {font: 1em Arial; color: #EEEEFF; font-weight:bold}
A:active {font: 1em Arial; color: #EEEEFF; font-weight:bold;}


div.lists {

	margin: 0 auto; 
	background-color:#FFFFFF;
	color: black
	text-align: center;
	width: 800px;	
	padding: 1em 1em 1em 1em;

	border-style:solid; border-width:0px; border-color:#000000; 
	}

div.blue {
	margin: 0 auto; 
   	background-color: #3333FF;
	color: #8888FF;
	text-align: center;
	width: 800px;	
	padding: 1em 1em 1em 1em;

	border-style:solid; border-width:0px; border-color:#000000; 
	}

div.main {

	margin: 0 auto; 
	background-color:#FFFFFF;
	color: black
	text-align: center;
	width: 800px;	
	padding: 1em 1em 1em 1em;

	border-style:solid; border-width:0px; border-color:#000000; 
	/*if there is an "auto" padding pushes it bigger*/
	}

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }
/* this is for centring the image*/

table, th, td {border: none;}
table {
	border-collapse: collapse; 
	border-spacing:0; 
	display:table;
	table-layout: fixed;}

td {vertical-align: top;}
th {
	vertical-align: top;
	background-color:  #FFFFFF;
	color: #000000;}
th.name {width: 20%;}
th.pronunciation {width: 10%;}
th.meaning {width: 45%;}
th.english {width: 15%;}
th.gender {width: 10%;}


tr:nth-child(even) {background-color:  #F8F8F8;} 
tr:nth-child(odd) {background-color:  #F0F0F0;} 

/*
#d3e3fe; #aeccfd;
*/

/*
#ffc9c9; #ffe0e0;
*/




@media screen and (max-width: 800px) {
  #container, #header, #content, #footer {
    float: none;
    width: auto;
  }

  body { font-size: large; }
#main {width:300px;}
}

