/* CSS Document */
*{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; color: #8F4B3A; outline: none}
html, body{margin: 0 auto; background: url(../images/body_bg.jpg) center fixed}
.box_content {width: 900px; margin: 10px auto}

#header{width: 100%; height: 541px; margin: 0 auto; position: absolute; top: 0}
#intro{width: 912px; height: 350px; background: url(../images/intro.png) no-repeat; margin: 0 auto}
#content_body{min-height: 380px}
#footer {width: 100%; height: 350px; margin: 0 auto; position: relative}
#footer *{font-size: 10px; color: #fff!important; line-height: 16px!important	}
#footer a:hover{color: #FFFF00!important}
#over{position: absolute; top: 145px}

.clear{clear: both}
a{text-decoration: none; color: #8F4B3A}
a:hover{color: #F40603}
a img{border: 0}

.popup {display: none}

input[type='text'], input[type='password'], textarea{border: 1px solid #EBD6CF; padding-bottom: 10px; padding-left: 5px; padding-top: 2px;}
input[type='text']:focus, input[type='password']:focus, textarea:focus{border: 1px solid #FFE900}

p{text-indent: 30px}
/* menu dedine*/
/*header menu*/
#menu_container{width: 980px; height: 35px; margin: 0 auto; margin-top: 105px; margin-bottom: 20px}
ul#menu{
	margin:0;
    padding:0;
	padding-left: 25px;
}
ul#menu li {
	position:relative;
    list-style:none;
    margin:0 auto;
    float:left;
	cursor: pointer;
	margin: 0 4px;
	width: 125px;
	height: 35px
}
.menuitems{background:url(../images/menu.png) no-repeat; }
.item_home{background-position: 0 0}
.item_home:hover{background-position:0 -36px}
.item_home_active{background-position:0 -36px}
.item_about{background-position: -126px 0}
.item_about:hover{background-position: -126px -36px}
.item_about_active{background-position: -126px -36px}
.item_services{background-position: -252px 0}
.item_services:hover{background-position: -252px -36px }
.item_services_active{background-position: -252px -36px}
.item_news{background-position: -377px 0}
.item_news:hover{background-position: -377px -36px}
.item_news_active{background-position: -377px -36px}
.item_programs{background-position: -504px 0}
.item_programs:hover{background-position: -504px -36px}
.item_programs_active{background-position: -504px -36px}
.item_parent{background-position: -630px 0}
.item_parent:hover{background-position: -630px -36px}
.item_parent_active{background-position: -630px -36px}
.item_contact{background-position: -756px 0}
.item_contact:hover{background-position: -756px -36px}
.item_contact_active{background-position: -756px -36px}

/*intro menu*/
ul#intro_menu{
	margin:0;
    padding:0;
	padding-right: 15px;
	padding-top: 5px;
	float: right;
}
ul#intro_menu li {
	position:relative;
    list-style:none;
	cursor: pointer;
	width: 100px;
	height: 100px;
	margin: 10px 0;
}
.intro_menuitems{background:url(../images/intro_menu.png) no-repeat; }
.item_vacancy{background-position: 0 0}
.item_vacancy:hover, .item_vacancy_active{background-position: -102px 0}
.item_library{background-position: 0 -108px}
.item_library:hover, .item_library_active{background-position: -102px -108px}
.item_events{background-position: 0 -218px}
.item_events:hover, .item_events_active{background-position: -102px -218px }

/*about us menu*/
ul#about_menu{
	margin:0;
    padding:0;
	padding-top: 10px;
}
ul#about_menu li {
	position:relative;
    list-style:none;
	cursor: pointer;
	width: 187px;
	height: 195px;
	margin: 10px 0;
}
.about_menuitems{background:url(../images/about_images.png) no-repeat; }
.item_aboutus{background-position: 0 0}
.item_aboutus:hover{background-position: -191px 0}
.item_aboutus_active{background-position: -376px 0}
.item_philosophy{background-position: 0 -200px}
.item_philosophy:hover{background-position: -191px -200px}
.item_philosophy_active{background-position: -376px -200px}
.item_target{background-position: 0 -400px}
.item_target:hover{background-position: -191px -400px}
.item_target_active{background-position: -376px -400px}
.item_property{background-position: 0 -600px}
.item_property:hover{background-position: -191px -600px}
.item_property_active{background-position: -406px -600px}
.item_teaching{background-position: 0 -800px}
.item_teaching:hover{background-position: -191px -800px }
.item_teaching_active{background-position: -406px -800px}
.item_reasons{background-position: 0 -1000px}
.item_reasons:hover{background-position: -191px -1000px}
.item_reasons_active{background-position: -406px -1000px}

/*services menu*/
ul#services_menu{
	margin:0;
    padding:0;
	padding-top: 10px;
}
ul#services_menu li {
	position:relative;
    list-style:none;
	cursor: pointer;
	width: 187px;
	height: 195px;
	margin: 10px 0;
}
.services_menuitems{background:url(../images/services_images.png) no-repeat; }
.item_languages{background-position: 14px 0}
.item_languages:hover{background-position: -140px 0}
.item_languages_active{background-position: -340px 0}
.item_montessory{background-position: 14px -200px}
.item_montessory:hover{background-position: -140px -200px}
.item_montessory_active{background-position: -340px -200px}
.item_pickup{background-position: 14px -400px}
.item_pickup:hover{background-position: -150px -400px}
.item_pickup_active{background-position: -340px -400px}
.item_learning{background-position: 0 -605px}
.item_learning:hover{background-position: -140px -605px}
.item_learning_active{background-position: -365px -605px}
.item_insurance{background-position: 0 -810px}
.item_insurance:hover{background-position: -150px -810px }
.item_insurance_active{background-position: -365px -810px}


/*programs menu*/
ul#programs_menu{
	margin:0;
    padding:0;
	padding-top: 10px;
}
ul#programs_menu li {
	position:relative;
    list-style:none;
	cursor: pointer;
	width: 187px;
	height: 195px;
	margin: 10px 0;
}
.programs_menuitems{background:url(../images/programs_images.png) no-repeat; }
.item_babyhouse{background-position: 15px 0}
.item_babyhouse:hover{background-position: -144px 0}
.item_babyhouse_active{background-position: -335px 0}
.item_kindergarten{background-position: 15px -200px}
.item_kindergarten:hover{background-position: -144px -200px}
.item_kindergarten_active{background-position: -335px -200px}
.item_genius{background-position: 15px -400px}
.item_genius:hover{background-position: -144px -400px}
.item_genius_active{background-position: -335px -400px}
.item_sub_programs{background-position: -3000px -3000px; font-weight: bold; }
.item_sub_programs img {filter: gray;}
.item_sub_programs:hover, .item_sub_programs:hover *{color: #FE8A21; font-weight: bold}
.item_sub_programs:hover img {filter: none;}
.item_sub_programs_active{font-weight: bold; filter: none; background-position: -343px -600px}
.item_sub_programs_active *{color: #FE8A21} 
.item_sub_programs_active img {filter: none}

/*news menu*/
ul#news_menu{
	margin:0;
    padding:0;
	padding-top: 10px;
}
ul#news_menu li {
	position:relative;
    list-style:none;
	cursor: pointer;
	width: 180px;
	height: 195px;
	margin: 10px 0;
	padding: 10px
}

.item_sub_news{background:url(../images/news_bg.png) no-repeat; background-position: -300px -300px; }
.item_sub_news img {filter: gray;}
.item_sub_news:hover, .item_sub_news:hover *{color: #EE1462; font-weight: bold}
.item_sub_news:hover img {filter: none;}
.item_sub_news_active{font-weight: bold; filter: none; background-position: -20px 0;}
.item_sub_news_active *{color: #EE1462} 
.item_sub_news_active img {filter: none}
/* end menu define*/

/* begin buttons define*/
.other_news_button{width: 122px; height: 36px; background:url(../images/button.png) no-repeat; cursor: pointer}
.request_button{width: 122px; height: 36px; background:url(../images/request_btn.png) no-repeat; cursor: pointer}
.login_button{width: 122px; height: 36px; background:url(../images/login_btn.png) no-repeat; cursor: pointer}
.logout_button{width: 122px; height: 36px; background:url(../images/logout_btn.png) no-repeat; cursor: pointer}
.button_normal{background-position: 0 0;}
.button_normal:hover{background-position:0 -37px}


/* end menu define*/

.calendar_box {height:135px; width: 127px; text-align: center; background: url(../images/calendar.png) no-repeat; padding-top: 20px; margin: 0 auto; cursor: pointer}
.calendar_box div.week {color: #8F4B3A}
.calendar_box div.day {color: #8F4B3A; font-size: 72px;  margin: 23px 0 }
.calendar_box div.month {color: #8F4B3A}

.box_album1{height: 150px; width: 200px; background: url(../images/bg_album1.png) no-repeat; cursor: pointer}
.box_album2{height: 150px; width: 200px; background: url(../images/bg_album2.png) no-repeat; cursor: pointer}
.box_album3{height: 150px; width: 200px; background: url(../images/bg_album3.png) no-repeat; cursor: pointer}
.box_album1 img, .box_album2 img, .box_album3 img {height: 100px; width: 100px; margin-top: 27px; margin-left: 55px}

.news_item_box{width: 510x; height: 210px; background: url(../images/bg_news_items.png) no-repeat; padding: 10px}
.news_item_box:hover{background-position: 0 -244px}
.news_item_box img{ height:140px; width: 140px; float: left; margin-right: 20px; border: 2px solid #EFB402; padding: 2px }


.header_text, .header_text a{font-size: 16px; font-weight: bold; color: #11B054; height: 42px; overflow: hidden}

.normal_text {font-size: 15px; color: #8F4B3A}
.short_textcontent {height: 110px;  overflow:hidden; text-overflow: ellipsis}
div.more {width: 32px; height: 32px; background: url(../images/more.png) no-repeat; float: right; cursor: pointer; margin-top: 10px}
img.news_image{ height:150px; width: 150px; margin: 5px; float: left; border: 2px solid #EFB402; padding: 2px }

.album {float: left; width: 150px; height: 200px; text-align: left; border: 1px solid #FFF35E; margin-left: 8px; margin-bottom: 10px; padding: 5px; cursor: pointer}
.album:hover {border: 1px solid #B3ED8F; background-color: #E2F9D5}

.sub_content {
	text-align:justify; 
	width: 555px; 
	margin-left: -24px; 
	margin-right: -24px; 
	padding: 10px; 
	float: left;
}

.sub_content_big {
	text-align:justify; 
	width: 720px; 
	margin-left: -12px; 
	margin-right: -33px; 
	padding: 10px; 
	float: left;
}

.sub_content div.border_body1 {
	background: url(../images/body_border1.png) repeat-y;
	padding: 1px 30px;
	min-height: 400px; 
}

.sub_content div.border_body2 {
	background: url(../images/body_border2.png) repeat-y;
	padding: 1px 30px;
	min-height: 600px; 
}

.sub_content_big div.border_body3 {
	background: url(../images/body_border3.png) repeat-y;
	padding: 1px 30px;
	min-height: 400px; 
}

.sub_content div.border_body4 {
	background: url(../images/body_border4.png) repeat-y;
	padding: 1px 30px;

}

.border_header,  .border_footer{
	background: url(../images/borders.png) no-repeat;
	height: 30px;
}
.header_1{background-position: 0 0}
.header_2{background-position: 0 -80px}
.header_3{background-position: 0 -160px}
.header_4{background-position: 0 -240px}

.footer_1{background-position: 0 -50px}
.footer_2{background-position: 0 -130px}
.footer_3{background-position: 0 -210px}
.footer_4{background-position: 0 -290px}

.frame_baby{width: 150px; height: 200px; background: url(../images/frame_baby.png) no-repeat; position: absolute; top: 0}