html{background:#000;margin:0;padding:0;}
html {direction: rtl; }
body{font-family:arial, sans-serif; font-size:16px;line-height:1.2;color:#000; margin:0;padding:0;height:100%; background-color:#000}
ul, ol, li {padding:0;margin:0;list-style:none}
table{ empty-cells:show; border-collapse:collapse; border-spacing:0px; }
form, input { margin:0;padding:0;font-family:arial, sans-serif; font-size:14px;}
input, select, textarea, a {outline:0 }
a img,:link img,:visited img { border:none; }
h1, h2, h3, h4, h5, p { margin:0; padding:0;}
p {margin-bottom:0.8em}
a {color:#b9d8f9; text-decoration:underline;}
a:hover {color:#cc0000; text-decoration:none;}

#pageWrap {width:1280px;margin:15px auto;position:relative;background:#fff;z-index:1}
#pageWrapEd {width: 970px;height:100%;margin:auto;padding:20px;position:relative;background:#fff;z-index:1}

.shadTop {position:absolute;height:134px;left:0;top:0;right:0; background:url(../images/shadow_top.png) repeat-x center top;z-index:1}
.shadBottom {position:absolute;height:134px;left:0;bottom:0;right:0; background:url(../images/shadow_bottom.png) repeat-x center bottom;z-index:1}
.shadLeft {position:absolute;width:387px;left:0;top:0;bottom:0; background:url(../images/shadow_left.png) repeat-y left center;z-index:1}
.shadRight {position:absolute;width:387px;right:0;top:0;bottom:0; background:url(../images/shadow_right.png) repeat-y right center;z-index:1}



section {position:absolute;top:10px;bottom:10px;left:200px;right:0px;z-index:5;padding:10px 0}


nav {position:relative;width:171px;z-index:5; float:left;font-size:18px;font-family:tahoma, arial, sans-serif;margin:20px 0 0 25px}
nav li {margin:6px 0}
nav a {display:block;width:171px;text-align:center; line-height:1.1; color:#fff;text-decoration:none;padding:0 0 5px 0; text-shadow: 0px 1px 2px #000;text-indent:46px;}
nav a:hover, nav .active {text-shadow: 0px 1px 3px #000}
nav a i {display:block;width:171px;height:95px;background-image:url(../images/buttons2.png); background-repeat:no-repeat;left:-25px;position: relative;}
.home a, .heb a, .eng a {padding:0}

.home {margin:0;font: 0/0 a;text-shadow: none;color: transparent;}
.home i {height: 120px; background-position: 0 0}
.home a:hover i, .home .active i {background-position: -171px 0}
.heb, .eng, .info {font: 0/0 a;text-shadow: none;color: transparent;}
.heb i {height:80px; background-position: 0 -200px}
.heb a:hover i, .heb .active i {background-position: -171px -200px}
.eng i {height:80px; background-position: 0 -120px}
.eng a:hover i, .eng .active i {background-position: -171px -120px}
.chem  {margin-top:15px;}
.chem i {background-position: 0 -280px}
.chem a:hover, .chem .active {color:#ff706f}
.chem a:hover i, .chem .active i {background-position: -171px -280px}
.math i {background-position: 0 -380px}
.math a:hover, .math .active {color:#2baae6}
.math a:hover i, .math .active i {background-position: -171px -380px}
.phys i {background-position: 0 -480px}
.phys a:hover, .phys .active {color:#cca5f6}
.phys a:hover i, .phys .active i {background-position: -171px -480px}
.bio i {background-position: 0 -580px}
.bio a:hover, .bio .active {color:#a1d17c}
.bio a:hover i, .bio .active i {background-position: -171px -580px}
.info i {background-position: 0 -680px}
.info a:hover i, .info .active i {background-position: -171px -680px}
.back a {position: relative;left: 27px;}


h2, h1 {width:100%;height:90px;color:#FFF;font-size:34px;display:table;background-repeat:no-repeat; background-position: right top;margin-bottom:10px;/*text-align: center;*/}
h2 a, h1 a {height:61px;display:table-cell; vertical-align: middle; text-decoration: none;color:#fff !important;padding-right: 50px;}
h2 span, h1 span {height:61px;display:table-cell; vertical-align: middle; text-decoration: none;color:#fff;padding-right: 50px;}
h2 a:hover, h1 a:hover {color: #FFF;}
h2.chem1, h1.chem1 {background-image:url(../images/btnRed01.png)}
h2.chem2, h1.chem2 {background-image:url(../images/btnRed02.png)}
h2.chem3, h1.chem3 {background-image:url(../images/btnRed03.png)}
h2.bio1 , h1.bio1 {background-image:url(../images/btnGreen01.png)}
h2.bio2 , h1.bio2 {background-image:url(../images/btnGreen02.png)}
h2.bio3 , h1.bio3 {background-image:url(../images/btnGreen03.png)}
h2.phys1, h1.phys1 {background-image:url(../images/btnViolet01.png)}
h2.phys2, h1.phys2 {background-image:url(../images/btnViolet02.png)}
h2.phys3, h1.phys3 {background-image:url(../images/btnViolet03.png)}
h2.math1, h1.math1 {background-image:url(../images/btnBlue01.png)}
h2.math2, h1.math2 {background-image:url(../images/btnBlue02.png)}
h2.math3, h1.math3 {background-image:url(../images/btnBlue03.png)}

.adminBlockEd h2, .adminBlockEd h1 {text-align:center;background-position:center top;}
.adminBlockEd h2 span, .adminBlockEd h1 span {padding-right:0}

article {font-size: 18px;padding:10px 40px 30px 90px; background:url(../images/bg_art_bottom.png) no-repeat center bottom;margin-bottom:10px;}

.chemPage a {color:#ff706f;}
.bioPage a {color:#48752c;}
.physPage a {color:#cca5f6;}
.mathPage a {color:#2baae6;}

article h2 {width:650px;height:60px; background-size:auto 60px;font-size: 25px;margin-right: 140px;}
article h2 a, article h2 span {height:44px;color: #fff !important;}
article .content {overflow:hidden;padding:0 15px 0 0}
article .artContent {padding:0 15px 0 0}
article .content p {margin:0}
.artImgSm {width:135px;float:right;margin:0 15px 0 0}
figure {margin:0 0 10px}
figure img {max-height:250px;max-width:500px}
figcaption {font-size: 14px;color: #666;}

/* Scroller */
section .mCSB_container, section .mCSB_container.mCS_no_scrollbar {margin-right:125px;}
section .mCSB_draggerContainer {/*display:none*/}
section .mCSB_buttonUp {position:absolute !important;width:68px;height:73px !important; 
	background-image:url(../images/btn_scroll.png) !important;background-position: left top !important; top:50%;right:55px;left:auto;margin-top:-100px !important;
	opacity:1 !important;filter: "alpha(opacity=100)" !important;-ms-filter: "alpha(opacity=100)" !important;}
section .mCSB_buttonDown {position:absolute !important;width:68px;height:73px !important; 
	background-image:url(../images/btn_scroll.png) !important;background-position: left bottom !important; top:50% !important;right:55px;left:auto;margin-top:30px !important;
	opacity:1 !important;filter: "alpha(opacity=100)" !important;-ms-filter: "alpha(opacity=100)" !important;}
section .mCSB_buttonUp:active {background-position: -67px top !important;}
section .mCSB_buttonDown:active {background-position: -67px bottom !important;}
section .mCSB_draggerContainer {display:none}

#info {width:791px;height: 380px;padding:54px 35px 60px 180px;position:absolute;left:58px;bottom:-23px; background:url(../images/bg_info.png) no-repeat -1px bottom;z-index:15;display:none}
#info h1 {text-align: center;color:#fff;font-size: 30px;height:55px;padding:15px 0 0;margin-bottom:25px;}
#info p {font-size: 24px;}
#info .inner {margin: 0 75px 0 80px;height: 250px;overflow: auto;}
#info .close {width: 108px;height: 80px;position:absolute;left:0;bottom:10px;}
#overlay {position:absolute;top: 0;left: 0;right: 0;bottom: 0;z-index:10;background:rgba(0,0,0,0.7);display:none}

/*-- UTIL --*/
.spacerBlank {width:0px;height:0px;font-size:0px;line-height:0px;clear:both}
.spacerLine {height:0px;font-size:0px;line-height:0px;clear:both; border-top:1px #ddd solid; padding:12px 0}
.spacer10 {height:10px;font-size:0px;line-height:0px;clear:both}
.spacer20 {height:20px;font-size:0px;line-height:0px;clear:both}
.cTxt {text-align:center}
.rTxt {text-align:right}
.caps {text-transform:uppercase}

.cf {*zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");*zoom: 1;}
.cf:before, .cf:after { content: ""; display: table;}
.cf:after { clear: both; }


/* ** UI ** */
.ui-widget-overlay {background: #000;opacity: .60;filter: Alpha(Opacity=60);}