/*  --------- Structure  --------- */

/* --------- Wrapper (w:900px + m: 10px => 920px) ------*/
#wrapper {
	border: 0px solid #777777;
	margin: 10px auto;
	padding: 0 0 0 0;
	width: 962px;
	background: transparent;
}

/* --------- Header (w:900px) ------*/	
#header {
	width: 960px;
	height: 115px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-color: #42b3ff;
	border-bottom: 1px solid #898989;
}	

#masthead {
	float: left;
	width: 709px;
	height: 60px;
	padding: 0 30px 2px 10px;
	text-align: center;
	margin: 0 0 0 0;
	background-color: #42b3ff;
}

#bookmark {
   float: right;
	width: 80px;
	padding: 0 5px 0 0;
	margin: 0 40px 0 0;
}	

#bookmark button {
}
	
#logo {
	float: left;
	width: 60px;
	height: 60px;
	padding: 5px 10px 0 10px;
	margin: 0 0 0 0;
	background-color: #42b3ff;
}
	
/* --------------3. Header Breadcrumb ------------------------*/
#breadcrumb {
	clear: both;
	height: 1em;
	margin: 5px 0 0px 5px;
	font-size: 1.2em;
	/*background-color: #2666e8;*/
	background-color: #42b3ff;
}

#breadcrumb ul {
	clear: both; 
}		
	
#breadcrumb li {
	display: inline;
	margin: 0 0 0 10px;
	padding: 0 0 0 0;
	color: navy;
}

#breadcrumb li.current {
	color: navy;
}

#breadcrumb li:first-child {
	color: navy;
}

#breadcrumb a {
	text-decoration: none;
	color: navy;
	margin: 0 10px 0 0px;
}

#breadcrumb a:hover {
	   color: yellow;
}

/* ----------- 2. Centre (w:900px) ------------------- */	
#centre {
  width: 100%;
  /*background-color: #000000;*/
  background-color: #42b3ff;
}

/* ----------- 2. Content (w:520px + p:10px => 540px)   ----------------- */	
#content {
 float: right;
 min-height: 500px;
 width: 759px;
 padding: 20px 20px 20px 20px;
 margin: 0 0 0 0;
 background-color: #42b3ff;
 border-left: 1px solid #898989;
 border-right: 0px solid #898989;
}

#content p.small {
	font-size: 1em;
}

#content h4 {
	margin-top: 15px;
	margin-bottom: 15px;
}

#content p {
	font-size: 1.5em;
}

#content ul {
	list-style-type: disc;
	margin: 10px 0 15px 20px;
}

#content li {
   font-size: 1.5em;
	margin: 0 0 15px 0;
}

#content ul p {
   margin: 10px 0 0 0;
   font-size: 15px;
}

#content a:link, #content a:visited {
	color: navy;
	text-decoration: none;
}

#content a:hover {
	color: yellow;
	text-decoration: none;
}

.leftBoxArea {
   float: left;
   margin: 5px 0 5px 0;
   padding: 0 0 0 0; 
   border: 0px dotted red;
}
   
.rightBoxArea {
   float: right; 
   margin: 5px 0 5px 0px;
   padding: 0 0 0 0; 
   border: 0px dotted red;
}

.centreBoxArea { 
   margin: 0 auto;
   padding: 0 0 0 150px; 
   border: 0px dotted red;
}

.noTopMargin {
	margin-top: 0px;
}

.thumbBox {
	margin-right: 10px;
	padding: 0 0 0 0;
	text-align: center;
}

#content p.caption {
   text-align: center;
	font-size: 10px;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

.wrapLeft {
	margin-left: 20px;	
}

.wrapRight {
	margin-right: 20px;	
}

.noMargin {
	margin: 0 0 0 0;
}

.leftBoxArea img, .rightBoxArea img, .centreBoxArea img, .thumbBox img  {
	border: 1px solid #000000;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
}

.galleryBox{
	margin: 10px auto;
	text-align: centre;
	width: 759px;
}

.gallery {
	margin: 5px 38px 0px 38px;
}

.textArea {
	text-align: left;
}

#teacherDirectory {
	
}

.teacherPlace {
	border: 0px solid #000000;
}

.teacher {
	margin: 0 0 10px 0;
}

.teacher p {
	margin: 0 0 0 0;
}

/* ------------- Testimonials ------------------*/

#testimonials {
	background-color:  #F0EC71;
	padding: 10px;
	border: 1px solid #000000;
	margin-bottom: 10px;
}

#testimonials p {
	font-size: 12px;
	color: black;

}

p.testimonialName {
	font-style: italic;
	font-weight: bold;
}

/* -------------- Disclaimer ------------------ */

#disclaimer {
	background-color: lightgrey;
	padding: 10px;
	border: 1px solid #000000;
	margin-bottom: 10px;
}

#disclaimer p {
	font-size: 12px;
	color: black;
}

/* -------------- News Area --------------------*/

h3.homeNews {
	float: left;
	width: 50px;
	margin-right: 30px;
}

div.homeNews {
	float: left;
	width: 630px;
	padding-right: 8px;
	margin-right: 40px;
	margin-bottom: 20px;
}


p.homeNews, p.homeNews2 {
	margin: 0px 40px 5px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-style: italic;
	border: 0px solid;	
}

p.homeNews2 {
	margin: 5px 40px 5px 0;
}

.newsDate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	margin: 5px 0 0 0;
}




/* ----------- 2. leftpanel (w:180px) ------------------- */	
#leftpanel {
 float: left;
 min-height: 300px;
 width: 140px;
 padding: 20px 9px 20px 10px;
 margin: 0 0 0 0;
 background-color: #42b3ff;
 border-right: 0px solid #898989;
}

#leftpanel p {
  font-size: 1.3em;
  line-height: 1.3em;
}	

/* ----------- 2. rightpanel (w:180px) ------------------- */	
#rightpanel {
 float: right;
 min-height: 300px;
 width: 140px;
 padding: 10px 10px 10px 10px;
 margin: 0 0 0 0;
 /*background-color: #2666e8;*/
 background-color: #42b3ff;
}

#rightpanel img{
	border: 1px solid #000000;
	margin: 0 0 0px 0;
}

/* -----------  footer (w:880px + p:20px=> 900px) ------------------- */
#footer {
	clear: both;
	height: 20px;
	width: 940px;
	padding: 5px 10px 0px 10px;
	background-color: #42b3ff;
	text-align: center;
	border-top: 1px solid #898989;
   border-bottom: 1px solid #898989;
}

/* ----------------- subfooter ---------------------- */
.subfooter{
	width: 900px;
	margin: 0px auto;
	padding-top:5px;
	padding-bottom: 5px;
	text-align: left;}

.subfooter p {
	font-size: 0.9em;
	color: #666666;
	padding: 0 0 0 0;
	margin: 0 0 0 1px;
}	
		
.subfooter a:link {
text-decoration: none;
color: #666666;
}

.subfooter a:visited {
text-decoration: none;
color: #666666;
}

/* ----------- Contact Form CSS ------------------- */

.contactBox {
	margin: 0 0 30px 0;
}

.contactBox form {
   border: 1px solid #000000;
	margin: 0 50px 0 50px;
	padding: 0 0 10px 0;
	background: #eeeeee;
}

.contactHeader {
	height: 70px;
	margin: 0px 0px 20px 0px;
	border-bottom: 1px solid #000000;
	background-color:#f0e68c;
}

.registrationHeader {
	height: 40px;
	margin: 0px 0px 20px 0px;
	border-bottom: 1px solid #000000;
	background-color:#f0e68c;
}

.contactHeader h3 {
	font: bold 1.7em/1.44em Arial, Helvetica sans-serif;
	text-transform: uppercase;
	color: #000000;
	padding: 10px 0 10px 0px;
	text-align: center;
}

.registrationHeader h3 {
	font: bold 1.7em/1.44em Arial, Helvetica sans-serif;
	color: #000000;
	padding: 10px 0 10px 0px;
	text-align: center;
}

.contactHeader img {
   float: right;
	border-left: 1px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.contactBox fieldset { 
	border: 1px solid #000000; 
	padding: 0px 0px 10px 20px; 
	margin: 0px 10px 10px 10px;
	text-align: center;
}

.contactBox legend { 
	padding: 0 10px; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
	background: #eeeeee;
	text-transform: uppercase; 
}
		
.contactBox .formField { 
	border: 1px solid #333333; 
	background-color: #dddddd;
	padding: 2px;
	width: 250px;
} 

.contactBox .dropdown { 
	border: 1px solid #333333; 
	background-color: #dddddd; 
	padding: 2px;
	width: 160px;
} 

.submitButton {
	border: 2px solid #333333; 
	background-color: #dddddd; 
	padding: 2px 5px;
} 
		
.contactBox form p {
	margin-bottom: 10px;
}

p#submitButton {
	padding-top: 120px;
	text-align: center;
}		
	
.g-recaptcha > div{
 margin 10px auto !important;
 text-align: center;
 width: auto !important;
 height: auto !important;
}

.warning {
	font-weight:bold;
	color:#ff0000;
}
		
.contactBox label {
	border: 0px solid #000000;
	font-weight: bold;
	display: block;
}
		
.row {
	border: 0px solid #000000;
	padding: 0 0px 0 45px;
	margin: 10px 10px 10px 50px;
}

.row p {
	float: left;
	margin: 0px 10px 0 0;
}

.row #title {
	width: 50px;
}

.row #firstname {
	width: 120px;
}

.row #surname {
	width: 150px;
}

.row #username {
	width: 352px;
}

.row #email {
	width: 352px;
}

.row #taichi {
	width: 353px;
}

.row #interest {
	width: 353px;
}

.row #message {
	width: 353px;
}

.message p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
		
/* ----------------- Prices Table -----------------------*/

table {
	margin: 0 0 20px 0;
	border: 0px solid #000000;
}

td.tablehead {
background-color: #f0e68c;
}

td.tablehead p {
font-weight: bold;
text-align: center;
margin: 0 0 0px 0;
}

td.tablehead p.first {
text-align: center;
border-left: 0px solid #000000;
}

td.tablehead p.last{
text-align: center;
border-right: 0px solid #000000;
}

td.tablebody {
background-color: #f0e68c;
}

td.tablebody p {
text-align: center;
margin: 10px 0 10px 0;
}

td.tablebody p.first {
text-align: center;
}