/*
	Title:		Eltham Kids College
	Date:		April 22, 2010
--------------------------------------------------------------			
*/

	/* COMMON ELEMENTS */
body{margin:0;padding:0px;background:#fffffe;font-family:Arial}
.clear:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
a img{border:0}

.FL{float:left;width:auto}
.FR{float:right;width:auto}
.CB{clear:both}
	/* COMMON ELEMENTS */

	/* BEGIN HEADER */
#header-wrap{ clear:both; width:100%;background:url(../images/header-line.gif) repeat-x left bottom; overflow:hidden;}
#header{clear:both;width:976px; margin:0 auto;padding:25px 0 29px 48px;overflow:hidden}
#logo{float:left;width:auto;margin:10px 48px 0 0}
#header ul{float:left;width:693px;height:86px;margin:0;padding:0;list-style:none}
#header li{float:left;height:86px;margin:0}
#header li a{display:block;float:left;width:auto;height:29px;margin-top:57px;background:url(../images/nav-bgs.gif) no-repeat 0 0;text-decoration:none;text-indent:-9999999px}
#header li.home a{width:71px;background-position:0 -57px}
#header li.home a:hover,#header li.home a.active{background-position:0 0px}
#header li.about a{width:90px;background-position:-71px -57px}
#header li.about a:hover,#header li.about a.active{background-position:-71px 0px}
#header li.programs a{width:93px;background-position:-161px -57px}
#header li.programs a:hover,#header li.programs a.active{background-position:-161px 0px}
#header li.locations a{width:95px;background-position:-254px -57px}
#header li.locations a:hover,#header li.locations a.active{background-position:-254px 0px}
#header li.parents a{width:144px;background-position:-349px -57px}
#header li.parents a:hover,#header li.parents a.active{background-position:-349px 0px}
#header li.myeckids a{width:99px;background-position:-493px -57px}
#header li.myeckids a:hover,#header li.myeckids a.active{background-position:-493px 0px}
#header li.enquire a{width:101px;background-position:-592px -57px}
#header li.enquire a:hover,#header li.enquire a.active{width:101px;background-position:-592px 0px}
#header li a span{display:none}
#header li a:hover,#header li a.active{margin-top:0;height:86px}
	/* END HEADER */

	/* BEGIN CONTENTS */
.contents-container{clear:both;width:1024px; margin:0 auto;position:relative;z-index:1}
.bottom-graphic{ position:absolute; left:-112px; bottom:0px; margin:0;}
* html .bottom-graphic{ bottom:-10px;}
*:first-child+html .bottom-graphic{ bottom:-10px;}

.home-contents{float:left;width:989px;padding:15px 0 10px 35px} 

.img-with-title{clear:both;width:989px;margin:0;overflow:hidden;}
.img-with-title a{color:white;text-decoration:none;;width:309px;height:112px;float:left;margin:0 13px 0 0;}
.img-with-title a span {margin:39px 0 0 122px;display:block;font-size:18px;width:177px;height:38px;line-height:18px;overflow:hidden; font-family: Arial, sans-serif; font-weight: bold;}
.main-contents-and-text{clear:both;width:892px;padding:0 0 0 97px;float:left;}
.display{float:left;width:293px;}
.display img{float:left;width:auto;margin:0;}

.main-right-texts{float:left;width:475px;margin:20px 0;}
.main-right-texts h1{clear:both;text-indent:0;margin:0;padding:0;color:#58585a;}
.main-right-texts p{clear:both;text-indent:0;margin:15px 0 0;padding:0;font-size:12px;line-height:17px;color:#58585a;}

		/* BEGIN PHOTO GALLERY PAGES */
.photo-gallery-pages{clear:both;width:1019px;padding:0 0 30px 5px;overflow:hidden}

.gallery-pages-left-nav{float:left;width:275px;padding-left:50px}
.gallery-pages-left-nav h2{width:190px;height:30px;margin:0;padding:0;text-indent:-9999999px;font-size:18px;line-height:22px;background:url(../images/left-nav-heads.gif) no-repeat 0 0}
.gallery-pages-left-nav ul{clear:both;width:215px;margin:10px 0 0;padding:0;list-style:none}
.gallery-pages-left-nav ul li{float:left;width:215px;font-size:16px;font-weight:700;line-height:22px}
.gallery-pages-left-nav ul li a{text-decoration:none;color:#58585a}
.gallery-pages-left-nav ul li span{float:left;width:30px;display:block;padding:4px 0 6px;text-align:center;line-height:22px;color:#58585a}
.gallery-pages-left-nav ul li em{display:block;float:left;width:165px;padding:4px 0 6px 20px;background:url(../images/left-nav-x.gif) repeat-x left bottom;line-height:22px;font-style:normal}

.img-navigator{float:left;clear:right;width:172px;height:172px;margin-top:22px;background:url(../images/img-navigator-bg.gif) no-repeat 0 0;overflow:hidden}
.img-navigator span{float:left;width:84px;height:80px;line-height:80px;text-align:center;display:block;padding:0 2px 2px 0;color:#58585a;font-size:16px;font-weight:700}

.gallery-right{float:left;width:690px}
.gallery{clear:both;width:690px;overflow:hidden}
.gallery div{float:left;width:247px;height:242px;margin:32px 42px 0 0;overflow:hidden}
.gallery img{float:left;width:auto;margin:0}

.img-and-title-gallery{clear:both;width:990px;overflow:hidden;padding-left:34px}
.img-and-title-gallery div{clear:both;width:990px;padding-bottom:15px;overflow:hidden}
.img-and-title-gallery img{float:left;width:auto;margin:0 13px 0 0}
		/* END PHOTO GALLERY PAGES */
		
.other-pages-contents{clear:both;width:1024px;margin-bottom:-10px; min-height:500px;position:relative;padding-top:30px;z-index:2}
html > body .other-pages-contents{overflow:hidden}
* html .other-pages-contents{height:auto !important;height:250px;}
.other-pages-left{width:240px;margin-top:3px}
.others-right-text{float:left;width:730px;padding-bottom:0px}
.others-right-text-left-display{float:left;width:278px}
.others-right-text-left-display img{float:left;width:auto;margin:0}		
.others-right-text-contents{float:left;width:450px;padding-bottom:20px;}
.others-right-text-contents h1{clear:both;width:450px;margin:0 0 20px 0;padding:0;font-size:33px;line-height:35px}
.others-right-text-contents h4{clear:both;width:450px;margin:12px 0 0;padding:0;font-size:13px;line-height:17px}		
.others-right-text-contents p{clear:both;width:400px;margin:0 0 15px 0;padding:0;font-size:12px;line-height:17px;color:#58585a}
.others-right-text-contents a,.parents-others a{color:#ea335c;text-decoration:none}
.others-right-text-contents a:hover,.parents-others a:hover{text-decoration:underline}	

.text-template h2,.text-template h3{margin:0;padding:0px 0 0;font-size:16px;line-height:20px;background:none}
.text-template h3{font-size:12px}
.text-template p.paddingtop15{padding-top:15px}
.text-template p.paddingtop-left{padding:15px 0 0 25px;width:365px }
.text-template ul{clear:both;margin:0;padding:0px 0 15px 16px;list-style:none}
.text-template li{clear:both;font-size:13px;color:#58585a;line-height:17px;padding-left:11px;background:url(../images/bullet.gif) no-repeat 0 7px}
.text-template ol{clear:both;padding:15px 0 0 30px;margin:0}
.text-template ol li{background:none;padding:0}
.text-template p.message{color:#e93361;font-weight:700;text-align:center;padding-top:15px;font-size:13px}

.table-contents{clear:both;overflow:hidden;width:400px;margin-top:15px}
.table-contents table{width:390px}
.table-contents td{background:#fce6f0;vertical-align:middle;font-size:12px;line-height:17px;padding:4px 5px 4px 10px;color:#58585a}
.table-contents td.col1{width:63px}
.table-contents td.col2{width:216px}
.table-contents td.col3{width:63px}
.table-contents td p{clear:both;width:216px;margin:0;padding:2px 0}
.table-contents td a{color:#ea335c;text-decoration:none;font-weight:700}
.table-contents td a:hover{text-decoration:underline}

.form-contents{clear:both;width:405px;margin-top:0px;}
.form-contents h5{clear:both;width:400px;margin:0;padding:0 0 3px;font-size:20px;line-height:22px}
.form-contents fieldset{float:left;width:371px;margin:3px 0 5px;padding:0 0 15px 15px;border:2px solid #e52e83;overflow:hidden}
.form-contents fieldset h6{clear:both;margin:0;padding:11px 0 2px;font-size:12px;line-height:17px}
.form-contents fieldset.personal-info{height:123px}
.form-contents fieldset.medical-history{height:138px;background-position:0 -126px}
.form-contents fieldset.options{height:67px;background-position:0 -267px}
.form-contents fieldset.current-medications{height:234px;background-position:0 -337px}

.input-txt-wrap,.input-check-wrap{float:left;width:355px;margin-top:0px}
.input-txt-wrap label,.input-check-wrap label,.radio-wrap label{width:380px;font-size:12px;line-height:20px;color:#58585a;padding:0;}
.input-txt-wrap div{float:left;width:270px;height:21px}
.input-txt-wrap div,.textarea-wrap div{background:url(../images/input-bgs.gif) no-repeat 0 0}
.input-txt-wrap div input{float:left;width:260px;height:16px;margin:0;padding:2px 4px;font-size:12px;font-family:Arial;line-height:16px;color:#58585a;background:none;border:0}
.input-check-wrap input{float:left;width:auto}
#personal .input-txt-wrap label {float:left;}

.options select{float:left;width:200px;height:21px;margin:5px 0 0}

.radio-wrap{clear:both;width:auto;margin-top:3px}
.radio-wrap label{width:280px;line-height:17px;}
* html .radio-wrap label{line-height:19px}
.radio-wrap input{float:left;width:auto}

.textarea-wrap{clear:both;width:335px;padding:10px 0 0 0px}
.textarea-wrap p{clear:both;width:314px;margin:0;padding:8px 0 3px;font-size:12px;line-height:15px;color:#58585a}
.textarea-wrap div{clear:both;width:314px;height:98px;overflow:hidden;background-position:0 -25px}
.textarea-wrap div textarea{width:307px;margin:0;padding:0 0 0 5px;height:96px;font-family:Arial;line-height:17px;font-size:12px;color:#58585a;background:none;border:0}

.form-contents input.search-button{float:left;width:61px;height:20px;margin:13px 0 0;background:url(../images/Send.png) no-repeat;border:0;cursor:pointer}
.form-contents form{margin:0}

.bottompadding0{padding-bottom:0}
.bottompadding120{padding-bottom:120px; min-height:400px; height:auto!important; height:400px}
.parents-others{margin-left:25px;width:705px;clear:both;background-color:#fffffe;position:relative;}
.parents-others h3{clear:both;margin:0px 0 0 20px;padding:0;font-size:28px;line-height:30px}
.parents-others p{clear:both;width:595px;text-align:justify;margin:0;padding:10px 0 0 20px;font-size:12px;line-height:17px;color:#58585a}
.parents-others dfn.caption{width:635px;display:block;clear:both;margin-top:3px;font-size:13px;font-style:normal;font-weight:700;color:#00b3de;line-height:15px;text-align:center;height:20px;}
.parents-large-display{clear:both;width:640px;overflow:hidden}
.parents-large-display img{float:left;width:auto;margin:0}

#large-display{clear:both;width:640px; overflow:hidden;height:400px;}
#large-display table,.parents-large-display table{border-collapse:collapse;width:auto;}
#large-display table td,.parents-large-display table td{padding:0;}
#large-display img{float:left;width:auto;margin:0; max-width:598px; max-height:338px;}

.frame-top,.frame-bottom{ height:4px; font-size:3px; line-height:3px;}
.frame-top{ background:url(../images/frame-top-x.gif) repeat-x bottom;}
.frame-bottom{background:url(../images/frame-bottom-x.gif) repeat-x 0 0;}
.frame-left{ width:4px;background:url(../images/frame-left-y.gif) repeat-y;}
.frame-right{width:4px;background:url(../images/frame-right-y.gif) repeat-y}
.corners{ clear:both; height:4px; line-height:3px; font-size:3px;position:relative;}

#large-display table td.display-img-container,.parents-large-display table td.display-img-container{width:auto;padding:16px;position:relative;}

.left-top,.right-top,.left-bottom,.right-bottom{width:8px;font-size:10px; line-height:10px;height:20px;background:url(../images/galary-frame-corners.gif) no-repeat 0 0; position:absolute;left:0;top:0;}
.left-top{ left:0px; top:2px;}
.right-top{ left:auto; right:0px; top:2px; background-position:0 -40px}
.left-bottom{ top:auto; left:0; bottom:1px; background-position:0 -80px}
.right-bottom{top:auto; left:auto; bottom:0px; right:0px; background-position:0 -120px}

.parents-large-display .frame-top{}
.parents-large-display .frame-bottom{background:url(../images/frame-bottom-x2.gif) repeat-x 0 0;padding-bottom: 20px;}
.parents-large-display .frame-left{background:url(../images/frame-left-y2.gif) repeat-y;}
.parents-large-display .frame-right{background:url(../images/frame-right-y2.gif) repeat-y 1px 0}

.parents-large-display .left-top{ background-position:0 -160px}
.parents-large-display .right-top{background-position:0 -200px;}
.parents-large-display .left-bottom{background-position:0 -240px;}
.parents-large-display .right-bottom{background-position:0 -280px;}

#gallery-thumbs{clear:both;width:622px;height:94px;margin-top:15px;padding:11px 0 0 13px;background:url(../images/photgallery-thumbs-frame.gif) no-repeat 0 0;overflow:hidden; position:absolute; left:0; bottom:30px;}
#thumbs-wrap{float:left;width:540px;overflow:hidden}
#thumbs-wrap-inner{float:left;width:2000px}
#thumbs-wrap img{float:left;width:auto;margin:0 8px 0 0}

#gallery-thumbs a#previous-arrow-button,#gallery-thumbs a#next-arrow-button{float:left;display:block;width:27px;height:26px;margin:30px 8px 0 0;cursor:pointer;overflow:hidden;background:url(../images/arrows.gif) no-repeat 0 0}
#gallery-thumbs a#next-arrow-button{background-position:0 -27px;margin-left: 10px;}

	
	
		/* BEGIN THEME CODES */		
#theme-parents .gallery-pages-left-nav h2{background-position:0 0}
#theme-parents .gallery-pages-left-nav a:hover,#theme-parents .gallery-pages-left-nav li.active a,#theme-parents  h1,#theme-parents h3,#theme-parents h4,#theme-parents h2{color:#00b3de}
#theme-myeckids .gallery-pages-left-nav h2{background-position:0 -30px}
#theme-myeckids .gallery-pages-left-nav a:hover,#theme-myeckids .gallery-pages-left-nav li.active a,#theme-myeckids h1,#theme-myeckids h3,#theme-myeckids h4,#theme-myeckids h2{color:#fdbc00}
#theme-enquire .gallery-pages-left-nav h2{background-position:0 -60px}
#theme-enquire .gallery-pages-left-nav a:hover,#theme-enquire .gallery-pages-left-nav li.active a,#theme-enquire h1,#theme-enquire h3,#theme-enquire h4,#theme-enquire h2{color:#e52e83}
#theme-about .gallery-pages-left-nav a:hover,#theme-about .gallery-pages-left-nav li.active a,#theme-about h1,#theme-about h4,#theme-about h2{color:#fdbc00}
#theme-about h2{background-position:0 -90px}
#theme-programs .gallery-pages-left-nav h2{background-position:0 -120px}
#theme-programs .gallery-pages-left-nav a:hover,#theme-programs .gallery-pages-left-nav li.active a,#theme-programs h1,#theme-programs h2,#theme-programs h3,#theme-programs h4,#theme-programs h5,#theme-programs h6{color:#e52e83}
#theme-locations .gallery-pages-left-nav h2{background-position:0 -150px}
#theme-locations .gallery-pages-left-nav a:hover,#theme-locations .gallery-pages-left-nav li.active a,#theme-locations h1,#theme-locations h4,#theme-locations h2{color:#00ab75}
		/* END THEME CODES */
		
	/* END CONTENTS */

	/* BEGIN FOOTER */
#footer-wrap{clear:both; width:100%;overflow:hidden;background:url(../images/footer-x.gif) repeat-x 0 -2px;position:relative;z-index:3}
#footer{clear:both;width:988px; margin:0 auto;padding-bottom:25px;padding-right:36px;overflow:hidden;}
#footer ul{float:right;width:160px;height:22px;margin:0;padding:0 0 0 10px;list-style:none;overflow:hidden;background:url(../images/footer-nav-bg.gif) no-repeat 0 0;}
#footer li{float:left;width:auto;padding:0 7px;background:url(../images/footer-nav-divider.gif) no-repeat right 6px;height:20px;line-height:20px}
#footer li.last{background:none;padding-right:0}
#footer li a{float:left;width:auto;text-decoration:none;color:#fff;font-size:11px;line-height:20px}
#footer li a:hover{text-decoration:underline}
.footer-logos{clear:both;width:884px;margin-left:104px;overflow:hidden;padding-top:20px}
.footer-logos img{float:left;width:auto;margin:0 43px 0 0}		
	/* END FOOTER */