@font-face {
    font-family: Parisian; /* Ãàðíèòóðà øðèôòà */
    src: url(/files/parisian.ttf); /* Ïóòü ê ôàéëó ñî øðèôòîì */
   }
   
body {
	background: #6db6b4 url('/images/bg1.jpg') repeat-y top scroll;
	font-family: Arial;
}

a {
	cursor: pointer;
}

h1 {
  font-family: Parisian;
  color: #449e94;
  font-size: 25px;
  font-weight: 600;
}

h2.mnpage {
  font-family: Parisian;
  color: #449e94;
  font-size: 25px;
  font-weight: 600;
}

div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}

div.back {
	position:absolute;
	z-index: 2;
  left: 50%;
  top: 0;
  margin-left: -500px;
	width: 1000px;
	height: 554px;
	background: url('/images/bg-all.jpg') no-repeat top scroll;
	text-align: center;
}

div.header {
	position:absolute;
	z-index: 3;
    left: 50%;
    top: 0;
    margin-left: -391px;
	width: 782px;
	height: 171px;
}

#menubg {
	position:absolute;
	z-index: 4;
  left: 50%;
  top: 123px;
  margin-left: -450px;
	width: 900px;
	height: 95px;
	background: url('/images/menu-bg.png') no-repeat;
}

div.mainbutton {
	position:absolute;
	z-index: 5;
    left: 50%;
    top: 104px;
    margin-left: -55px;
	width: 125px;
	height: 125px;
}

.hiddenPic {display:none;}

A.rollover {
	background: url('/images/mainbutton.png');
	display: block;
	width: 125px;
	height: 125px;
	border: none;
	
}

A.rollover:hover {
	background: url('/images/mainbutton-over.png');
}

div.menu1 {
  position: relative;
  float: left;
  width: 340px;
  margin-left: 60px;
  margin-top: 17px;
  text-align: left;
  border: 0 none;
}

div.menu1 a {
  margin: 0 3px;
  margin-bottom: 2px;
  text-decoration: none;
}

div.menu1 a:hover {
  color: #fffeee;
}

A.rolloverabout {
	background: url('/images/about.png');
	display: block;
	float: left;
	width: 106px;
	height: 21px;
	border: none;
}

A.rolloverabout:hover {
	background-position: 0 -21px;
}

A.rolloverpredmets {
	background: url('/images/predmets.png');
	display: block;
	float: left;
	width: 106px;
	height: 21px;
	border: none;
}

A.rolloverpredmets:hover {
	background-position: 0 -21px;
}

A.rolloverchbible {
	background: url('/images/chbible.png');
	display: block;
	float: left;
	width: 106px;
	height: 21px;
	border: none;
}

A.rolloverchbible:hover {
	background-position: 0 -21px;
}

A.rollovercreation {
	background: url('/images/creation.png');
	display: block;
	float: left;
	width: 106px;
	height: 21px;
	border: none;
}

A.rollovercreation:hover {
	background-position: 0 -21px;
}

A.rolloverlibrary {
	background: url('/images/library.png');
	display: block;
	float: left;
	width: 106px;
	height: 21px;
	border: none;
}

A.rolloverlibrary:hover {
	background-position: 0 -21px;
}

A.rollovergodsworld {
	background: url('/images/godsworld.png');
	display: block;
	float: left;
	width: 106px;
	height: 21px;
	border: none;
}

A.rollovergodsworld:hover {
	background-position: 0 -21px;
}

div.menu2 {
  position: relative;
  float: right;
  width: 340px;
  margin-right: 40px;
  margin-top: 17px;
  text-align: right;
}

div.menu2 a {
  margin: 0 3px;
  margin-bottom: 2px;
}

div.menu2 a:hover {
  color: #fffeee;
}

A.rolloverparents {
	background: url('/images/parents.png');
	display: block;
	float: left;
	width: 106px;
	height: 21px;
	border: none;
}

A.rolloverparents:hover {
	background-position: 0 -21px;
}

A.rolloverforum {
	background: url('/images/forum.png');
	display: block;
	float: left;
	width: 106px;
	height: 21px;
	border: none;
}

A.rolloverforum:hover {
	background-position: 0 -21px;
}

A.rolloverbechildren {
	background: url('/images/bechildren.png');
	display: block;
	float: left;
	width: 106px;
	height: 21px;
	border: none;
}

A.rolloverbechildren:hover {
	background-position: 0 -21px;
}

A.rolloverteachers {
	background: url('/images/teachers.png');
	display: block;
	float: left;
	width: 106px;
	height: 21px;
	border: none;
}

A.rolloverteachers:hover {
	background-position: 0 -21px;
}

A.rolloverschoolnetwork {
	background: url('/images/schoolnetwork.png');
	display: block;
	float: left;
	width: 106px;
	height: 21px;
	border: none;
}

A.rolloverschoolnetwork:hover {
	background-position: 0 -21px;
}

A.rollovercharity {
	background: url('/images/charity.png');
	display: block;
	float: left;
	width: 106px;
	height: 21px;
	border: none;
}

A.rollovercharity:hover {
	background-position: 0 -21px;
}

ul.cssmenu {
        width:350px;
        margin: 0;
        border: none;
        padding: 0;
        list-style: none;
}



ul.cssmenu li {
        margin: 0;
        border: 0;
        padding: 0;
        float: left;
        display: inline;
        list-style: none;
        position: relative;
        cursor: pointer;
}

ul.cssmenu ul {
        margin: 0;
        border: 0 none;
        padding: 0;
        width: 195px;
        list-style: none;
        display: none;
        position: absolute;
        top: 30px;
        left: 0;
        margin-top: -2px;
}

div.menu2 ul.cssmenu ul {
	margin-left: -74px;
}

ul.cssmenu ul.smenutop {
        margin: 0;
        border: 0 none;
        padding: 0;
        width: 195px;
        list-style: none;
        display: none;
        position: absolute;
        z-index:15;
        top: 0;
        left: 0;
}

ul.cssmenu ul:after {
        clear: both;
        display: block;
        font: 1px/0px serif;
        content: ".";
        height: 0;
        visibility: hidden;
}

ul.cssmenu ul li {
        width: 150px;
        float: left;
        display: block !important;
        display: inline;
}


/* Second Menu */
ul.cssmenu li:hover li a,
ul.cssmenu li.iehover li a {
		display: block;
        float: none;
        color: #13494a;
}

/* Second Menu Hover */
ul.cssmenu li:hover li a:hover,
ul.cssmenu li:hover li:hover a,
ul.cssmenu li.iehover li a:hover,
ul.cssmenu li.iehover li.iehover a {
        color: #fff;
}

ul.cssmenu ul ul {
        display: none;
        position: absolute;
        z-index: 10;
        top: 0;
        left: 170px;
}

ul.cssmenu li:hover ul ul,
ul.cssmenu li.iehover ul ul {
        display: none;
}

div.menu1 ul.cssmenu li:hover ul li:hover ul,
div.menu1 ul.cssmenu li.iehover ul li.iehover ul {
        display: block;
        margin-top: -18px;
        margin-left: -260px;
        text-align: right;
        z-index: 45;
}

div.menu2 ul.cssmenu li:hover ul li:hover ul,
div.menu2 ul.cssmenu li.iehover ul li.iehover ul {
        display: block;
        margin-top: -18px;
        margin-left: 0;
        text-align: left;
        z-index: 45;
}

ul.cssmenu li:hover ul,
ul.cssmenu ul li:hover ul,
ul.cssmenu li.iehover ul,
ul.cssmenu ul li.iehover ul {
        display: block;
        top: 21px;
        right: 10px;
        background: #8bd1d5;
        border: 1px solid #41bbc2;
} 

ul.cssmenu li:hover ul li,
ul.cssmenu ul li:hover ul li,
ul.cssmenu li.iehover ul li,
ul.cssmenu ul li.iehover ul li {
   display: block;
   border: 1px solid #41bbc2;
   width: 100%;
   height: 20px;
}

ul.cssmenu li:hover ul li,
ul.cssmenu ul li:hover ul li,
ul.cssmenu li.iehover ul li,
ul.cssmenu ul li.iehover ul li {
   display: block;
   border: 1px solid #41bbc2;
   width: 100%;
   height: 16px;
   color: #13494a;
   font-family: sans-serif;
   font-size: 14px;
}

ul.cssmenu li:hover ul li:hover,
ul.cssmenu ul li:hover ul li:hover,
ul.cssmenu li.iehover ul li.iehover,
ul.cssmenu ul li.iehover ul li.iehover {
  background-color: #41bbc2;
  color: #fff;
}

ul.cssmenu li:hover ul li:hover ul,
ul.cssmenu ul li:hover ul li:hover ul,
ul.cssmenu li.iehover ul li.iehover ul,
ul.cssmenu ul li.iehover ul li.iehover ul {
  width: 95px;
}

ul.cssmenu a {
  text-decoration: none;
}

#angels {
  position: relative;
	width: 775px;
	height: 357px;
	margin: 0 auto;
	top: 190px;
}

#angelsmain {
  position: absolute;
  z-index: 2;
  height: 357px;
	width: 775px;
	margin: 0 112px;
	margin-top: 190px;
}

#loading {
	width: 1000px;
	margin: 0;
	margin-top: 220px;
	text-align: center;
	text-transform: uppercase;
	color: #13494a;
}

#main {
  position: absolute;
  z-index: 3;
	width: 750px;
	margin: 220px 120px 0 130px;
	text-align: center;
}

#mainover {
	position: absolute;
	z-index: 3;
	width: 750px;
	margin: 220px 120px 0 130px;
	text-align: left;
}

#block {
  width: 100%;
	font-family: sans-serif;
	font-size: 12px;
	text-align: justify;
	color: #244340;
}

.tlcorner, .trcorner, .blcorner, .brcorner, .lline, .rline, .tline, .bline {
  position: absolute;
  z-index: -1;
}

.tlcorner, .trcorner, .blcorner, .brcorner {
  width: 26px;
  height: 26px;
  background-image: url('/images/corners.png');
}

.tlcorner {
  left: 0;
  top: 0;
  clip: rect(auto, 13px, 13px, auto);
}

.trcorner {
  right: 0;
  top: 0;
  clip: rect(auto, auto, 13px, 13px);
}

.blcorner {
  left: 0;
  bottom: 60px;
  clip: rect(13px, 13px, auto, auto);
}

.brcorner {
  right: 0;
  bottom: 60px;
  clip: rect(13px, auto, auto, 13px);
}

.tline, .bline
{
  left: 13px;
  right: 13px;
  height: 26px;
  background-image: url('/images/tblines.png');
}

.tline
{
  top: 0;
  clip: rect(auto, auto, 13px, auto);
}

.bline
{
  bottom: 60px;
  clip: rect(13px, auto, auto, auto);
}

.lline, .rline
{
  top: 13px;
  bottom: 73px;
  width: 26px;
  background-image: url('/images/lrlines.png');
}

.lline
{
  left: 0;
  clip: rect(auto, 13px, auto, auto);
}

.rline
{
  right: 0;
  clip: rect(auto, auto, auto, 13px);
}

#textcont {
	background: url('/images/mainbg.png');
	min-height: 300px;
	margin: 13px;
	padding: 5px 0;
	font-family: Arial;
	font-size: 14px;
}

#textcont img{
  margin: 5px;
  border: 1px solid #749e9a;
}

#textcont img.pagetitle {
  margin: 0;
  border: 0;
}

#textcont a, #textcont a:visited, #textcont a:active {
  color: #399593;
  text-decoration: none;
  font-weight: normal;
}

#textcont a:hover {
  text-decoration: underline;
}

#textcont .date {
  font-weight: bold;
  background-color: #add6d5;
  padding: 2px 5px;
}

#textcont .print {
  background: #add6d5 url('/images/icon-print.png') no-repeat;
  padding: 2px 5px 2px 25px;
}

#cright {
	width: 100%;
	height: 50px;
	text-align: center;
	font-family: sans-serif;
	font-size: 10px;
	line-height: 11px;
	color: #244340;
}

.ramka {
  width: 100%;
  height: 13px;
}

.tlcorner2, .trcorner2, .tline2 {
  position: absolute;
  z-index: -1;
}

.tlcorner2, .trcorner2 {
  width: 26px;
  height: 26px;
  background-image: url('/images/corners2.png');
}

.tlcorner2 {
  left: 0;
  bottom: 24px;
  clip: rect(auto, 13px, 13px, auto);
}

.trcorner2 {
  right: 0;
  bottom: 24px;
  clip: rect(auto, auto, 13px, 13px);
}

.tline2
{
  left: 13px;
  right: 13px;
  height: 13px;
  background-image: url('/images/line.png');
}

.fill {
  top: 13px;
  background-image: url('/images/fill.png');
}

#welcome {
  width: 710px;
  border: 1px solid #399593;
  float: left;
  text-align: left;
  padding: 10px 5px 0px 5px;
  	border-radius: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
}

#lib {
  width: 345px;
  border: 1px solid #399593;
  float: left;
  text-align: left;
  padding: 10px 5px 0px 5px;
  	border-radius: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
}

#kin {
  width: 345px;
  border: 1px solid #399593;
  float: right;
  text-align: left;
  padding: 10px 5px 0px 5px;
  	border-radius: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
}

#new {
  width: 710px;
  border: 1px solid #399593;
  float: left;
  text-align: left;
  padding: 10px 5px 0px 5px;
  	border-radius: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
}

#ads {
  width: 710px;
  border: 1px solid #399593;
  float: left;
  text-align: left;
  padding: 10px 5px 10px 5px;
  	border-radius: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
}

.clear {
  clear: both;
}

#textcont .icon {
	border: 0;
	margin-top: -8px;
}

.upper {
	text-transform: uppercase;
}

.thumb {
	background-color: transparent;
	padding: 15px;
	cursor: default;
	border: 0;
}

.thumb2 {
	background-color: #c0dadf;
	padding: 15px;
	cursor: pointer;
}

#textcont img.noborderimg {
	border: 0;
}

.childlib {
  cursor: pointer;
}

.parentslib {
  cursor: pointer;
}

#schoolselect {
  position: fixed;
  z-index: 100;
  bottom: 0;
  width: 740px;
  left: 50%;
  margin-left: -369px;
  padding: 8px 4px;
  /*background: url('/images/bg2.jpg') no-repeat top scroll;*/
  background-color: #257674;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

#schoolselect select {
  width: 590px;
}

#schoolselectmainp {
  width: 100%;
  padding: 8px 4px;
  margin: 4px 0;
  font-size: 16px;
  text-align: center;
  color: #257674;
  font-weight: bold;
  background-color: #f1f4f3;
}

#schoolselectmainp select {
  font-size: 12px;
  width: 480px;
}

.catpage {
  padding: 0 10px;
  font-size: 10px;
  float: right;
  max-width: 40%;
}

#catdiv h3 {
  float: left;
  max-width: 40%;
  padding: 0 10px;
}