a {color: blue; text-decoration: underline}
a:hover {color: red}

body {
  background-color: #FFFFFF;
  color: black;
/*  color: #333333; */
  font-size: 14px; font-weight: normal;
  line-height:150%;
  margin: 0;
  padding: 0;
}

body.en {
  font-family: "Arial", "‚l‚r ‚oƒSƒVƒbƒN";
}

body.jp {
  font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Arial";
}

div {
  clear: both;
  margin: 0 auto 0 auto;
  position: relative;
  text-align: left;
  width: 700px;
}

div.news {
/*  background: url(img/news.png) top center repeat-x #FFFFFF; */
  border: 2px #CEE4F7 solid;
  border: 1px blue solid;
  margin-top: 20px;
  width: 500px;
}  

div.wide {width: 800px}

form {
  margin: 0 25px 0 25px;
  padding: 0;
}

form input {
  width:100px;
  color: #27247B;
}

h1 {
  background: url(img/title_blue.png) top center repeat-x #CEE4F7;
  color: blue; /*#27247B;*/
  font-family: "Arial", "‚l‚r ‚oƒSƒVƒbƒN";
  font-size: 17px;
  font-weight: bold;
  margin: 15px auto 10px auto;
  padding-left: 8px;
  text-align: left;
  width: 100%;
}

h1.home {margin: 0 0 5px 0}
h1.child {background-image: url(img/title_blue.png)}
h1.adult {background-image: url(img/title_yellow.png)}
h1.school {background-image: url(img/title_pink.png)}
h1.links {background-image: url(img/title_green.png)}
h1.news {background: url(img/title_blue.png); margin: 0; width: 492px}

hr {
  /* NB some properties needed for cross-browser comlicance */
  background-color: blue;
  border: 0;
  color: blue;
  height: 6px;
  margin: 15px auto 15px auto;
  width: 100%;
}

hr.sub {
  background-color: #CEE4F7;
  color: #CEE4F7;
  height: 2px;
  width: 95%;
}

img {border: 0}

p {margin: 5px}

table {
  border: 0;
  border-collapse: collapse;
  margin: 0 auto 0 auto;
  text-align: left;
/* border: 1px solid red; */  
}

table td{
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: middle;
/* border: 1px solid red; */ 
}

table tr.sp {height: 20px}

table.links td {padding-bottom: 15px}

table.price {width: 600px}
table.price td {
  background-color: #FFC;
  border: 1px #600 solid;
  padding: 2px;
}
table.price td.blank {
  background-color: transparent;
  border-width: 0 0 1px 0;
  height: 15px;
}

table.schedule {
  line-height: 100%;
  text-align: center;
}
table.schedule td {
  border: 1px gray solid;  
  padding: 2px;
  width: 120px;
}

/*** Header navigation ***/
table.nav {
  border-collapse: collapse;
  line-height: 120%;
  text-align: center;
}
table.nav td {
  background-color: #E7E7E7;
  border-color: #B5B2B5;
  border-style: solid;
  border-width: 0px 1px 1px 1px;
  padding: 2px;
  width: 114px;
}
table.nav td.highlight {
  background-color: transparent;
  border-width: 0;
  color: blue;
  font-weight: bold;
}
table.nav a {color: #27247B; text-decoration: none}
table.nav a:hover {color: red}

ul {
  list-style: square outside;
  padding-left: 20px;
/*border: 1px red solid;*/
}
li {padding-bottom: 10px}
ol {padding-left: 24px}
ol.tight {margin: 0}
ol.tight li {padding: 0}

/*** General classes ***/

/*** Colour ***/
.blue {color: blue}
.grey {color: #333333}
.red {color: red}
.fo {background-color: #FFFF00}
.el2 {background-color: #F6F868}
.el3 {background-color: #ADEBFF}
.el4 {background-color: #FEDC92}
.el5 {background-color: #E1C1FF}
.gf2 {background-color: #F4A460}
.sl1 {background-color: #BAB1FB}
.sl2 {background-color: #D4F868}
.pr {background-color: #FFDAB9}
.ex {background-color: #A2FD89}
.adj {background-color: #F5F5DC}

/*** Size ***/
.big {font-size: 18px}
.small {font-size: 12px}
.title{font-size: 30px; margin: 20px auto 20px auto}

/*** Style ***/
.bold {font-weight: bold}
.italic {font-style: italic}

/*** Position ***/
.left {
/*  border: 1px #333333 solid; */
  clear: left;
  float: left;
  margin: 0 20px 20px 5px;
  width: auto;
}
.right {
/*  border: 1px #333333 solid; */
  clear: right;
  float: right;
  margin: 0 5px 20px 20px;
  width: auto;
}
.center {text-align: center}
.space {margin: 15px 0 15px 0}
.topspace {margin-top: 15px}
.botspace {margin-bottom: 15px}