body, p, a, h1, h2, h3, img, ul, form {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}

#page_container {
width: 100%;
min-width: 980px;
overflow: hidden;
position: relative;
}
#page {
min-width: 980px;
max-width: 1200px;
margin: 0 auto;
padding: 10px 0 20px 0; 
font-size: 0.8em;
background: #ffffff;
}

table, tr, td {
border-collapse: collapse; margin: 0; padding: 0; border: 0;
}

a {
color: #52a731;
}

a:hover {
color: #9fc790;
}

h1 {
    font-family: Georgia, serif;
    font-size: 20px;
    font-weight: bold;
    font-style: italic;
}

ul {
list-style: none;
}

.action {
text-align: center;
height: 43px;
background: url("../img/reg_bkg_slice.jpg") 0px 10px repeat-x;
font-size: 20px;
cursor: pointer;
margin: 10px 0 0 0;
}
td.event .action {
    margin: 10px 12px !important;
}
.action div {height: 43px; overflow: hidden;}

	.action p {
	padding: 0 0 0 0;
	}
	
		.action p a, .action p span {
		font-family: Georgia, serif;
		font-style: italic;
		font-weight: bold;
		color: #ffffff;
		text-decoration: none;
		}
        .action p a:hover {color: white;}
        .action p a {display: block; padding-top: 8px; width: 100%; height: 43px;}

	.action .ctl {background: url("../img/reg_c_tl.gif") left top no-repeat;}
	.action .ctr {background: url("../img/reg_c_tr.gif") right top no-repeat;}
	.action .cbl {background: url("../img/reg_c_bl.gif") no-repeat 0px 33px; padding: 0 10px;}
	.action .cbr {background: url("../img/reg_c_br.gif") right bottom no-repeat; }

    .alt {background: url("../img/reg_bkg_a_slice.jpg") 0px 10px repeat-x !important;}
	.alt .ctl {background: url("../img/reg_c_tl_a.gif") left top no-repeat !important;}
	.alt .ctr {background: url("../img/reg_c_tr_a.gif") right top no-repeat !important;}
	.alt .cbl {background: url("../img/reg_c_bl_a.gif") left bottom no-repeat !important;  }
	.alt .cbr {background: url("../img/reg_c_br_a.gif") right bottom no-repeat !important;}

    .action .inner {background: url("../img/reg_bkg.jpg"); }
    .alt .inner {background: url("../img/reg_bkg_a.jpg");}

.navmenu, .navmenu tr, .navmenu td {
border-collapse: collapse;
margin: 0; padding: 0; border: 0;
}

.navmenu_container td {
padding-left: 3px;
}

.navmenu {
width: 100%;
}

	.navmenu td {
	padding: 16px;
	text-align: left;
    vertical-align: top;
	background: #48a921;
    font-size: 1.1em;
	}
	
		.navmenu td a {
		color: #ffffff;
		}
		
		.navmenu td a:hover {
		color: #b0ee97;
		}
		
	.navmenu td.white {
	background: #ffffff;
	}
	
		.navmenu td.white a {
		color: #48a921;
		}
		
		.navmenu td.white a:hover {
		color: #b0ee97;
		}
		
	div.navmenu_corners div.ctl {
        background:  #48a921 url("../img/top_c_0.gif") left top no-repeat;
	}
	div.navmenu_corners div.ctr {
        background: url("../img/top_c_1.gif") right top no-repeat;
	}
	div.navmenu_corners div.cbr {
        background: url("../img/top_c_2.gif") right bottom no-repeat;
        padding-right: 8px;
	}
	div.navmenu_corners div.cbl {
        background: url("../img/top_c_3.gif") left bottom no-repeat;
        padding-left: 8px;
	}
	

#header {
margin: 3em 0 3em 0;
}

	#logo {
	float: left;
	margin: 0 0 0 5%;
	}
	
	#header div.contacts {
	float: right;
	}
	
		#header div.contacts p {
		font-style: italic;
		}
		
		#header div.contacts p.big {
		font-size: 2.2em;
		}
	
	#header div.subscribe {
	float: right;
	margin: 0 5% 0 15%;
	width: 20%;
	}
	
		#header div.subscribe div.form {
		margin: 0 0 0 -20px;
		padding: 0 0 0 20px;
		background: url("../img/subscribe_formBg.gif") right top no-repeat;
		height: 29px;
		position: relative;
		}
		
			#header div.subscribe div.form .text {
			margin: 5px 0 0 0;
			border: 0; background: #ffffff;
			color: #cfcfcf;
			}
			
			#header div.subscribe div.form .submit {
			width: 42px;
			height: 16px;
			background: url("../img/subscribe_submit.jpg") left top no-repeat;
			cursor: pointer;
			float: right;
			margin: 7px 10px 0 0;
			border: 0;
			}
		
			#header div.subscribe div.form div.left {
			width: 16px;
			height: 29px;
			background: url("../img/subscribe_formLeft.gif") left top no-repeat;
			position: absolute;
			left: 0;
			top: 0;
			}

div.row {
clear: both;
padding: 3em 0 0 0;
}
			
ol li { margin-bottom: 8px; }

div.aboutSchool {
clear: both;
width: 280px;
margin: 0 3% 0 20px;
float: left;
}

	div.aboutSchool div.socials {
	margin: 0 0 1em 0;
	}
	
	div.aboutSchool p {
	padding: 0 10px 0 0;
	color: #717171;
	}
	
		div.aboutSchool p img {
		float: left;
		background: #ffffff;
		margin: 0 10px 10px 0;
		}

div.smallComingEvents {
clear: both;
width: 280px;
margin: 0 3% 0 5%;
float: right;
}

div.mainContent {
margin: 0 0 0 5%;
width: auto;
}

table#mainContentTable {
    width: 100%;
}
table#mainContentTable td.mct_left{
padding-right: 20px;    
}
table#mainContentTable td.mct_right{
    width: 330px;
}

div.mainContent ul {
    list-style-type: disc !important;
    list-style-position: inside;
}
div.mainContent ul li{ margin-left: 10px;}

	div.mainContent p {
	padding: 0 10px 0 0;
	color: black;
	}
	
		div.mainContent p img {
		background: #ffffff;
		margin: 0 10px 10px 0;
		}

div.comingEventsSmall {
float: none !important;
width: 330px;
}

div.comingEventsSmall td.event {
    clear: both !important;
    display: block !important;
    width: 90% !important;
    margin-bottom: 35px !important;
	padding: 0 20px 10px 0 !important;    
}

div.comingEventsSmall div.roundedHeader div.right { display: none; }

form.askForm input, form.askForm textarea {border: solid #C8D3C3 1px; font-size: 14px; }
form.askForm textarea {width: 259px; margin:5px 0 0 0; padding:0; height: 82px;}
form.askForm input { width: 218px; margin:0 ; padding: 0;} 

div.fullList {
    width: 100% !important;
}
div.fullList .mainBody {
    background: #ECECEC;
    padding: 0 !important;
}    
div.fullList td.event {padding: 0 !important;}
.fullList	.leftTop {background: url("../img/i_tl.gif") left top no-repeat;}
.fullList   .leftBottom {background: url("../img/i_bl.gif") left bottom no-repeat;}
.fullList   .rightTop {background: url("../img/i_tr.gif") right top no-repeat;}
.fullList   .rightBottom {background: url("../img/i_br.gif") right bottom no-repeat;	}
.fullList   .inner {padding: 20px !important; }
td.m_new .mainBody, td.m_exc .mainBody, td.m_lea .mainBody { background-position: bottom right; background-repeat: no-repeat;} 
td.m_new .mainBody{background-image: url("../img/marker_new.gif");}
td.m_exc .mainBody{background-image: url("../img/marker_exclusive.gif");}
td.m_lea .mainBody{background-image: url("../img/marker_leader.gif");}
.podrobnee {margin-top: 10px;}


div.fullList table {
    width: 90% !important;
    margin-bottom: 35px !important;
}

div.fullList div.mainBody {
    padding: 0 0 0 20px;
}

div.comingEvents table {width: 100%;}
div.comingEvents table td {
    padding-left: 10px;
    margin-left: 10px;
}
    div.comingEvents ul {
        padding-left: 20px;
    }

	div.comingEvents h1 {
	margin: 0 0 0 20px;
	}

	div.comingEvents td.event {
	width: 40%;
	vertical-align: top;
	margin: 0 10px;
	padding: 0 20px 10px;
	}
    td.event div.event_inner{
	background: #EBF4E7;}
    li.event {

	background: #EBF4E7;
	vertical-align: top;
	margin: 0 10px;
	padding: 0 10px 10px;
}
	
		div.comingEvents td.event div.image, li.event div.image {
		clear: both;
        height: 118px; overflow: hidden;
		}
	
		div.comingEvents td.event h2, div.comingEvents li.event {
		background: url("../img/comingEvents_h2Bg.jpg") right top no-repeat;
		height: 31px;
		float: left;
		padding: 5px 11px 0 0;
		font-family: Georgia, serif;
		color: #ffffff;
		font-style: italic;
		margin: -2px 0 0 1em;
		}
		
			div.comingEvents td.event h2 div.left, div.comingEvents li.efvent h2 div.left {
			width: 11px;
			height: 31px;
			background: url("../img/comingEvents_h2Left.jpg") left top no-repeat;
			float: left;
			margin: -5px 0 0 0;
			}
			
		div.comingEvents td.event h3, li.event h3 {
            margin-bottom: 10px;
        }
		div.comingEvents td.event div.fixedEventPart {
            overflow: hidden;
        }
		div.comingEventsSmall td.event div.fixedEventPart {
            overflow:hidden;
        }
		div.comingEvents td.event h3 a , div.comingEvents li.event h3 a{
		font-family: Georgia, serif;
		color: #000000;
		font-style: italic;
		font-size: 1.8em;
		}
		
		div.comingEvents td.event h3 a:hover, div.comingEvents li.event h3 a:hover{
		color: gray;
		}
	
div.eventAnnounces {
clear: both;
padding: 3em 20px 0 20px;
}

	div.eventAnnounces h1 {
	margin: 0 0 1em 0;
	}

		div.eventAnnounces h1 a {
		font-family: Arial, sans-serif;
		font-size: 0.7em;
		font-style: normal;
		margin: 0 0 0 1em;
		}

	div.eventAnnounces ul {
	border: 1px solid #bcbcbc;
	}
	
	div.eventAnnounces div.items {
	position: relative;
	margin: 0 0 20px -20px;
	padding: 0 0 0 20px;
	}
	
		div.eventAnnounces ul li {
		display: inline-block;
		width: 20%;
		margin: 0 4% 0 0;
		vertical-align: top;
		}
		
		div.eventAnnounces div.items div.arrow {
		position: absolute;
		top: 50%;
		margin: -32px 0 0 0;
		width: 72px;
		height: 64px;
		}
		
			div.eventAnnounces div.items div.switcher {
			width: 42px;
			height: 42px;
			}
            div#leftArrow div.switcher { 
			margin: 11px 0 0 18px;
            }
            div#rightArrow div.switcher { 
			margin: 11px 0 0 11px;
            }
		
			#leftArrow {
			left: -16px;
			background: url("../img/eventAnnounces_leftArrowBg.jpg") left top no-repeat;
			}
			
				#leftArrow div.switcher {
				background: url("../img/eventAnnounces_leftArrowOff.jpg") left top no-repeat;
				cursor: none;
				}
				
				#leftArrow div.on {
				background: url("../img/eventAnnounces_leftArrowOn.jpg") left top no-repeat;
				cursor: pointer;
				}
			
			#rightArrow {
			right: -36px;
			background: url("../img/eventAnnounces_rightArrowBg.jpg") left top no-repeat;
			}
			
				#rightArrow div.switcher {
				background: url("../img/eventAnnounces_rightArrowOff.jpg") left top no-repeat;
				cursor: none;
				}
				
				#rightArrow div.on {
				background: url("../img/eventAnnounces_rightArrowOn.jpg") left top no-repeat;
				cursor: pointer;
				}
				
	div.eventAnnounces h2 {
	margin: 1em 0;
	}
				
		div.eventAnnounces h2 div.background {
		background: url("../img/eventAnnounces_h2Bg.jpg") right top no-repeat;
		float: left;
		height: 33px;
		padding: 0 13px 0 0;
		color: #ffffff;
		font-family: Georgia, serif;
		font-style: italic;
		font-weight: bold;
		font-size: 1.8em;
		}
		
			div.eventAnnounces h2 div.background div.left {
			float: left;
			width: 13px;
			height: 33px;
			background: url("../img/eventAnnounces_h2Left.jpg") left top no-repeat;
			}
	
		div.eventAnnounces h2 p.date {
		clear: both;
		color: #48a921;
		font-family: Arial, sans-serif;
		}
	
	div.eventAnnounces h3 {
	margin: 0 0 0.5em 0;
	}
	
		div.eventAnnounces h3 a {
		font-family: Georgia, serif;
		font-style: italic;
		font-size: 1.1em;
		color: #000000;
		}
		
		div.eventAnnounces h3 a:hover {
		color: #48a921;
		}
		
		div.eventAnnounces p {
		color: #727171;
		}
		
div.asking {
clear: both;
margin: 15px 0 0 20px;
width: 309px;
float: left;
}

	div.asking div.form {
	background: #EBF4E7;
	position: relative;
    margin: 13px 0 0 0;
	}
	
		div.asking div.form td {
		padding: 0 0 5px 0;
		}
		
	div.asking a.faq {
	float: right;
	margin: 10px 20px 0 0;
	}
	
div.ourBlog {
float: left;
width: 30%;
margin: 3em 0 0 10%;
}

	div.ourBlog h1 {
	float: left;
	background: url("../img/ourBlog_h1Bg.jpg") right bottom no-repeat;
	margin: 0 0 0.5em 0;
	padding: 0 30px 0 0;
	}
	
	div.ourBlog ul {
	clear: both;
	list-style: none;
	}
	
		div.ourBlog ul li {
		margin: 0.5em 0 0 0;
		}
	
		div.ourBlog ul a {
		color: #000000;
		}
		
		div.ourBlog ul a:hover {
		color: #48a921;
		}
		
		div.ourBlog li.more {
		margin: 1em 0 0 0;
		}
		
			div.ourBlog li.more a {
			color: #48a921;
			}
			
			div.ourBlog li.more a:hover {
			color: #b0ee97;
			}
	
div.twi {
float: right;
background: #E1F4FA;
width: 297px;
margin: 25px 20px 0 2%;
position: relative;
}

	div.twi img.followus {
	position: absolute;
	bottom: -69px;
	right: 40px;
	}
	
	div.twi a {
	color: #3491bf;
	}
	
	div.twi a:hover {
	color: #87bad3;
	}
	
	div.twi p {
	margin: 0 0 0.5em 0;
	}

#footer {
clear: both;
float: left;
width: 100%;
padding: 0 0 1em 0;
margin: 110px 0 0 0;
color: #969494;
display: table;
}

	#footer div.footerLeft {
	width: 260px;
	padding: 0 0 0 20px;
	display: table-cell;
	}
	
		#footer div.footerLeft p.num {
		font-size: 1.2em;
		}
	
	#footer div.footerRight {
	display: table-cell;
	padding: 0 0 0 2%;
	}
	
		#footer div.footerRight ul {
		float: left;
		width: 50%;
		margin: 0 15% 0 5%;
		}
		
			#footer div.footerRight ul li {
			display: inline-block;
			margin: 0 1em 0.5em 0;
			}
			
			#footer div.footerRight ul a {
			color: #969494;
			}
			
			#footer div.footerRight ul a:hover {
			color: #48a921;
			}
			
		#footer div.footerRight div.copyright {
		overflow: hidden;
		margin: 0 2% 0 0;
		}
		
#header:after, #footer div.footerRight:after  {
content: "";
display: block;
clear: both;
}

img.border, .aboutschool_data img {
padding: 5px;
border: 1px solid #cdcfcb;
}

div.corner {
}

	.leftTop {background: url("../img/tl.gif") left top no-repeat;}
	.leftBottom {background: url("../img/bl.gif") left bottom no-repeat;}
	.rightTop {background: url("../img/tr.gif") right top no-repeat;}
	.rightBottom {background: url("../img/br.gif") right bottom no-repeat; 	}
    .inner {padding: 0 10px 10px 10px;}
    .asking .innerthis {padding: 17px 20px;}

    .twileftTop {background: url("../img/twi_tl.gif") left top no-repeat;}
	.twileftBottom {background: url("../img/twi_bl.gif") left bottom no-repeat;}
	.twirightTop {background: url("../img/twi_tr.gif") right top no-repeat;}
	.twirightBottom {background: url("../img/twi_br.gif") right bottom no-repeat; 	}
    .twiinner {padding: 13px;}
	
		.eventAnnounces .leftTop {
		background: url("../img/ea_tl.gif") left top no-repeat;
        margin: -1px;
		}

		.eventAnnounces .leftBottom {
		background: url("../img/ea_bl.gif") left bottom no-repeat;
		}

		.eventAnnounces .rightTop {
		background: url("../img/ea_tr.gif") right top no-repeat;
		}

		.eventAnnounces .rightBottom {
		background: url("../img/ea_br.gif") right bottom no-repeat;
        padding: 0 0 25px 70px;
		}

div.roundedHeader {
position: relative;
height: 19px;
}

	div.roundedHeader hr.left {
	margin: 0.5em 0 0 -200%;
	border: none;
	border-top: 1px solid #a5a5a5;
	}
	
	div.roundedHeader hr.right {
	margin: 0.5em -200% 0 0;
	border: none;
	border-top: 1px solid #a5a5a5;
	}

	div.comingEvents hr, #footer div.footerRight hr, .blog-column hr {
	margin-left: 0;
	}

	div.comingEvents hr, #footer div.right hr {
	margin-left: 0;
	}

	.roundedHeader div.corner {
	width: 27px;
	height: 20px;
	position: absolute;
	}

		.roundedHeader .right {
		right: 0;
		top: 0;
		background: url("../img/roundedHeader_corners.jpg") right top no-repeat;
		}

		.roundedHeader .left {
		left: 0;
		top: 0;
		background: url("../img/roundedHeader_corners.jpg") left top no-repeat;
		}

div.clearer {clear: both; }

div.gallery div.image {
    float: left;
    width: 200px;
    margin: 10px 30px 0 0;
}

div.categorys ul li a{
color:black;
}

div.categorys ul li {
    margin-bottom: 15px;
}

table.paginator img {border: none;}
table.paginator td {width: 30px; text-align: center;}
table.paginator {font-size: 14px; margin: 20px 0 30px 0; }
table.paginator a {color: black; }
table.paginator span.current {border: 1px solid #ccc; padding: 3px 5px;}




.calendarbox, .clockbox {
    margin: 5px auto;
    font-size: 11px;
    width: 16em;
    text-align: center;
    background: white;
    position: relative;
}

table.register_form th {
    text-align: right;
    font-size: 10px;
    padding: 5px;
}
table.register_form td {
    padding: 5px;
}
table.register_form tr.submitbutton td {
    text-align: center;
    padding: 10px;
}
table.register_form ul.errorlist li {
    font-size: 10px; padding: 5px; color: red;
}
table.register_form ul.errorlist {
float:right;
}


a#calendarlink0 img {border: none !important; padding: 0;}

.clockbox {
    width: auto;
}

.calendar {
    margin: 0;
    padding: 0;
}

.calendar table {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    background: white;
    width: 99%;
}

.calendar caption, .calendarbox h2 {
    margin: 0;
    font-size: 11px;
    text-align: center;
    border-top: none;
}

.calendar th {
    font-size: 10px;
    color: #666;
    padding: 2px 3px;
    text-align: center;
    background: #e1e1e1 url(../img/admin/nav-bg.gif) 0 50% repeat-x;
    border-bottom: 1px solid #ddd;
}

.calendar td {
    font-size: 11px;
    text-align: center;
    padding: 0;
    border-top: 1px solid #eee;
    border-bottom: none;
}

.calendar td.selected a {
    background: #C9DBED;
}

.calendar td.nonday {
    background: #efefef;
}

.calendar td.today a {
    background: #ffc;
}

.calendar td a, .timelist a {
    display: block;
    font-weight: bold;
    padding: 4px;
    text-decoration: none;
    color: #444;
}

.calendar td a:hover, .timelist a:hover {
    background: #5b80b2;
    color: white;
}

.calendar td a:active, .timelist a:active {
    background: #036;
    color: white;
}

.calendarnav {
    font-size: 10px;
    text-align: center;
    color: #ccc;
    margin: 0;
    padding: 1px 3px;
}

.calendarnav a:link, #calendarnav a:visited, #calendarnav a:hover {
    color: #999;
}

.calendar-shortcuts {
    background: white;
    font-size: 10px;
    line-height: 11px;
    border-top: 1px solid #eee;
    padding: 3px 0 4px;
    color: #ccc;
}

.calendarbox .calendarnav-previous, .calendarbox .calendarnav-next {
    display: block;
    position: absolute;
    font-weight: bold;
    font-size: 12px;
    background: #C9DBED url(../img/admin/default-bg.gif) bottom left repeat-x;
    padding: 1px 4px 2px 4px;
    color: white;
}

.calendarnav-previous:hover, .calendarnav-next:hover {
    background: #036;
}

.calendarnav-previous {
    top: 0;
    left: 0;
}

.calendarnav-next {
    top: 0;
    right: 0;
}

.calendar-cancel {
    margin: 0 !important;
    padding: 0;
    font-size: 10px;
    background: #e1e1e1 url(../img/admin/nav-bg.gif) 0 50% repeat-x;
    border-top: 1px solid #ddd;
}

.calendar-cancel a {
    padding: 2px;
    color: #999;

}

div.faq div.answer {display: none !important; margin: 20px 0 10px 0; padding: 0 0 0 20px; }
div.faq div.answer p {color: #666;}
div.faq div.visible {display: block !important; }
div.faq div.faqitem {margin-bottom: 20px; }
div.faq h1.question { font-size: 1em; font-weight: normal;
font-size: 100%;
font-family: Helvetica, Arial, sans-serif;
font-style: normal;
border-bottom: 1px dashed black;
display: inline;line-height: 120%;
cursor: pointer;}