* {
	color: #336633;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana, Helvetica sans-serif;
	font-size: 11pt;	
}
img {
	border: 0px;
}
h2 {
	padding-top: 5px;
}
img.menu_button {
	margin-top: 2px;
}
a.contact {
	color: #33cc33;
	text-decoration: none;
}
a.contact:hover {
	color: #663366;
	text-decoration: underline;
}
a.menu {
	color: #663300;
	text-decoration: none;
}
a.menu:hover {
  color: #ff4c00;
  text-decoration: none;
}
a.menu_selected {
  color: #ff4c00;
  text-decoration: none;
}
ul#menu_options {
  list-style:none;
  text-align: left;
  font-size: 0.9em;
}
ul#menu_options li {
  margin-left: 1.5em;
}
#heading, body.admin #heading, body.admin_display #heading {
  position: absolute;
  top:20px;
  left:250px;
  display: block;
  width: 300px;
  height: 100px;
  text-indent: -5000em;
  background: url("images/banner_heading.jpg") no-repeat top left;
}
body.admin #heading, body.admin_display #heading {
  background: url("images/banner_heading_admin.jpg") no-repeat top left;
}
#slogan{
  position: absolute;
  top:340px;
  left:0px;
}
#logo {
  position: absolute;
  top:10px;
  left:10px;
  display: block;
  outline: none;
  width: 100px;
  height: 155px;
  text-indent: -5000em;
  background: url("images/childcare_logo.jpg") no-repeat top left;
}
body.admin #logo, body.admin_display #logo {
  background: url("images/childcare_logo_admin.jpg") no-repeat top left;
}
#jigsaw{
  position: relative;
  right:0px;
  bottom:0px;
  z-index:0;
}
img.toy_pic {
  position: absolute;
  top: 5px;
  right: 5px;
}
.toy_header {
  display: block;
  float: left;
  font-family: Arial, Verdana, Helvetica sans-serif;
  color: #336633;
  margin: 10px 0 0 10px;
  padding-bottom: 5px;
}
div.toy_entry a.toy_hire {
  float: left;
  font-family: Arial, Verdana, Helvetica sans-serif;
  display: block;
  width: 80px;
  height: 22px;
  outline: none;
  margin-left: 40px;
  text-indent: -50000px;
  margin-top: 8px;
  background: url("images/hire_button.png") no-repeat bottom left;
}
div.toy_entry  a.toy_hire:hover {
  color: #336633;
  text-decoration:none;
  background-position: top left;
}
p.toy_standard {
	margin: 5px 10px 5px 10px;
	width: 480px;
	text-align: left;
	font-style: italic;
	font-size: 90%;
	line-height: 1.0em;
}
#address{
	position: absolute;
	top:15px;
	right:20px;
	text-align: right;
	font-family: Arial, Verdana, Helvetica sans-serif;
	color: #336633;
}
#details {
	padding: 10px 0;
	width: 750px;
	text-align: center;
}
#details p {
	font-family: Arial, Verdana, Helvetica sans-serif;
	color: #33cc33;
	font-size: 0.8em;
}
#toys, #toys_index{
	position: absolute;
	top:75px;
	left:0px;
	z-index:1;
	border: 1px solid #336633;
}
#resources {
	position: absolute;
	text-align: center;
	top:75px;
	left:0px;
	width: 300px;
	height: 240px;
	z-index:1;
	background:url(images/reg_bg.gif);
}
#left_panel {
  display: block;
  text-align: center;
  float: left;
  margin-top:10px;
  margin-left:0px;
  width: 298px;
  height: 238px;
  border: 1px solid #663366;
}
body.index #left_panel {
	width: 301px;
	height: 241px;
}
#left_panel p {
  padding: 10px;
}
body.index #left_panel {
  background: url('images/playbase.jpg') no-repeat top left;
  border: 0;
}
body.membership #left_panel {
	background: url('images/3pigs.jpg') no-repeat top left;
}
body.resources #left_panel_0, 
body.resources #left_panel_1, 
body.resources #left_panel_2, 
body.resources #left_panel_3, 
body.resources #left_panel_4, 
body.resources #left_panel_5, 
body.resources #left_panel_6, 
body.resources #left_panel_7, 
body.resources #left_panel_8, 
body.resources #left_panel_9, 
body.resources #left_panel_10 
{
  display: block;
  text-align: left;
  position: absolute;
  top: 250px;
  left: 50px;
  width: 300px;
  height: 240px;
  background: url('images/reg_bg.gif') no-repeat top left;
}
body.resources #left_panel_1, 
body.resources #left_panel_2, 
body.resources #left_panel_3, 
body.resources #left_panel_4, 
body.resources #left_panel_5, 
body.resources #left_panel_6, 
body.resources #left_panel_7, 
body.resources #left_panel_8, 
body.resources #left_panel_9, 
body.resources #left_panel_10  
{
  text-align: center;
  visibility: hidden;
  background: url(images/reg_bg.gif) no-repeat left top;
}
body.toys #left_panel p.standard {
  padding-bottom: 0px;
  margin-bottom: 5px;
}
body.resources h4 {
  padding: 8px 2px 2px 2px;
  background: none;
}

body.resources #cat_art,
body.resources #cat_construction,
body.resources #cat_dressing-up,
body.resources #cat_musical,
body.resources #cat_physical,
body.resources #cat_puzzle,
body.resources #cat_sensory,
body.resources #cat_soft,
body.resources #cat_tactile,
body.resources #cat_topic_sack
 {
	width: 224px;
	height: 180px;
	display: block;
	margin-left: 37px;
}
body.resources #cat_art {
	background: url("images/resources/art.jpg") no-repeat top left;
}
body.resources #cat_construction {
	background: url("images/resources/construction.jpg") no-repeat top left;
}
body.resources #cat_dressing-up {
	background: url("images/resources/construction.jpg") no-repeat top left;
}
body.resources #cat_musical {
	background: url("images/resources/musical.jpg") no-repeat top left;
}
body.resources #cat_physical {
	background: url("images/resources/physical.jpg") no-repeat top left;
}
body.resources #cat_puzzle {
	background: url("images/resources/puzzle.jpg") no-repeat top left;
}
body.resources #cat_sensory {
	background: url("images/resources/sensory.jpg") no-repeat top left;
}
body.resources #cat_soft {
	background: url("images/resources/soft.jpg") no-repeat top left;
}
body.resources #cat_tactile {
	background: url("images/resources/soft.jpg") no-repeat top left;
}
body.resources #cat_topic_sack {
	background: url("images/resources/soft.jpg") no-repeat top left;
}
body.resources #left_panel_0  p {
	padding: 5px 10px;
}
body.resources #left_panel_0  ul {
	margin-left: 30px;
}

#right_panel {
  display: block;
  float: left;
  margin-top: 10px;
  margin-left: 40px;
  width: 340px;
  height: 240px;
  background: url('images/irreg_bg.gif') no-repeat top left;
}
#right_panel p {
  padding: 10px;
}
body.resources #right_panel_0, 
body.resources #right_panel_1, 
body.resources #right_panel_2, 
body.resources #right_panel_3, 
body.resources #right_panel_4, 
body.resources #right_panel_5, 
body.resources #right_panel_6, 
body.resources #right_panel_7, 
body.resources #right_panel_8, 
body.resources #right_panel_9, 
body.resources #right_panel_10 
{
  display: block;
  position: absolute;
  top: 250px;
  left: 400px;
  width: 340px;
  height: 240px;
  background: url('images/irreg_bg.gif') no-repeat top left;
}
body.resources #right_panel_0 p, body.resources #right_panel_7 p {
  padding: 10px;
}
body.resources #right_panel_1, 
body.resources #right_panel_2, 
body.resources #right_panel_3, 
body.resources #right_panel_4, 
body.resources #right_panel_5, 
body.resources #right_panel_6, 
body.resources #right_panel_7, 
body.resources #right_panel_8, 
body.resources #right_panel_9, 
body.resources #right_panel_10 
{
  visibility: hidden;
}
body.resources ul#resources_list {
	margin: 10px 0 10px 10px;
}
body.resources ul#resources_list li {
	float: left;
	display: block;
	padding-right: 15px;
	list-style-type: none;
}
#play_1, #play_2, #play_3, #play_4, #play_5, #play_6, #play_7, #play_8, #play_9, #play_10  {
  cursor: pointer;
  color:#33cc33;
  text-decoration: underline;
}
body.signup #right_panel {
	margin-left: 40px;
	margin-top: 0px;
}
#map{
  position: relative;
  top:12px;
  left:0px;
  z-index:3;
  border: 1px solid #336633;
}
#list_items{
  padding: 10px;
  width: 280px;
  height: 200px;
  z-index:3;
}
ul#resource_list, ul#resource_list2 {
  position: relative;
  list-style:none;
  text-align: left;
  width: 120px;
  height: 120px;
  font-family: Arial, Verdana, Helvetica sans-serif;
  font-size: 0.9em;
  line-height: 1.3em;
  color: #336633;
}
ul#resource_list {
  left: 0px;
  top: 0px;
}
ul#resource_list2 {
  left: 150px;
  top: -120px;
}
ul#resource_list li,  ul#resource_list2 li {
  color: #33cc33;
  margin-left: 0.8em;
}
ul.resource {
  padding: 10px 0 0 5px;
  list-style:none;
  text-align: left;
  font-family: Arial, Verdana, Helvetica sans-serif;
  font-size: 0.9em;
  color: #336633;
}
ul.resource li  {
  color: #33cc33;
  margin-left: 0.8em;
  padding: 4px;
}
.header {
  display: inline;
  font-family: Arial, Verdana, Helvetica sans-serif;
  color: #336633;
}
h2.banner {
  margin-bottom: 10px;
  text-indent: 1em;
  text-align: left;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 1.1em;
  color:#336600;
  background: #ffffff;
}
h4.banner_c {
  margin-bottom: 10px;
  text-indent: 0em;
  text-align: center;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 1.1em;
  color:#336600;
  background: #ffffff;
}
p.headtext {
  margin-top: 5px;
  margin-bottom: 10px;
  text-align: left;
  color:#a5a5a5;
}
p.standard, p.standard_lower {
  margin-top: 5px;
  margin-bottom: 10px;
  text-align: left;
  line-height: 1.1em;
  color:#336633;
}
p.standard_lower {
	width: 500px;
}
p.small {
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: left;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 0.8em;
  line-height: 1.1em;
  color:#336633;
}
#list_items2{
  position: absolute;
  top:80px;
  left:80px;
  width: 250px;
  z-index:3;
}
#play_table {
  display: block;
  text-align: center;
  width: 630px;
  margin-left:auto;
  margin-right:auto;
  padding: 5px 0;
} 
#contact_form {
  float: left;
  text-align: center;
  margin-left: 0px;
  width: 300px;
  height: 300px;
  border: 1px solid #663366;
}
#contact_error_form {
  text-align: center;
  margin-top: 50px;
  margin-left: 190px;
  width: 300px;
  height: 300px;
  border: 1px solid #663366;
}
#contact_error_form p {
	padding: 10px;
}
p.left {
	float:  left;
}
p.right {
	float:  right;
	cursor: pointer;
}
p.terms_text{
  text-align: left;
  color: #ffffff;
}
p.options{
  display: block;
  margin: 0px;
  padding:0px;
}
a.raff:hover {
  color:#ffffff;
  font-size: 100%;
  text-decoration: underline;	
}
a.links {
  color:#336633;
}
a.links:hover{
  color:#33cc33;
  text-decoration: none;
}
#clear {
  clear: both;
}
div.clear {
  clear: both;
}
#back {
  position: absolute;
  top: 0px;
  left: 0px;
}
td.left {
  text-align: left;
}
td.input {
  width: 75px;
  color: #336633;
  font-size: 0.9em;
  text-align: right;
  background: none;
}
tr.contact {
  height: 1.6em;
}
tr.toys {
  height: 1.6em;
}
td.legend {
  width: 70px;
  color: #336633;
  text-align: left;
  font-size: 0.9em;
  font-weight: bold;
  padding-left: 10px;
}
td.input {
  width: 110px;
  text-align: left;
}
.size_100 {
	width: 100px;
}
input {
  color:#ffffff;
  background: #33cc33;
  border: 1px solid #336633;
}
textarea {
  color:#ffffff;
  background: #33cc33;
  overflow: hidden;
  border: 1px solid #336633;
}
input.submit {
  margin: 10px;
  font-size: 0.7em;
  background-color: #336633;
  color: #ffffff;
  cursor: pointer;
  border: 1px outset #336633;
}
.block{
  display: block;
  border: 1px;
}

/* the users table in the ADMIN section */
table.centered {
	margin-left: auto;
	margin-right: auto;
}
td.counter{
	width: 30px;
	color:#ffff00;
	background-color:  #a5a5a5;
	text-align : center;
	border: 2px solid white;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
}
td.largeTitle, td.large{
	width: 160px;
	color:#000000;
	background-color:  #a5a5a5;
	text-align : center;
	border: 2px solid white;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 90%;
}
td.largeTitle a, td.large a {
	font-size: 90%;
}
td.largeTitle a:hover, td.large a:hover {
	text-decoration: underline;
}
td.smallTitle, td.small {
	width: 50px;
	color:#000000;
	background-color:  #a5a5a5;
	text-align : center;
	border: 2px solid white;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.75em;
}
td.small{
	color:#ff0000;
	background-color:  #d3d3d3;
	font-size: 0.7em;
}
td.medTitle, td.med {
	width: 120px;
	color:#000000;
	background-color:  #a5a5a5;
	text-align : center;
	border: 2px solid white;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.75em;
}
td.med{
	color:#ff0000;
	background-color:  #d3d3d3;
	font-size: 0.7em;
}
#cart_text ul li {
	list-style-type: none;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #336633;
	padding: 5px 0 5px 20px;
}
#cart_back, #cart_fwd, #email_order {
	display: block;
	float: left;
	width: 100px;
	height: 120px;
	text-indent: -5000em;
	outline: 0;
	border: 0;
	background: url("images/cart_back.png") no-repeat bottom left;
	margin-top: 40px;
	margin-left: 100px;
}
#cart_fwd {
	background: url("images/cart_fwd.png") no-repeat bottom left;
	margin-left: 50px;
}
#email_order{
	background: url("images/email_order.png") no-repeat bottom left;
	margin-left: 20px;
	margin-top: 20px;
}
#cart_back:hover, #cart_fwd:hover, #email_order:hover {
	background-position: top left;
}
#right_panel form label {
	display: block;
	width: 75px;
	float: left;
}
#right_panel p {
  margin-top: 5px 0;
  text-align: left;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  line-height: 1.1em;
  color:#336633;
}
#right_text form input, form select {
	color: #ffffff;
	background: #33cc33;
}
h2.mainhead {
	text-align: center;
	color: #336633;
	padding: 10px;
	font-size: 130%;
}
body.checkout #cart_text p.standard label {
	float:left;
	width: 200px;
}
body.admin #right_panel input.submit {
	float: left;
	margin-left: 50px;
}
#main_space h3.header {
	margin: 10px 0;
}
body.index #right_panel ul, body.membership #right_panel ul, body.users #right_panel ul {
	margin: 10px 0 0 20px;
}
body.users #right_panel ul {
	margin: 10px 0 0 40px;
}
body.index #right_panel ul li, body.membership #right_panel ul li, body.users #right_panel ul li {
	list-style-type: none;
	padding: 4px 10px;
}
body.users #right_panel ul li {
	list-style-type: circle;
	padding-left: 20px;
}
body.toys a.bold {
	font-weight: bold;
	text-decoration: none;
}
body.toys a.bold:hover {
	text-decoration: underline;
}
body.display h5 {
	font-size: 90%;
}
#cart_list {
	margin: 10px 0;
}
#cart_text p {
	margin-bottom: 10px;
}
#cart_text #message {
	float: left;
	margin-top: 10px;
}
body.conditions li {
	padding: 10px 0;
}
body.conditions li.shortlist {
	width: 525px;
}
body.index #pdf {
	display: block;
	width: 180px;
	height: 144px;
	float: left;
	outline: none;
	margin-top: 5px;
	margin-left: 20px;
	text-indent: -5000em;
	background: url("images/pdf_icon.jpg") no-repeat top left;
}	
body.aims #left_panel {
	text-align: left;
}
body.aims #left_panel  ul {
	margin: 10px 0 0 30px;
}
body.aims #left_panel  ul li{
	list-style-type: circle;
	padding: 5px;
}
body.users #left_panel p.standard {
	display: block;
	margin-bottom: 0px;
}
body.aims #right_panel img {
	margin: 5px 0 0 10px;
}