@charset "utf-8";
/* Author: Bamboo Solutions */
/* Email: info@bamboosolutions.co.uk */

* 	 { padding:0; margin:0; border:0;}
body { font-family:Arial, Helvetica, sans-serif; }
a:focus { outline:none; }

/* fix the clear float on container div issues */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html .clearfix { height: 1%; }

/* to fix duplicate text bug apply margin of -3px to the last float:left element */

body { background:url(/images/background.jpg) top repeat-x;  color:#ffffff; }

span.break { font-size:26px; }

h1, h2, h3, h4, h5, h6, p { color:#ffffff font-weight:normal; }

h1 { display:block; height:34px; width:300px; }
h1 span, h2 span { display:none; }
h2 { font-size:18px; margin:10px 0 10px 0; }
p  { font-size:12px; margin:10px 0 0 0; text-align:justify; }
ul { margin:10px 0 10px 0; padding-left:20px; }
ul li { font-size:12px; }
strong { font-weight:bold; }

/* Main container div in site - every other elemt resides inside this element */
.container {  width:774px; height:auto; padding:0; margin:0 auto; background:#bdcdd5 url(/images/backgroundContainer.jpg) center top no-repeat; }

/* top navigation */
ul#navigation { display:block; height:174px; width:100%; padding:0; margin:0; }
ul#navigation li { float:left; list-style-type:none; }
ul#navigation li a { display:block; }
ul#navigation li a span { display:none; }

#btnHomepage { background: url(/images/logo.jpg) left top no-repeat; width:177px; height:174px; }
#btnHomepage:hover { background: url(/images/logoHover.jpg) left top no-repeat; }
#btnApplyToJoin { background: url(/images/btnApplyToJoin.jpg) left top no-repeat; width:95px; height:100px; }
#btnApplyToJoin:hover { background: url(/images/btnApplyToJoinHover.jpg) left top no-repeat; }
#btnClasses { background: url(/images/btnClasses.jpg) left top no-repeat; width:124px; height:100px; }
#btnClasses:hover { background: url(/images/btnClassesHover.jpg) left top no-repeat; }
#btnSuccessStories { background: url(/images/btnSuccessStories.jpg) left top no-repeat; width:135px; height:100px; }
#btnSuccessStories:hover { background: url(/images/btnSuccessStoriesHover.jpg) left top no-repeat; }
#btnBulletinBoard { background: url(/images/btnBulletinBoard.jpg) left top no-repeat; width:104px; height:100px; }
#btnBulletinBoard:hover { background: url(/images/btnBulletinBoardHover.jpg) left top no-repeat; }
#btnContactUs { background: url(/images/btnContactUs.jpg) left top no-repeat; width:105px; height:100px; }
#btnContactUs:hover { background: url(/images/btnContactUsHover.jpg) left top no-repeat; }
/**/

/* banner */
.banner { width:100%; height:124px; padding:0; margin:0; background:url(/images/banner.jpg) center top repeat-y; }
/**/

/* This is the content holder - binds the side navigation and page content together */
.containerContent { width:774px; position:relative; clear:both; min-height:400px;  }
#contentBackground { background:url(/images/backgroundNavigation.jpg) repeat-y; }

.thumbNail { display:block; width:144px; height:128px; float:left; margin-right:30px; margin-top:4px; display:block; }
.thumbNail span { display:none;}
.thumbEnd { margin-right:0px;}
#badgeLinton { background-image:url(../images/badgeLinton.jpg); }
#badgeFacebook { background-image:url(../images/badgeFacebook.jpg); }


#sideNavigation { float:left; width:159px; /*height:400px;*/ }
ul#siteNav { border-top:1px #d1e3ec solid; margin:36px 0 72px 0; padding:0; }
ul#siteNav li { height:24px; border-bottom:1px #d1e3ec solid; list-style-type:none;}
ul#siteNav li a { display:block; height:19px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; font-size:11px; color:#FFF; padding:4px 0 0 24px;}
ul#siteNav li a.active {background:url(/images/navActive.gif);}

.pageContent { float:right; width:520px; padding:20px 60px 20px 27px; }
.pageContent#homepageIntro { background:url(/images/carolSignature.jpg) bottom right no-repeat; width:460px; padding:20px 120px 70px 27px; }


#h1Welcome 		  { background:url(/images/h1Welcome.jpg) left top no-repeat; }
#h1Classes 		  { background:url(/images/h1Classes.jpg) left top no-repeat; }
#h1LAMDAClasses   { background:url(/images/h1LAMDAClasses.jpg) left top no-repeat; }
#h1ThankYou		  { background:url(/images/h1ThankYou.jpg) left top no-repeat; }
#h1DramaClasses   { background:url(/images/h1DramaClasses.jpg) left top no-repeat; }
#h1DanceClasses   { background:url(/images/h1DanceClasses.jpg) left top no-repeat; }
#h1SingingClasses   { background:url(/images/h1SingingClasses.jpg) left top no-repeat; }
#h1RockSchool   { background:url(/images/h1RockSchool.jpg) left top no-repeat; }
#h1AdultClasses   { background:url(/images/h1AdultClasses.jpg) left top no-repeat; }
#h1ClassTimetables   { background:url(/images/h1ClassTimetables.jpg) left top no-repeat; }
#h1SummerSchool   { background:url(/images/h1SummerSchool.jpg) left top no-repeat; }
#h1Photos 		  { background:url(/images/h1Photos.jpg) left top no-repeat;}
#h1Links 	  { background:url(/images/h1Links.jpg) left top no-repeat;}
#h1Apply 		  { background:url(/images/h1ApplyToJoin.jpg) left top no-repeat;}
#h1SuccessStories { background:url(/images/h1SuccessStories.jpg) left top no-repeat;}
#h1News			  { background:url(/images/h1News.jpg) left top no-repeat;}
#h1ContactUs 	  { background:url(/images/h1ContactUs.jpg) left top no-repeat;}

/* footer */
#footer { width:100%; height:100px; margin:0; padding:0 0 40px 0; clear:both; background:#ffffff url(/images/backgroundFooter.jpg) left top no-repeat; }
#footer p { margin-left:28px; font-size:10px; }
#footer p a {  color:#BDCDD5; text-decoration:none; }
#footer p a:hover { color:#336699; border-bottom:#336699 dotted 1px; text-decoration:none; }
.pipe { padding:0 35px; }




/**/

/****************** forms ******************************/
form { margin: 0; padding: 20px 0 0 0; width: 100%; }
form fieldset { height:180px; float:left;  border-color: #272727; border-width: 1px; border-style: solid; padding: 10px; margin: 0 0 0px 0; float:left; }
form fieldset legend { font-size:14px; color:#fff; }
form fieldset legend span { font-size:12px; }
form label { color:#fff; display:block; float:left; width:200px; padding:0; margin:14px 0 0 0; text-align:right; font-size:14px; }
form label span { font-size:12px;}
form input {width:270px; height:18px; margin:10px 0 0 5px; border:#e9e9e7 1px solid; padding:3px; font-size:14px; color:#006FB1; font-family:Arial, Helvetica, sans-serif; }
form select {width:280px; height:25px; margin:10px 0 0 5px; border:#e9e9e7 1px solid; padding:3px; font-size:14px; color:#006FB1; font-family:Arial, Helvetica, sans-serif; }
form textarea {width:270px; height:130px; margin:10px 0 0 5px; border:#e9e9e7 1px solid; padding:3px; font-size:14px; margin-right:8px; color:#006FB1; font-family:Arial, Helvetica, sans-serif; }
form .chkbox { border:none; }
form .button { float:right; cursor:pointer; margin-right:35px; background-image:url(images/btnForm.jpg); border:none; width:134px; height:31px;}
form .error { color:#FF0000; margin-top:5px; }
form textarea { overflow:auto; }
form small {display:block; margin: 0 0 5px 160px; padding:1px 3px; font-size: 88%;color:#666666; }
form .required{ font-weight:bold; }
form br { clear:left; }
.checkbox	{border:none; text-align:left; width:20px;}

/****************** calendar ******************************/
button.calendar {position:inherit; top:5px; width:20px; height:20px; cursor:pointer; border:none; background:url(/images/calendar.gif) no-repeat;}
.calendar div{padding:10px; background-color:#fff; border:1px solid #D2E3EB;}
.calendar table{font-size:11px; color:#000; width:200px; text-align:right; }
.calendar caption {border-bottom:1px solid #FEC400; padding-bottom:5px; margin-bottom:5px;}
.calendar caption a {font-size:12px; font-weight:bold; padding-left:10px; padding-right:10px; cursor:pointer;}	
.calendar caption span {font-size:12px; font-weight:bold; color:#2d2d2d; margin-left:5px; margin-right:5px;}	
.calendar td {padding-top:2px; padding-bottom:2px; padding-right:2px; }
.calendar th {color:#BCCDD5;}
.calendar .valid{cursor:pointer; background-color:#BCCDD5; color:#FFF;}
.calendar .active{cursor:pointer; border:1px solid #BCCDD5; background-color:#FEC400; color:#FFF;}
.calendar .invalid{background-color:#ddaaaa; color:#000;}

/* Table styling */
.timetable {  margin-bottom:10px; padding-top:10px;	border-width: 0px; border-spacing:0px; border-style:outset; border-collapse:collapse;  }
.timetable td { padding-bottom:5px;	border-width: 1px;  padding: 10px 4px 10px 4px ; border-style: solid; font-size:11px; border-color: #6894a8; text-align:center; color:#6894a8; background-color:#FFF; }

.timetable th { text-align:left; font-size:11px; font-weight:bold;	border-width: 1px;border-style: solid; padding: 10px 4px 10px 4px ;border-color: #6894a8; text-align:center; background-color:#6894a8; color:#FFF;}