body { background: #000000; color:#FFFFFF; font-family:Arial; font-size:12px; text-align:center; }

	#home #mainmenu .home a, 
	#classes #mainmenu .classes a,
	#news #mainmenu .news a,
	#timetable #mainmenu .timetable a,
	#staff #mainmenu .staff a,
	#gallery #mainmenu .gallery a,
	#more #mainmenu .more a
	{ background: #333333; color: #FFFFFF; cursor: default; }
	
.verticalSpace20 { height:20px; }
.verticalSpace15 { height:15px; }
.verticalSpace10 { height:10px; }
.verticalSpace5 { height:5px; }
.verticalSpace2 { height:2px; }

.wrapper { width:900px; height:auto; margin-left:auto; margin-right:auto; line-height: 1.3em;}
.clear { clear: both; }

.headerBox { width:900px; height:77px; background-color: #000000; padding-top: 5px; }
.headerBoxLeft { float:left; height:77px; width: 200px; background:url(images/header/ellitestudios.jpg); background-repeat:no-repeat; }
.headerBoxRight { float:right; padding-bottom: 5px; }
.elliteLinks { font-family:Arial; font-size:12px; color: #FFFFFF; text-decoration:none; }

.headerMenuBox { width:100%; height:38px; background-color:#66CC66; }

.headermenu { margin: 0; padding: 0; list-style: none; }
.headermenu li { float: left;  }
.headermenu a {float: left; font-family:Arial; font-size:12px; color: #000000; display: block; height: 38px; color: #000; background: #66CC66; padding: 0 1.5em; line-height: 3em; text-decoration: none; text-align: center; }
.headermenu a:hover { background: #333333; color: #FFFFFF; }

.bulletMenu { margin: 0; padding: 0; list-style: none; }
.bulletMenu a { background-image:url(images/common/bullet.jpg); background-repeat: no-repeat; background-position:left; text-indent: 15px; font-family:Arial; font-size:12px; color: #CCCCCC; display: block; height: 20px; line-height: 20px; text-decoration: none; text-align: left; }
.bulletMenu a:hover { color: #FFFFFF; }
.bulletMenuSep { border-bottom: dashed 1px #666666; width:100%; }

.simpleList { font-family:Arial; font-size:12px; color: #CCCCCC; text-align:left; padding-bottom: 2px;  }

.colGap { width:5px; height:5px; float:left; }

.mainImage { width: 540px; height: 150px; }
.mainImageBig { width: 540px; height: 200px; }
.mainImageHome { width: 540px; height: 215px; }
.mainSubTitle { width: 530px; height:auto; background-color: #1F1F1F; padding: 5px; text-align:left; }
.mainTitle { width: 535px; height:auto; background-color: #1F1F1F; padding-top: 5px; padding-left: 5px; padding-bottom: 10px; text-align:left; }
.mainTitleBox { width: 537px; height:auto; background-color: #1F1F1F; padding-top: 3px; padding-left: 3px; padding-bottom: 5px; text-align:left; font-size:28px; line-height:30px; }

.mainContent { width:530px; padding: 5px; background-color:#333333; font-family:Arial; font-size:12px; color: #FFFFFF; text-align:left; padding-top:15px; padding-bottom:15px; }
.mainContent a { color:#FFFFFF; text-decoration:underline; }
.mainContent a:hover { text-decoration:none; color:#66CC66; }

.colLeft { width:175px; height:auto; float:left; background-color:#000000; }
.colMainImage { width:540px; float:left; background-color:#000000; }
.colMain { width:540px; height:auto; float:left; background-color:#000000; }
.colRight { width:175px; height:auto; float:right; background-color:#000000; }

.leftColHeading { width:auto; height: 20px; padding:10px; background-color: #1F1F1F; font-family:Arial; font-size:12px; color: #FFFFFF; text-align:left; }
.leftColText { width:auto; height:auto; padding: 10px;  font-family:Arial; font-size:12px; color: #FFFFFF; }
.leftColBox { width:auto; height:auto; background-color: #333333; border-bottom: solid 2px #66CC66; }
.leftColTextBranch { width:auto; height:auto; padding-top:5px; padding-bottom:5px;  font-family:Arial; font-size:12px; color: #FFFFFF; text-align:left; }

.rightColHeading { width:auto; height: 20px; padding:10px; background-color: #1F1F1F; font-family:Arial; font-size:12px; color: #FFFFFF; text-align:left; }
.rightColText { width:auto; height:auto; padding: 10px;  font-family:Arial; font-size:12px; color: #FFFFFF; }
.rightColBox { width:auto; height:auto; background-color: #333333; border-bottom: solid 2px #66CC66; }

.readmoreTitle { font-family:Arial; font-size:12px; color: #66CC66; padding-bottom: 3px; text-align:left; }
.readmoreText { font-family:Arial; font-size:12px; color: #CCCCCC; text-decoration:none; text-align:left; }
.readmoreText a { font-family:Arial; font-size:12px; color: #CCCCCC; text-decoration:none; text-align:left; }
.readmoreText a:hover { color: #FFFFFF; }
.readmoreSep { border-top: dashed 1px #666666; }

.footerBox { width:100%; height:24px; background-color:#66CC66; float:right;}
.footerMenu { margin: 0; padding: 0; list-style: none; }
.footerMenu li { float: right;  }
.footerMenu a {float: left; font-family:Arial; font-size:11px; color: #000000; display: block; height: 24px; color: #000; background: #66CC66; text-decoration: none; text-align: center; line-height: 24px; padding-right: 10px; padding-left: 10px; }
.footerMenu a:hover { background: #333333; color: #FFFFFF; }

.footerSubText { font-family:Arial; font-size:11px; color: #333333; text-decoration:none; text-align:center; padding-top:3px;}
.footerSubText a { text-decoration:none; color:#333333 }
.footerSubText a:hover { text-decoration:underline; color:#FFFFFF; }

.otherColHeading { width:auto; height: 20px; padding:10px; background-color: #1F1F1F; font-family:Arial; font-size:12px; color: #FFFFFF; text-align:left; }
.otherColText { width:auto; height:auto; padding: 10px;  font-family:Arial; font-size:12px; color: #FFFFFF; }
.otherColBox { width:auto; height:auto; background-color: #333333; border-bottom: solid 2px #66CC66; }

.contactUsTitle { width: 100px; float:left; font-family:Arial; font-size:12px; color: #CCCCCC; }
.contactUsData { float:left; }

.formSectionHeader { font-weight:bold; color: #66CC66; padding-top: 10px; padding-bottom: 5px; padding-left: 5px; }
.formFieldPair { width:100%; }
.formFieldName { float:left; font-family:Arial; font-size:12px; color: #CCCCCC; width: 200px; padding-top:3px; padding-left: 15px; height: 16px;  }
.formField { float:left; padding-bottom: 2px; }

.ttBox { height:auto; width:auto; background-color: #1F1F1F; padding: 5px; border: solid 1px #000000; font-size:11px; }
.ttHeaderDay { font-family:Arial; font-size:12px; color: #FFFFFF; float:left; }
.ttHeaderDayGreen { font-family:Arial; font-size:12px; color: #66CC66; float:left; }
.ttHeaderMap { font-family:Arial; font-size:12px; color: #FFFFFF; float:right; }
.ttHeaderAddress { font-family:Arial; font-size:12px; color: #999999; float:left; }
.ttSep { height:5px; width:auto; border-bottom: dashed 1px #333333;}
.ttRow { height:auto; width:auto; padding-top:2px; }
.ttRowTime { height:auto; width: 110px; float:left; }
.ttRowStudio { height:auto; width: 70px; float:left; }
.ttRowAge { height:auto; width: 80px; float:left; }
.ttRowClass { height:auto; width:auto; float:left; }

.ttRowHeadingTime { height:auto; width: 110px; float:left; color:#666666; }
.ttRowHeadingStudio { height:auto; width: 70px; float:left; color:#666666; }
.ttRowHeadingAge { height:auto; width:80px; float:left; color:#666666; }
.ttRowHeadingClass { height:auto; width:auto; float:left; color:#666666; }

.ttNotice { height:auto; width:auto; padding-top: 3px; padding-bottom: 3px; color: #CC3333; }
.redNote { color: #CC3333; }

.teachingStaffQuals { font-family:Arial; font-size:14px; color: #66CC66; }
.teachingStaffImage { height: 160px; width: 120px; float:right; padding-left: 10px; padding-bottom: 15px; padding-right:5px;}

.rulesHeaderBox {color: #66CC66; width:auto; height:auto; background-color: #1F1F1F; padding: 5px; border: solid 1px #000000; }
.rulesHeaderSep {  height:5px; width:auto; border-bottom: solid 1px #333333; }
.rulesBox { height:auto; width:auto; padding-top:5px; color: #FFFFFF;}

.uniformBox { height:auto; width:auto; background-color: #1F1F1F; padding: 5px; border: solid 1px #000000; }
.uniformBoxHeader { font-family:Arial; font-size:12px; color: #66CC66; float:left; }
.uniformBoxHeaderClass { font-family:Arial; font-size:12px; color: #999999; float:left; }
.uniformBoxSep { height:5px; width:auto; border-bottom: dashed 1px #333333; }
.uniformBoxDetail { float:left; height: auto; width: 370px; }
.uniformBoxImage { float:right; padding-right: 5px; padding-bottom: 5px; padding-left: 10px;}

.uniformList { margin: 0px; padding: 0px; list-style-type: none; }
.uniformListItem { background: url(images/common/bulletGrey.jpg) no-repeat 5px 5px; padding-left: 30px; padding-bottom: 5px; }
.uniformImage {  }

.newsBox { height:auto; width:auto; background-color: #1F1F1F; padding: 5px; border: solid 1px #000000; }
.newsDate { font-family:Arial; font-size:10px; color: #66CC66; float:left; padding-right: 20px; }
.newsHeadline { font-family:Arial; font-size:14px; color: #CCCCCC; float:left; }
.newsSep { height:5px; width:auto; border-bottom: dashed 1px #333333; }

.classCurrBox { height:auto; width:auto; background-color: #1F1F1F; padding: 5px; border: solid 1px #000000; }
.classCurrTitle { font-family:Arial; font-size:12px; color: #66CC66; float:left; }
.classCurrSep { height:5px; width:100%; border-bottom: dashed 1px #333333; }

.summerschoolPrice { color: #FFFFFF; }
.locationHeading { font-family:Arial; font-size:12px; color: #66CC66; }
.locationMap { text-align:center; }

.advertImage { height: auto; width: 175px; display: block; }