<!--preschool style.css -->
a:link {
  color:#8000ff;
  font-family:Verdana;
  font-size:15px;
  text-decoration:none;
}
a:visited {
  color:#FF0000;
  font-family:Verdana;
  font-size:15px;
  text-decoration:none;
}
a:hover {
  background:#0000FF;
  color:#FFFFFF;
  font-family:Verdana;
  font-size:15px;
  text-decoration:none;
}
a:link.mail {
  background:#FFFFFF;
  color:#0000FF;
  font-family:Verdana;
  font-size:15px;
  text-decoration:none;
}
a:visited.mail {
  background:#ffffff;
  color:#ff0000;
  font-family:Verdana;
  font-size:15px;
  text-decoration:none;
}
a:hover.mail {
  background:#0000FF;
  color:#FFFFFF;
  font-family:Verdana;
  font-size:15px;
  text-decoration:none;
}
a:link.nav {
  color:#FFFFFF;
  font-family:Verdana;
  font-size:15px;
  text-decoration:none;
}
a:visited.nav {
  background:#FF0000;
  color:#000000;
  font-family:Verdana;
  font-size:15px;
  text-decoration:none;
}
a:hover.nav {
  font-family:Verdana;
  font-size:15px;
  text-decoration:none;
  background:#eee;
  color:#f00;
}

body {
  background-color:#0000ff;
  background-image:url("images/image.jpg");
  font-size:15px;
  font-family:Arial, Helvetica, sans-serif, Verdana;
  text-align:center;
}

.clear {
  clear:both;
}

div#box {
  background-color:#FAFAD2;
  border-color:#000000;
  border-style:ridge;
  border-width:thin;
  margin-left:0px;
  margin-right:0px;
  position:relative;
  padding:8px;
  float:center;
}
/*  margin-top:0px;  margin-bottom:0px;  margin-left:auto;  margin-right:auto;*/
div#container {
  background-color:#FFFFFF;
  margin:0px auto;
  padding:0px;
  position:relative;
  text-align:left;
  width:993px;
}
div#footer {
  background-color:#fff;
  clear:both;
  margin-bottom:0px;
  padding:2px;
  position:relative;
  text-align:center;
}
div#head {
  background-color:#FF0000;
  height:150px;
  left:0px;
  margin-left:auto;
  margin-right:auto;
  top:0px;
  text-align:center;
}
div#left {
  background-image:url("images/banner/bg.jpg");
  float:left;
  margin-bottom:0px;
  margin-left:0px;
  margin-right:auto;
  margin-top:0px;
  padding:3px;
  position:relative;
  width:250px;
}
div#main {
  background-color:#FFFFFF;
  background-image:url("images/banner/lgradient999.jpg");
  margin-bottom:0px;
  margin-left:260px;
  margin-right:0px;
  margin-top:0px;
  padding:1em;
}
div#nav {
  background-color:#FFF0F5;
  float:left;
  margin-bottom:0px;
  margin-left:0px;
  margin-right:auto;
  margin-top:0px;
  padding:3px;
  position:relative;
  width:250px;
}

h1,h2,h3,h4 {
  margin-top:0px;
  padding-top:0px;
  text-align:center;
}
hr {
  color:#00F;
}

img#center {
	float:center;
	margin-top:0px;
  margin-bottom:0px;
}

img#left {
	float:left;
	margin-top:0px;
  margin-bottom:0px;
}

img#right {
	float:right;
	margin-top:0px;
  margin-bottom:0px;
}

p {
  color:black;
}
p.blue {
  color:#00f;
}
p.center {
  text-align:center;
}
p.red {
  color:#f00;
}

li#nav {
	display:inline;
	position: relative;
}

ul {
	margin-left:10px;
	padding-left:10px;
}
ul#nav {
	list-style-type:none;
	margin-left:10px;
}