/* CSS Document */
/* general */
html				{width: 100%;}
body 				{background: #ffffff url(../img/background.gif) top left repeat-x; width: 100%; margin: 0; padding: 0 0 15px 0; border: 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 76%; color: #333333; text-align: center;}

img					{border: 0; padding: 0; margin: 0;}
p					{padding: 0; margin: 0 20px 25px 20px; line-height: 1.4em; font-size: 0.9em;}
ul 					{padding: 0; margin: 0; list-style-position: outside; list-style-type: none;}
li					{padding: 0; margin: 0;}
strong				{color: #435dbe;}

a:link 				{color: #435dbe; text-decoration: underline;}
a:visited 			{color: #435dbe; text-decoration: underline;}
a:hover 			{color: #435dbe; text-decoration: none;}
a:active 			{color: #435dbe; text-decoration: underline;}

h1 					{font-size: 1.4em; color: #435dbe; font-weight: bold; margin: 11px 20px 13px 10px; padding: 0; text-align:right;}
h2 					{font-size: 1.2em; font-style:italic; color: #be2d2d; font-weight: bold; margin: 16px 0 23px 10px; padding: 0;}
h2.partytop			{ padding: 4px 0 0 0; margin: 16px 0 0 10px;}
h3 					{color: #be2d2d; font-weight: bold; font-style:italic; margin: 15px 0 20px 0; padding: 0;}
h4 					{color: #be2d2d; font-weight: bold; font-style:italic; margin: 15px 0 20px 0; padding: 0;}
h5					{margin: 10px 0 30px 15px; padding: 0;}
h6 					{font-size: 1.4em; color: #be2d2d; font-weight: bold; font-style:italic; margin: 10px 10px 15px 10px; padding: 0; display: inline;}

/* forms  */
label				{font-size:0.8em; padding: 0; margin: 0 5px 0 0;}
form				{padding: 0; margin: 0;}
select				{padding: 1px; font-size: 1.0em;}
input				{padding: 1px; font-size: 1.0em;}
fieldset			{border: none; margin: 0 0 0 0; padding: 0 0 0 0;}

/* useful */
.clearer			{height: 1px; line-height: 1px; clear: both;}/*helps display floated stuff*/
#form_errors 		{left: -3000px; position: absolute;}/* accessibility nav */
#acc_nav 			{left: -3000px; position: absolute;}/* accessibility nav */
.sm_txt				{font-size: 0.8em;}
.em_txt				{font-size: 0.8em; font-style:italic;}
.subtxt				{font-size: 0.8em;}
.txt_red			{color: #be2d2d;}
.txt_dark			{color: #5c5b5b;}
.alert				{color: #be2d2d; font-weight:bold; padding: 0 7px 0 7px;}
/* top section */
#holder				{width: 754px; margin: 0 auto; padding: 0; vertical-align: top; text-align: left; background: #ffffff url(../img/back_hold.gif) top left repeat-y;}

/* nav bar*/
#navbar				{background: #f5f5f5 url(../img/back_bar.gif) top left repeat-x; padding: 7px 0 7px 0; margin: 0 2px 0 2px; border: 2px solid #ffffff; border-top: none;}
#navbar li			{display: inline; position: relative; margin: 0 0 0 19px; padding: 0 19px 0 0; width: 1%; background: url(../img/div.gif) top right no-repeat;}

/* code in here is ignored by ie5  mac \*/
#navbar li			{position:static;}
/* end hack */

#navbar li img		{padding: 0 0 0 0;}
#navbar li a			{display: inline;}

#navbar li.end		{padding: 0; background: none;}
#flashContent		{margin: 0 0 0 2px;}
#topimage 			{background: url(../img/kidz-in2-sport-back.jpg) top left no-repeat; padding: 22px 0 18px 0; margin: 0 0 0 2px;}
#topimage li		{display: inline;}
#topimage li.mainlogo			{width: 283px; margin: 0 0 0 0;}
#topimage li.maincourse			{width: 198px; margin: 0 0 0 265px; position:relative; top: -37px;}


/* left col */
#col_left			{width: 155px; float: left; margin: 15px 0 0 15px; display: inline;}
#col_left ul		{margin: 0 0 0 5px; list-style-position:outside;}
#col_left li		{padding: 0 0 17px 0;}
#col_left li.nav_schools		{background: url(../img/schools_back.jpg) top left no-repeat;}
#col_left li.nav_pre			{background: url(../img/pre-school_back.jpg) top left no-repeat;}
#col_left li.nav_coaching		{background: url(../img/sessional-coaching_back.jpg) top left no-repeat;}
#col_left li.nav_birthday		{background: url(../img/birthday-parties_back.jpg) top left no-repeat;}
#col_left li.nav_courses		{background: url(../img/courses_back.jpg) top left no-repeat;}




/* birthdays */
#croc				{background: #00a061; padding: 8px 8px 0 8px; margin: 0 20px 0 20px; border: 1px solid #008055; width: 470px;}
#croc h2			{width: 166px; float: left; margin: 0; padding: 0;}
#croc h2 img		{margin: 0 8px 0 0;}
#croc .bold			{font-weight: bold; color:#FFF;}
#croc p				{width: 260px; float: left; color: #FFF;}
#croc p strong		{color: #FFF; font-size: 1.2em;}
#croc .age			{text-align:right; float:right; vertical-align:bottom; margin-left: 15px;}
a#croclink 			{color: #ffffff; font-weight:bold; font-size: 1.1em; display: block; padding: 5px 0 0 0; margin: 5px 0 0 0;}

#stars				{background: #ea008b; padding: 8px 8px 0 8px; margin: 20px; border: 1px solid #C70075; width: 470px;}
#stars h2			{width: 166px; float: left; margin: 0; padding: 0;}
#stars h2 img		{margin: 0 8px 0 0;}
#stars .bold		{font-weight: bold; color:#FFF;}
#stars p			{width: 260px; float: left; color: #FFF;}
#stars p strong		{color: #FFF; font-size: 1.2em;}
#stars .age			{text-align:right; float:right; vertical-align:bottom; margin-left: 15px; }
a#starslink 		{color: #ffffff; font-weight:bold; font-size: 1.1em;  display: block; padding: 5px 0 0 0; margin: 5px 0 0 0;}

#feet				{background: #fff200; padding: 8px 8px 0 8px; margin: 0 20px 0 20px; width: 470px;}
#feet h2			{width: 166px; float: left; margin: 0; padding: 0;}
#feet h2 img		{margin: 0 8px 0 0;}
#feet p				{width: 260px; float: left; color: #435dbe;}
#feet p strong		{color: #435dbe; font-size: 1.2em;}
#feet .age			{text-align:right; float:right; vertical-align:bottom; margin-left: 15px; }
a#feetlink 			{color: #435dbe; font-weight:bold; font-size: 1.1em; display: block;  padding: 5px 0 0 0; margin: 5px 0 0 0;}


#col_right .col_cont .partypack			{float:left; width: 260px;}
#col_right .col_cont .partylist			{}
#col_right .col_cont .partylist li		{margin: 0 0 5px 0;}

/* Courses */

#col_right .timetable					{border-bottom: 1px solid #ebebeb; padding: 0 0 8px 15px; margin: 35px 0 0 0;}
#col_right .timetable ul.courses			{float: left; width: 400px; margin: -20px 0 0 15px; padding-top: 0;}
#col_right .timetable .courses li		{margin: 0 0 3px 0;}
#col_right .timetable .courses li.coursetitle	{font-size: 1.2em; font-weight:bold; color: #be2d2d;}
#col_right .timetable .courses li.secondtitle   {margin-top: 25px;}
#col_right .timetable .courses li.course_info	{font-weight:bold;}

#col_right .timetable ul.courses2			{width: 350px; margin: 0 0 0 15px; padding-top: 0; float: left;}
#col_right .timetable .courses2 li		{margin: 0 0 3px 0;}
#col_right .timetable .courses2 li.coursetitle	{font-size: 1.2em; font-weight:bold; color: #be2d2d;}
#col_right .timetable .courses2 li.secondtitle   {margin-top: 25px;}
#col_right .timetable .courses2 li.course_info	{font-weight:bold;}


.moremargin	{padding-top: 15px;}

#col_right .timetable .courses li a.course_book {color: #be2d2d;font-weight:bold;}

.course_age								{ font-size: 0.8em; color:#435dbe; font-weight:normal; }

#col_right ul.datebox		{float: left; color:#FFFFFF; width: 74px; margin: 0; text-align: center; background: url(../img/datebox.gif) top left no-repeat;}
#col_right ul.datebox li.date_day	{font-size: 0.8em;  color:#FFFFFF;margin: 0 0 0 0; padding: 0; position: relative; top :3px;}
#col_right ul.datebox li.date_big	{ font-size: 3.8em; color:#FFFFFF; font-weight: bold; margin: 0; line-height: 1.2em;}
* html #col_right ul.datebox li.date_big	{line-height: 1.15em; color:#FFFFFF;}
#col_right ul.datebox li.date_month	{font-size: 0.8em; padding: 0; color:#FFFFFF;}

#col_right .holhold ul.datebox		{color:#FFFFFF; width: 74px; margin: 0; text-align: center; background: url(../img/datebox.gif) top left no-repeat;}
#col_right .holhold ul.datebox li.date_day	{font-size: 0.8em;  color:#FFFFFF;margin: 0 0 0 0; padding: 0; position: relative; top :3px;}
#col_right .holhold ul.datebox li.date_big	{ font-size: 3.8em; color:#FFFFFF; font-weight: bold; margin: 0; line-height: 1.2em;}
* html #col_right .holhold ul.datebox li.date_big	{line-height: 1.15em; color:#FFFFFF;}
#col_right .holhold ul.datebox li.date_month	{font-size: 0.8em; padding: 0; color:#FFFFFF;}


.holhold		{float: left; width:84px;}
.holhold p		{margin: 0; padding: 0 0 3px 0; color: #3e56b0; }

.dateholder		{margin: 0 40px 0 40px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; padding-bottom: 15px;}

#col_right ul.datelink		{float: left; color:#FFFFFF; width: 74px; margin: 20px 20px 0 20px; text-align: center; background: url(../img/datebox.gif) top left no-repeat;}
#col_right ul.datelink li.date_day	{font-size: 0.8em;  color:#FFFFFF;margin: 0 0 0 0; padding: 0; position: relative; top :3px;}
#col_right ul.datelink li.date_big	{ font-size: 3.8em; color:#FFFFFF; font-weight: bold; margin: 0; line-height: 1.2em;}
* html #col_right ul.datelink li.date_big	{line-height: 1.15em; color:#FFFFFF;}
#col_right ul.datelink li.date_month	{font-size: 0.8em;padding: 0; color:#FFFFFF;}

#col_right ul.datelink a:link 				{color: #FFFFFF; text-decoration: none;}
#col_right ul.datelink a:visited 			{color: #FFFFFF; text-decoration: none;}
#col_right ul.datelink a:hover 			{color: #FFFFFF; text-decoration: none;}
#col_right ul.datelink a:active 			{color: #FFFFFF; text-decoration: none;}


/* right section */
#col_right			{width: 548px; float: left; margin: 13px 0 15px 20px; background: url(../img/section-back.gif) top left no-repeat;}
.img_wide			{margin: 5px 0 20px 5px;}
blockquote			{background: url(../img/quote.gif) top left no-repeat; padding: 0 0 0 23px; margin: 5px 15px 15px 0; font-size: 0.8em; line-height: 1.4em;}
.quoter				{font-weight:bold; color: #435dbe; display:block;}
#col_right h3		{font-size: 1em; color: #be2d2d; font-weight: bold; padding: 0 0 2px 0; margin: 0 10px 15px 10px; background: url(../img/underline.gif) bottom left no-repeat;}
#col_right h4		{font-size: 1em; color: #be2d2d; font-weight: bold; margin: 0 10px 15px 10px;}
#col_right h5		{font-size: 1.1em; color: #be2d2d; font-weight: bold; margin: 0 10px 15px 10px;}
#col_right ul		{list-style-position:outside; list-style-type: none; margin: 0 15px 25px 20px; padding: 0; font-size: 0.9em; color: #435dbe; }
#col_right ol		{list-style-position:outside; margin: 0 15px 25px 30px; padding: 0; font-size: 0.9em;}
#col_right li		{margin: 0 0 10px 0;}
#col_right ul.links				{list-style-type: none; font-weight:normal; margin: 0 15px 25px 20px;}
#col_right ul.links li			{color: #333333; margin: 0 0 15px 0;}
#col_right ul.links a			{display: block;}
#col_right ul.list-inline		{ background: url(../img/inline-back.gif) top left no-repeat; padding: 20px 20px 0 20px; font-size: 1em;}
#col_right ul.list-inline li	{display: inline; line-height: 1.4em;}


#col_right p.txtquote	{ background: url(../img/quoteback.gif) top left no-repeat; text-align:center; padding: 15px 50px 15px 45px; font-size: 0.9em; color: #435dbe; font-weight:bold; font-style:italic;}
#col_right p.txtquote span.txtred	{color: #be2d2d;}

.insetpic				{ margin: 0 0 0 18px;}

#col_right .bluebox		{background: #5170e4 url(../img/bluebox-refl.gif) bottom left no-repeat; width: 280px; padding: 0 0 28px 0; margin: 0 0 0 20px;}
#col_right .bluebox h3	{color: #ffffff; background: none; padding: 0; margin: 0;}
#col_right .bluebox ul	{padding: 15px 20px 5px 20px; margin: 0;}
#col_right .bluebox p	{padding: 15px 0 5px 0; color: #ffffff; margin-bottom: 0;}
#col_right .bluebox ul li	{color: #ffffff; font-weight:bold;}
#col_right .bluebox a	{color: #ffffff;}

#col_right .questions		{border-bottom: 1px solid red; padding-bottom: 10px; background: green;}



/* inner content */
.col_cont			{width: 330px; float: left;}
.col_image			{width: 210px; float: right;}


.side-photo			{padding: 20px 10px 20px 0;}


/* course table 
.course				{margin: 0 0 25px 0; vertical-align:top;background-color: #fff;}
.course tr			{vertical-align:top;border: 1px solid #ddd;}
.course td			{vertical-align:top;border: 1px solid #ddd;}
.table_left			{border-left: 1px solid #334791;}
.table_right		{border-right: 1px solid #334791;}
.caption			{text-align:left; font-size: 1.1em; color: #be2d2d; font-weight: bold; margin: 0 0 8px 0; border: none;}
.row_dark			{background: #f8f8f8;}
.course tr.header	{color:#be2d2d; vertical-align:middle; text-align:left;}
.course tr.header th{padding: 10px 6px 4px 6px;}
.red				{color: #be2d2d; font-weight: bold; font-style:italic; margin: 15px 0 0 0; padding: 0;}*/

.classSession		{float:left; margin-right: 30px;}

/* newsletter  */
#frmNewsletter		{background: #516fe3 url(../img/back_news.gif) top left repeat-x; height: 28px; margin: 0 1px 0 1px; clear: both; color: #ffffff;}
#frmNewsletter ul li a {color: #ffffff;}
#frmNewsletter ul	{margin: 0 0 0 6px; padding: 2px 0 0 0; list-style-position:inside; vertical-align: top;}
#frmNewsletter li	{display: inline; margin: 0 18px 0 0;}
.textfield1			{color: #999999; border: 1px solid #e1e1e1; background: #ffffff; padding: 0 2px 2px 2px; height: 12px;}
.textfield2			{color: #435dbe; border: 1px solid #e1e1e1; background: #ffffff; padding: 0 2px 2px 2px; height: 12px;}
#frmNewsletter ul input 				{position: relative;}
#frmNewsletter ul .signup input 		{position: relative; top: 3px;}
#frmNewsletter ul .terms a				{ font-size: 0.8em;}


/* address section */
#address			{background: url(../img/back_hold.gif) top left repeat-x; padding: 0; margin: 0; color: #394fa1;}
#address a			{}
#address li	strong	{color: #be2d2d;}
#address ul			{margin: 0; padding: 8px 0 8px 6px; background: url(../img/back_address.gif) bottom left no-repeat; font-size: 0.8em;}
*html #address ul	{padding: 6px 0 8px 6px;}
#address li			{display: inline; margin: 0 0 0 8px; padding: 0 12px 0 0; background: url(../img/div.gif) top right no-repeat;}
#address li.add_end	{padding: 0; background: none;}

/* footer section */
#footer				{width: 752px; margin: 13px auto 0 auto; padding: 0; vertical-align: top; text-align: left; font-size: 0.9em;}
#footer li			{display: inline; margin: 0 0 0 6px; vertical-align:top;}
#footer li.fluid	{margin: 3px 0 0 0;}
#footer li.footright{margin: 0 0 0 460px; position: relative; top: -7px;}

/* contact form */

.offfield	{color: #8b8b8b;}
.onfield	{color: #333333;}


.form fieldset
{
clear:both;
padding:0 10px 10px 0;
border:none;
}

.form fieldset legend
{
padding: 0 0 5px 5px; font-weight:bold;
}

.form textarea
{
height:90px;
}

.form div
{
clear:left;
display:block;
margin:5px 0 0;
padding:1px 3px;

}

.form div fieldset
{
clear:none;
margin:0 0 0 142px;
padding:0 5px 5px;
width:270px;

}

.form div fieldset legend
{
padding: 0 3px 0 9px;
}

.form div.required fieldset legend
{
font-weight:bold;
}

.form div label
{
float:left;
display:block;
margin:0 0 5px;
padding:3px 5px;
width:170px;
text-align:right;
font-size:1em; 
}

.form div.optional label, .form label.optional
{
font-weight:normal;
}

.form div.required label, .form label.required
{
font-weight:bold;
}

.form div label.labelCheckbox, .form div label.labelRadio
{
float:none;
display:block;
margin:0 0 5px 180px;
padding:0;
width:350px;

text-align:left;
}

.form div fieldset label.labelCheckbox, .form div fieldset label.labelRadio
{
margin:0 0 5px;

}

.form div.error
{
border:2px solid #ff0000;
}

.form div.error p
{
margin:0 0 0 180px;
padding:3px 3px 5px 3px;
color:#ff0000;
font-weight:bold;
}

.form div input, .form div select, .form div textarea
{
padding:2px;
width:250px;
 border: 1px solid #cfcfcf;
 font-family:Arial, Helvetica, sans-serif; font-size: 1em;
}

.form div input.inputFile, .form div select
{
width:255px;
 border: 1px solid #cfcfcf;
}

.form div input.inputImage
{
margin:0 3px 0;
padding:0;
width:auto;
border: none;
}

.form div input.inputCheckbox, .form div input.inputRadio, .form input.inputCheckbox, .form input.inputRadio
{
display:inline;
width:14px;
height:14px;
background:none;
border:none;
}

.form div.submit
{
padding:0 0 0 200px;
width:250px;
}

.form div.submit div
{
display:inline;
float:right;
width:auto;
text-align:left;
}

.form div.submit div input.inputSubmit, .form div.submit div input.inputButton
{
float:right;
margin:0 0 0 5px;
padding:0 6px;
width:auto;
background:#d2d2d2;
}


#footer1 {
  position: fixed;
  border-top: 1px solid #ddd;
  border-bottom: 10px solid #f5f5f5;
  background: #000000;
  width: 10%;
  height: 50px;
  left: 0px;
  top: 0px;
  text-align:left;
  color: #aaa;
  font-size: 10px;
  z-index:10000;
  opacity:0.9;
  filter:alpha(opacity:90);
}