/*	---------------------------------------------------------------------------------------
	Radim Kurka
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:		Reset & basic styles & layout
	Media:				screen, projection, handheld, tv
	Date:				14. 12. 2009
	Author:				Zdenek Kostal (http://madeo.cz/)	
	-------------------------------------------------------------------------------------*/

/*	---------------------------------------------------------------------------------------
	Reset & default styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, caption, table, tr, th, td, tbody, p, blockquote, cite, q, abbr, acronym, address, img, ins, del, code, form, fieldset, legend, label, object {
	margin: 0;
	padding: 0;
}
:focus {
	outline: 0;
}
html, body, #background, #main {
	width: 100%;
	height: 100%;
	cursor: default;
}
body {
	overflow: hidden;
	font: 62.5%/1.6 sans-serif;
}
hr {
	display: none;
}
a:hover, a:focus, a:active {
	text-decoration: none;
}
img {
	vertical-align: middle;
}
a img, fieldset {
	border: none;
}
img[usemap] {
	border: none;
}
textarea {
	font-family: sans-serif;
}
table {
	width: 100%;
	border-collapse: collapse;
}
td, th {
	padding: .3em 1em;
}
abbr, acronym {
	border-bottom: 1px dotted;
	cursor: help;
}
address {
	font-style: italic;
}
ul li {
	display: block;
	list-style: none;
}
ol {
	list-style-position: inside;
}
h1 {
	font-size: 200%;
}
h2 {
	font-size: 150%;
}
h3 {
	font-size: 120%;
}
h4 {
	font-size: 100%;
}
h5 {
	font-size: 89%;
}
h6 {
	font-size: 60%;
}
/*	---------------------------------------------------------------------------------------
	Default classes
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.l {
	float: left !important;
}
.r {
	float: right !important;
}
.c {
	clear: both !important;
}
.n {
	display: none !important;
}
img {
	-ms-interpolation-mode: bicubic;
}
img.l, img.r {
	margin: 1em 1.5em;
}
img.l {
	margin-left: 0;
}
img.r {
	margin-right: 0;
}
.cn {
	display: block;
	margin: .5em auto 1em !important;
}
.t-l {
	text-align: left !important;
}
.t-c {
	text-align: center !important;
}
.t-r, .td-r td {
	text-align: right !important;
}
.cl, .topics ul, .calendar ul, .actions li {
	min-height: 1px;
}
.cl:after, .topics ul:after, .calendar ul:after, .actions li:after {
	clear: both;
	visibility: hidden;
	display: block;
	height: 0;
	font-size: 0;
	content: '.';
}
.ac {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: -1;
}
.ir, .ir a, #navigation li a {
	position: relative;
	overflow: hidden;
	display: block;
}
.ir a, .ir span, #navigation li a span {
	width: 100%;
	height: 100%;
}
.ir span, #navigation li a span {
	position: absolute;
	left: 0;
	top: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.ir a span, a.ir span, #navigation li a span {
	cursor: pointer;
}
/*	---------------------------------------------------------------------------------------
	Basic styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

body {
	background-image:url(../main_images/body-green.jp);
	overflow: visible;
	color: #fff;
	background-color: #414840;
}
body.bg {
	background-image:url(../main_images/body-green.jpg);
	overflow: visible;
	color: #fff;
	background-color: #414840;
}
a {
	color: #fff;
}
a:hover, a:focus, a:active {
	text-decoration: none;
}
#navigation a {
	font-size: 120%;
}
.preloader {
	background-image: url('item.png');
	background-image: url('text.gif');
	background-image: url('video.png');
	background-image: url('ico-video.gif');
	background-image: url('dotted-h.gif');
	background-image: url('ico-photos.gif');
	background-image: url('ico-photos-actual.gif');
	background-image: url('popup-loader.gif');
	background-image: url('dotted.gif');
	background-image: url('gal.gif');
	background-image: url();
}
/*	---------------------------------------------------------------------------------------
	Layout
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#background, #main, #preloader, .illustration-calendar {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	min-width: 950px;
	min-height: 700px;
}
/*	#background img { position: absolute; margin-top: 4.2em; }*/

.illustration {
	position: absolute;
	top: 0;
	z-index: 100;
	overflow: hidden;
	width: 100%;
	height: 100%;
	min-width: 950px;
	min-height: 700px;
}
#preloader {
	z-index: 999;
	background: #000;
}
#preloader .bar {
	position: absolute;
	left: 0;
	top: 50%;
	overflow: hidden;
	width: 1%;
	height: 1px;
	background: #92a03d;
}
#main {
	z-index: 100;
	overflow: auto;
}
.illustration {
	background: url('../main_images/grass.png') 0 100% no-repeat;
	

	
}
#navigation, #footer, #main .page, #column {
	position: absolute;
}
#navigation, #footer, #main .page {
	left: 0;
}
#navigation, #footer {
	z-index: 15;
	width: 100%;
}
#main .topics, #column {
	bottom: 10em;
	padding-top: 4.2em;
}
#main .page {
	left: 50px;
}
/* Navigation 
----------------------------------------------------------------------------------------*/

#navigation {
	left:50px;
	width:1100px;
	height:150px;
	line-height: 0px;
	color: #889199;
	background:none; /*default background of menu bar*/
}
#dropline {
	padding:0;
	list-style:none;
	background:url(back.gif);
	text-align:center;
	margin:0 auto;
	font-size:12px;
	font-family:arial, sans-serif;
	height:105px;
	width:1100px;
	position:absolute;
	left:0;
	top:-50px;
}
#dropline div {
	padding:0;
	margin:0 auto;
	list-style:none;
	position:absolute;
	left:-9999px;
	width:1000px;
	text-align:center;
	background:url(trans.gif);
}

#dropline div.right {
	padding:0;
	margin:0 auto;
	list-style:none;
	position:absolute;
	left:-9999px;
	width:1000px;
	text-align:right;
	background:url(trans.gif);
}
#dropline table {
	border-collapse:collapse;
	font-size:1em;
	float:left;
	margin:-1px;
}
#dropline ul li {
	display:inline;
	margin:0;
	text-align:left;
}
#dropline ul li a {
	display:inline-block;
	height:30px;
	line-height:30px;
	margin:0;
	padding:0 10px;
	background:transparent;
	font-weight:bold;
	font-size:11px;
}
#dropline li {
	display:inline;
	margin:0 -2px;
	text-align:left;
}
#dropline li a {
	display:inline-block;
	height:100px;
	margin:5px 0 0 0;
	padding:0 20px 0 0;
	background:url(../main_images/academics.pn) right top;
	line-height:30px;
	text-decoration:none;
	color:#7da0bc;
}
#dropline li a.sub {
	background:url(utton-arrow.gif) right top;
}
html>/**/body #dropline li {
	display:inline-block;
	padding:0;
}
* html #dropline li a {
	margin-bottom:-4px;
	margin-right:3px;
}

#dropline li a b {
	width: 123px;
	display:block;
	height:100px;
	float:left;
	padding:0 0 0 0px;
	background:url(../main_images/academics.png) left top;
	cursor:pointer;
}
#dropline li a c {
	width: 106px;
	display:block;
	height:100px;
	float:left;
	padding:0 0 0 0px;
	background:url(../main_images/admissions.png) left top;
	cursor:pointer;
}
#dropline li a d {
	width: 129px;
	display:block;
	height:100px;
	float:left;
	padding:0 0 0 0px;
	background:url(../main_images/about.png) left top;
	cursor:pointer;
}
#dropline li a e {
	width: 149px;
	display:block;
	height:100px;
	float:left;
	padding:0 0 0 0px;
	background:url(../main_images/news.png) left top;
	cursor:pointer;
}
#dropline li a f {
	width: 55px;
	display:block;
	height:100px;
	float:left;
	padding:0 0 0 0px;
	background:url(../main_images/kids.png) left top;
	cursor:pointer;
}
#dropline li a g {
	width: 133px;
	display:block;
	height:100px;
	float:left;
	padding:0 0 0 0px;
	background:url(../main_images/pto.png) left top;
	cursor:pointer;
}
#dropline li a h {
	width: 172px;
	display:block;
	height:100px;
	float:left;
	padding:0 0 0 0px;
	background:url(../main_images/programs.png) left top;
	cursor:pointer;
}
#dropline li a:hover {
	background-position:right bottom;
	color:#fff;
}

#dropline li.current a b {
	background-position:left bottom;
}

#dropline li.current a c {
	background-position:left bottom;
}

#dropline li.current a d {
	background-position:left bottom;
}

#dropline li.current a e {
	background-position:left bottom;
}

#dropline li.current a f {
	background-position:left bottom;
}

#dropline li.current a g {
	background-position:left bottom;
}

#dropline li.current a h {
	background-position:left bottom;
}

#dropline li a:hover b {
	background-position:left bottom;
}
#dropline li a:hover c {
	background-position:left bottom;
}
#dropline li a:hover d {
	background-position:left bottom;
}
#dropline li a:hover e {
	background-position:left bottom;
}

#dropline li a:hover f {
	background-position:left bottom;
}
#dropline li a:hover g {
	background-position:left bottom;
}
#dropline li a:hover h {
	background-position:left bottom;
}
#dropline li:hover > a {
	background-position:right bottom;
}
#dropline li:hover > a b {
	background-position:left bottom;
}
#dropline li:hover > a c {
	background-position:left bottom;
}
#dropline li:hover > a d {
	background-position:left bottom;
}
#dropline li:hover > a e {
	background-position:left bottom;
}
#dropline li:hover > a f {
	background-position:left bottom;
}
#dropline li:hover > a g {
	background-position:left bottom;
}
#dropline li:hover > a h {
	background-position:left bottom;
}
#dropline li:hover > a d {
	background-position:left bottom;
}
#dropline :hover div {
	left:0;
	top:105px;
}
#dropline :hover ul li a:hover {
	text-decoration:underline;
	color:#1162a2;
}
#navigation .button {
	float: right;
	padding: 0 40px 0 20px;
	color: #fff;
	background: #7e964a url('navigation-arrow-right.gif') 100% 50% no-repeat;
}
#navigation .button:hover, #navigation .button:focus, #navigation .button:active {
	background-color: #000 !important;
}
/* Maincontent
----------------------------------------------------------------------------------------*/

.maincontent { /*min-height: 572px;*/
	overflow: hidden;
	width: 100%;
	padding: 44px 0 133px;
}
.maincontent ul, .maincontent p {
	margin-bottom: 1.5em;
}
.maincontent li {
	padding-left: 1.5em;
}
/* Breadcrumb 
----------------------------------------------------------------------------------------*/

.breadcrumb {
}
/* Content
----------------------------------------------------------------------------------------*/


				
				
	


/* Column
----------------------------------------------------------------------------------------*/

#column {
	right: 0;
	bottom: 0;
	padding-bottom: 188px;
	width: 117px;
}
#logo {
	position: relative;
	right: -220px;
	top: -30px;
}
ul.actions {
	margin: 0;
	padding-bottom: 100px;
}
.actions li {
	width: 100%;
	padding: 0;
}
.actions h2, .actions .date {
	margin-bottom: 15px;
}
.actions h2, .actions .moreinfo {
	float: right;
	width: 310px;
	padding-right: 30px;
}
.actions h2 {
	line-height: 1.2;
	text-transform: uppercase;
	font-size: 250%;
	font-weight: normal;
}
.actions h2 a {
	text-decoration: none;
}
.actions .date {
	float: right;
	display: inline;
	margin-right: 20px;
	padding: 0 .3em;
	font-size: 350%;
	font-style: italic;
	color: #fff;
	background: #413c29;
}
.actions .moreinfo {
	clear: both;
}
.calendar {
}
.calendar p {
	margin-bottom: 1em;
	text-transform: uppercase;
	font-size: 110%;
}
.calendar .sliding, .calendar ul {
	position: relative;
	overflow: hidden;
	height: 234px;
}
.calendar ul {
	margin: 0;
	padding: 0 5px;
}
.calendar li {
	width: 58px;
	height: 42px;
	margin-bottom: 1px;
	padding: 2px 5px;
	vertical-align: middle;
	color: #000;
	background: #fff;
}
.calendar li strong {
	float: left;
	line-height: 1.1;
	font-size: 350%;
	letter-spacing: -1px;
	font-weight: normal;
	font-style: italic;
}
.calendar li em {
	float: right;
	margin-top: 2em;
	text-transform: uppercase;
	color: #b0b0b0;
}
.calendar li.act {
	margin: 0 -5px 1px;
	padding: 2px 10px;
	color: #fff;
	background: #f60;
}
.calendar li.act em {
	color: #fff;
}
#prev-calendar, #next-calendar {
	position: absolute;
	right: 45px;
}
#prev-calendar {
	bottom: 461px;
}
#next-calendar {
	bottom: 115px;
}
/* Footer
----------------------------------------------------------------------------------------*/

#footer {
	width:100%;
	z-index:0;
	background-image: url('../main_images/footer2.png');
	bottom: 0;
	height: 9.3em;
	padding-top: 1.5em;
	color: #a3bd29;
	position: fixed;float:bottom;
}
#footer p {
	float: left;
	display: inline;
	margin: 0 35px;
	font-size: 110%;
}
#footer p em {
	font-style: normal;
}
#footer a {
	color: #a3bd29;
}
#footer a:hover, #footer a:focus, #footer a:active {
	color: #fff;
}
.page {
	width:110em;
	height:54px;
	z-index:0;
}
.page ul {
	float: left;
	width: 110em;
	margin: 0;
	padding: 0px;
	padding-top:25px;
}
.page li {
	float: left;
	width: 35em;
	margin: 0;
	padding: 0;
}
.page li a.pre:link, li a.pre:visited {
	margin-left:80px;
	display:block; /*allows anchor to take width and height*/
	width:176px; /*equal to image width*/
	height:54px;/*equal to image height*/
	background:url(../main_images/preschool.png) 0 0 no-repeat; /*the image*/
	text-indent:-3000px; /*moves text out of the way*/
	text-decoration:none;
}
.page li a.pre:link:hover, li a.pre:visited:hover {
	background:url(../main_images/preschool_h.png) 0 0 no-repeat; /*you can also swap the image on hover to get a rollover effect if desired*/
}
.page li a.ele:link, li a.ele:visited {
	margin-left:50px;
	display:block; /*allows anchor to take width and height*/
	width:258; /*equal to image width*/
	height:54px;/*equal to image height*/
	background:url(../main_images/elementary.png) 0 0 no-repeat; /*the image*/
	text-indent:-3000px; /*moves text out of the way*/
	text-decoration:none;
}
.page li a.ele:link:hover, li a.ele:visited:hover {
	background:url(../main_images/elementary_h.png) 0 0 no-repeat; /*you can also swap the image on hover to get a rollover effect if desired*/
}
.page li a.mid:link, li a.mid:visited {
	margin-left:110px;
	display:block; /*allows anchor to take width and height*/
	width:258; /*equal to image width*/
	height:54px;/*equal to image height*/
	background:url(../main_images/middle.png) 0 0 no-repeat; /*the image*/
	text-indent:-3000px; /*moves text out of the way*/
	text-decoration:none;
}
.page li a.mid:link:hover, li a.mid:visited:hover {
	background:url(../main_images/middle_h.png) 0 0 no-repeat; /*you can also swap the image on hover to get a rollover effect if desired*/
}
/*	---------------------------------------------------------------------------------------
	Subpages
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.page h1 {
	margin: 48px 0;
}
.page h2 {
	line-height: 1.1;
	text-transform: uppercase;
	font-size: 190%;
	font-weight: normal;
}
.page h2 a {
	text-decoration: none;
}
.page h2 a:hover, .page h2 a:focus, .page h2 a:active {
	color: #ccc;
}
/*	---------------------------------------------------------------------------------------
	Text subpages
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.box, .bookmarks-wrapper {
	width: 690px;
}
.box {
	background: url('item.png');
}
.bookmarks-wrapper {
	overflow: hidden;
	height: 444px;
}
.bookmarks-wrapper.text {
	height: 350px;
}
.text {
	overflow: auto;
	width: 695px;
	font-size: 120%;
}
.text .in {
	overflow: hidden;
	padding: 33px 30px 30px 25px;
	background: url('text.gif') 0 -14px no-repeat;
}
.col {
	float: left;
	width: 290px;
}
.col h2 {
	margin-bottom: 40px;
}
.col p {
	width: 240px;
	font-size: 120%;
	font-weight: bold;
	color: #f60;
}
.content {
	float: right;
	width: 315px;
}
.content p {
	margin-bottom: 25px;
	color: #aaa;
}
.content p.first {
	color: #fff;
}
ul.bookmarks {
	overflow: hidden;
	width: 100%;
	margin: 0;
	line-height: 39px;
	text-transform: uppercase;
}
.cufon-active ul.bookmarks {
	font-size: 150%;
}
.bookmarks li, .bookmarks li a {
	float: left;
	display: inline;
}
.bookmarks li {
	margin-right: 1px;
	padding: 0;
}
.bookmarks li a {
	padding: 0 21px;
	text-decoration: none;
	color: #7e878e;
	background: #fff;
}
.bookmarks li a.active, .bookmarks li a:hover {
	color: #fff;
	background: url('item.png') 0 0;
}
/*	---------------------------------------------------------------------------------------
	Multimedia
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.multimedia {
	width: 700px;
}
.multimedia .item {
	position: relative;
	float: left;
	display: inline;
	width: 214px;
	margin: 0 0 18px 8px;
	padding: 7px 7px 10px;
	background: url('item.png');
}
.multimedia .item:hover {
	background: #000;
}
.multimedia .first {
	clear: both;
	margin-left: 0;
}
.multimedia a {
	display: block;
	text-decoration: none;
}
.multimedia .item img {
	display: block;
}
.multimedia .item .date {
	position: absolute;
	right: 7px;
	top: 7px;
	padding: 0 5px;
	line-height: 20px;
	font-style: normal;
	color: #fff;
	background: #5b97a7;
}
.multimedia .item a:hover .date, .multimedia .item a:focus .date, .multimedia .item a:active .date {
	background: #000;
}
.multimedia .item h2 a {
	height: auto !important;
	height: 48px;
	min-height: 48px;
	padding: 8px 32px 5px 8px;
	line-height: 24px;
	background: url('ico-photos.gif') 100% .4em no-repeat;
}
.multimedia .item p {
	margin: 0;
	padding: 0 8px;
}
.multimedia .item p em {
	font-style: normal;
	color: #808485;
}
.multimedia .video a span {
	position: absolute;
	left: 82px;
	top: 38px;
	width: 70px;
	height: 70px;
	background: url('video.png');
	cursor: pointer;
}
.multimedia .video h2 a {
	background-image: url('ico-video.gif');
}
/*	---------------------------------------------------------------------------------------
	News
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.news table {
	table-layout: fixed;
	text-transform: uppercase;
	font-size: 110%;
	line-height: 24px;
}
.news th, .news td {
	padding: 10px 10px 10px 0;
	background: url('dotted-h.gif') 0 100% repeat-x;
}
.news th {
	width: 150px;
	padding-left: 15px;
	text-align: left;
}
.news .desc {
	width: 330px;
}
.news .last th, .news .last td {
	background: none;
}
.news em {
	font-size: 150%;
}
.news a {
	display: block;
	padding-right: 30px;
	text-decoration: none;
	text-transform: none;
	text-align: right;
	background: url('ico-photos.gif') 100% 0 no-repeat;
}
.news a:focus, .news a:hover, .news a:active {
	text-decoration: underline;
}
.news .actual th, .news .actual td {
	color: #000;
	background: #fff;
}
.news .actual th {
	color: #f60;
}
.news .actual a {
	color: #8f8f8f;
	background-image: url('ico-photos-actual.gif');
}
/*	---------------------------------------------------------------------------------------
	Gallery popup
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#photos {
	overflow: hidden;
	width: 820px;
	height: 510px;
	background: #000;
}
#photos #bigger {
	float: left;
	width: 616px;
	height: 462px;
	padding: 22px 21px 26px;
	color: #fff;
	background: #000;
}
#photos #bigger img {
	background: url('popup-loader.gif') 50% 50% no-repeat;
}
#photos #side, #photos .sliding {
	position: relative;
	overflow: hidden;
	width: 124px;
	height: 412px;
}
#photos #side {
	float: left;
	padding: 51px 19px 47px 19px;
	color: #fff;
	background: #191919 url('dotted.gif') 0 0;
}
#photos .sliding ul {
	height: 3000px;
}
#photos .sliding li {
	margin-bottom: 8px;
}
#photos .sliding li a {
	display: block;
	width: 112px;
	height: 85px;
	padding: 6px;
	background: url('gal.gif') 0 0 no-repeat;
}
#photos .sliding li a:hover, #photos .sliding li a.active {
	background-position: 0 -97px;
}
#prev-side, #next-side {
	position: absolute;
	left: 63px;
}
#prev-side {
	top: 16px;
}
#next-side {
	bottom: 16px;
}