﻿<style type="text/css">
@font-face {
 font-family: akaDylan Open;
 src:url(http://www.kiddylingual.com/fonts/akaDylanOpen.eot) /* EOT file for IE */
}
@font-face {
 font-family: akaDylan Open;
 src:url(http://www.kiddylingual.com/fonts/akaDylanOpen.TTF) /* TTF file for CSS3 browsers */
}
</style>

* { padding: 0; margin: 0; }


body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-color:#B23922;
 width:1008px;
 height:606px;
 margin-left: auto ;
 margin-right: auto ;

}

#wrapper { 
 margin: 0 auto;
 font-weight: bold;
}
 
	
#content { 
 margin: 0px 0px 0px 0px;
 padding: 0px;
 background-color:#B23922;
 height:606px;
 width:1009px;
 text-align:center;
}

#nav {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	color: #FFFFFF;
	font-weight: bold;
	font-size:medium;
	border-bottom: 0px solid #ccc;
	width: 1008px;
	text-align: center;
}

#navtable{
	width:100%;
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
}

#navtable td{
	padding-left: 5px;
	padding-right: 5px;
	margin-left: auto;
	margin-right: auto;
 	width:16.66666666666%;
}

#nav a{
  color: #FFFFFF;
  text-decoration: none;
}
#nav a:link{
  color: #FFFFFF;
  text-decoration: none;
}
#nav a:visited{
  color: #FFFFFF;
  text-decoration: none;
}
#nav a:hover{
  color: #0000FF;
  text-decoration: underline;
}

#footer {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	color: #FFFFFF;
	font-weight: bold;
	font-size:medium;
	border-bottom: 0px solid #ccc;
	width: 1008px;
	text-align: center;
}

#footertable{
  width:100%;
  margin-left: auto;
  margin-right: auto;
  margin-top:0px;
}

#footertable td{
	padding-left: 5px;
	padding-right: 5px;
	margin-left: auto;
	margin-right: auto;
 	width:33.3333333333333%;
}

#footertable a{
  color: #FFFFFF;
  text-decoration: none;
}
#footertable a:link{
  color: #FFFFFF;
  text-decoration: none;
}
#footertable a:visited{
  color: #FFFFFF;
  text-decoration: none;
}
#footertable a:hover{
  color: #0000FF;
  text-decoration: underline;
}

#footer2 {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	color: #FFFFFF;
	font-weight: bold;
	font-size:medium;
	border-bottom: 0px solid #ccc;
	width: 975px;
	text-align: center;
}

#footertable2 {
  width:100%;
  margin-left: auto;
  margin-right: auto;
  margin-top:0px;
}

#footertable2 td{
	padding-left: 5px;
	padding-right: 5px;
	margin-left: auto;
	margin-right: auto;
 	width:25%;
}

#footertable2 a{
  color: #FFFFFF;
  text-decoration: none;
}
#footertable2 a:link{
  color: #FFFFFF;
  text-decoration: none;
}
#footertable2 a:visited{
  color: #FFFFFF;
  text-decoration: none;
}
#footertable2 a:hover{
  color: #0000FF;
  text-decoration: underline;
}

#summary { 
 border: 1px solid #ccc;
 margin-left: auto ;
 margin-right: auto ;
 margin-top:50px;
 padding: 50px;
 background-color:#F7F7F7;
 width:600px;
 text-align:center;
}

#summary h1 {
  font-family: akaDylan Open, verdana, helvetica, sans-serif;
  text-align:center;
}

#summary h2 {
  text-align:center;
}




div.background
  {
  width:500px;
  height:250px;
  background:url(klematis.jpg) repeat;
  border:2px solid black;
  }
div.transbox
  {
  width:400px;
  height:180px;
  margin:30px 50px;
  background-color:#ffffff;
  border:1px solid black;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  }
div.transbox p
  {
  margin:30px 40px;
  font-weight:bold;
  color:#000000;
  }

#header { 
 padding: 15px;
 border: 1px solid #ccc;
 height: 75px;
 margin: 10px 0px 0px 0px;
 background-color:#FFFFFF;
 background-image:url('../logo/kiddylogo.png');
 background-repeat:no-repeat;
 background-position: top right;
}

#header h1 {
  font-family: akaDylan Open, verdana, helvetica, sans-serif;
  color: #B23922;
}
