/** the fun start here **/ * { padding: 0; margin: 0; } * html #page_content .in .down { margin-bottom: 10px; } * html #page_content .oracle .OracleInner .iefix { padding-bottom: 20px; } * html #menu img { right: 6px; } * html #contenttwo { width: 660px; float: left; margin: 25px 0 0 -12px; display: inline; } body { font: 14px Tahoma , Verdana , Arial, sans-serif; color: #595959; background: #FFF; } a { text-decoration: none; outline: 0; } li { list-style: none; } img { border: none; } h1,h2,h3,h4,h5,h6 { font-weight: normal; } .cleaner { clear: both; overflow: hidden; height: 1px; } .hidden { overflow: hidden; text-indent: -9999px; } .imgborder { border: 1px solid #CCC; padding: 2px; } #page_container { width: 963px; margin: 0 auto; } #header { height: 118px; background: url(HeaderBgrd.jpg) left top no-repeat; } #page_content { height: 930px; background: url(PageContentBgrd.jpg) left top repeat-y; } #page_content .word { width: 963px; } #page_content .word .inner { padding: 17px 0 0 65px; } #page_content .word .inner ul { margin-top: 23px; } #page_content .word .inner ul li a { color: #595959; font-size: 14px; line-height: 23px; background: url(BlueBullet.jpg) right 7px no-repeat; padding-right: 15px; } #page_content .word .inner ul li a strong { color: #0D3068; font-size: 13px; } #page_content .word .inner h3 { font-size: 14px; color: #0D3068; font-weight: bold; padding-top: 24px; text-align: center; } #page_content .word .inner img { margin: 18px 0 0 73px; border: 1px solid #CCC; padding: 2px; } #page_content .word .inner .photo { margin: 20px 25px 0 0; } #page_content .word .inner p { padding: 10px 65px 0 0; } #page_content .word .inner .paddingzero { padding-top: 0; } #page_content .word .inner .marginten { margin-top: 20px; } #page_content .word .inner .center { text-align: center; } #page_content .in { padding: 17px 0 0 65px; } #page_content .in .down { margin: 30px 0 20px 0; } #page_content .in .TeacherTalk { width: 555px; float: left; } #page_content .in .TeacherTalk img { margin: 25px 0 0 0; border: 1px solid #CCC; padding: 2px; } #page_content .in .TeacherTalk h3 { color: #0D3068; padding-top: 20px; text-transform: uppercase; font-size: 16px; font-weight: bold; } #page_content .in .TeacherTalk p { padding-top: 20px; font-style: italic; } #page_content .in .Matters { width: 250px; float: left; margin-left: 59px; display: inline; } #page_content .in .Matters h4 { font-size: 14px; background: url(BlueBullet.jpg) left 7px no-repeat; font-weight: bold; text-indent: 15px; color: #0D3068; margin: 20px 0 0 0; } #page_content .in .Matters ul { padding: 20px 0 0 0px; width: 214px; } #page_content .in .Matters ul li a { font-size: 11px; color: #595959; text-align: justify; display: block; font-weight: bold; background: url(BlueBullet.jpg) right 7px no-repeat; padding: 0 12px 4px 0; } * html #page_content .in .Matters ul li a { height: 5px; padding: 0; } *:first-child+html #page_content .in .Matters ul li a { padding: 0; background: url(BlueBullet.jpg) right 9px no-repeat; } #page_content .in .Matters ul li a:hover { text-decoration: underline; } #page_content .in .WordsOfTeacher { width: 834px; } #page_content .in .WordsOfTeacher p { padding-right: 10px; } #page_content .in .WordsOfTeacher .line { padding-top: 20px; } #page_content .in .WordsOfTeacher .big { font-size: 14px; text-transform: uppercase; } #page_content .oracle { width: 963px; } #page_content .oracle .OracleInner { padding: 17px 0 0 65px; } #page_content .oracle .OracleInner h1 { color: #0D3068; text-transform: uppercase; font-size: 16px; font-weight: bold; } #page_content .oracle .OracleInner p { padding: 20px 65px 0 0; } #menu { height: 188px; background: url(MenuTopBgrd.jpg) left top repeat-x; position: relative; } #menu img { position: absolute; right: 7px; top: -8px; } #menu ul { margin-left: 7px; position: relative; top: 8px; } #menu ul li a { width: 226px; height: 40px; display: block; } #menu ul li #start { background: url(Start.jpg) left top no-repeat; } #menu ul li #start:hover { background: url(StartHover.jpg) left top no-repeat; } #menu ul li #word { background: url(Word.jpg) left top no-repeat; } #menu ul li #word:hover { background: url(WordHover.jpg) left top no-repeat; } #menu ul li #picture { background: url(Picture.jpg) left top no-repeat; } #menu ul li #picture:hover { background: url(PictureHover.jpg) left top no-repeat; } #menu ul li #rila { background: url(Rila.jpg) left top no-repeat; } #menu ul li #rila:hover { background: url(RilaHover.jpg) left top no-repeat; } #menu ul li #wordActive { background: url(WordActive.jpg) left top no-repeat; } #menu ul li #wordActive:hover { background: url(WordActiveHover.jpg) left top no-repeat; } #menu ul li #startNonActive { background: url(StartNonActive.jpg) left top no-repeat; } #menu ul li #startNonActive:hover { background: url(StartNonActiveHover.jpg) left top no-repeat; } #menu ul li #pictureActive { background: url(PictureActive.jpg) left top no-repeat; } #menu ul li #pictureActive:hover { background: url(PictureActiveHover.jpg) left top no-repeat; } #menu ul li #rilaActive { background: url(RilaActive.jpg) left top no-repeat; } #menu ul li #rilaActive:hover { background: url(RilaActiveHover.jpg) left top no-repeat; } #content { width: 660px; float: left; margin-left: 25px; display: inline; } #content .inner { padding: 17px 0 0 40px; } #content .inner p { padding: 25px 9px 0 0; } #contenttwo { width: 660px; float: left; margin: 25px 0 0 100px; display: inline; } #contenttwo p { padding: 25px 9px 0 0; } #sidebar { width: 130px; margin-left: 10px; display: inline; float: left; } #sidebar .mountaim { border: 1px solid #CCC; padding: 2px; margin-top: 17px; } #sidebartwo { width: 130px; float: left; margin-left: 25px; display: inline; } #sidebartwo .mountaim { border: 1px solid #CCC; padding: 2px; margin-top: 17px; position: relative; top: 27px; } #BgrdForOtherHeader { width: 653px; height: 26px; background: url(BlueHeaderBgrd.jpg) left top no-repeat; } #BgrdForOtherHeader span { color: #FFF; font-size: 18px; line-height: 23px; display: block; padding-left: 17px; } #BgrdForOtherHeader a { text-decoration: underline; float: right; display: block; color: #FFF; font-size: 11px; position: relative; top: -17px; left: -10px; } #BgrdForOtherHeaderBig { width: 882px; height: 26px; background: url(HeaderBigBgrd.jpg) left top no-repeat; } #BgrdForOtherHeaderBig span { color: #FFF; font-size: 18px; line-height: 23px; display: block; padding-left: 17px; } #BgrdForOtherHeaderBig a { text-decoration: underline; float: right; display: block; color: #FFF; font-size: 11px; position: relative; top: -17px; left: -10px; } #HeaderMiddleBgrd { width: 730px; height: 26px; background: url(HeaderMiddleBgrd.jpg) left top no-repeat; } #HeaderMiddleBgrd span { color: #FFF; font-size: 18px; line-height: 23px; display: block; padding-left: 17px; } #HeaderMiddleBgrd a { text-decoration: underline; float: right; display: block; color: #FFF; font-size: 11px; position: relative; top: -17px; left: -10px; } #Header833Bgrd { width: 833px; height: 26px; background: url(Header833Bgrd.jpg) left top no-repeat; } #Header833Bgrd span { color: #FFF; font-size: 18px; line-height: 23px; display: block; padding-left: 17px; } #Header833Bgrd a { text-decoration: underline; float: right; display: block; color: #FFF; font-size: 11px; } #Header700Bgrd { width: 700px; height: 26px; background: url(Header700Bgrd.jpg) left top no-repeat; position: absolute;} #Header700Bgrd span { color: #FFF; font-size: 18px; line-height: 23px; display: block; padding-left: 17px; } #Header700Bgrd a { text-decoration: underline; float: right; display: block; color: #FFF; font-size: 11px; } #HeaderNew { width: 732px; height: 26px; background: url(HeaderNew.jpg) left top no-repeat; } #HeaderNew span { color: #FFF; font-size: 18px; line-height: 23px; display: block; padding-left: 17px; } #HeaderNew a { text-decoration: underline; float: right; display: block; color: #FFF; font-size: 11px; } #Header834Width { width: 834px; height: 26px; background: url(Header834Width.jpg) left top no-repeat; } #Header834Width span { color: #FFF; font-size: 18px; line-height: 23px; display: block; padding-left: 17px; } #Header834Width a { text-decoration: underline; float: right; display: block; color: #FFF; font-size: 11px; position: relative; left: -10px; top: -17px; } #Header660Width { width: 610px; height: 26px; background: url(Header660Width.jpg) left top no-repeat; } #Header660Width span { color: #FFF; font-size: 18px; line-height: 23px; display: block; padding-left: 17px; } #Header660Width a { text-decoration: underline; float: right; display: block; color: #FFF; font-size: 11px; } #footer { width: 963px; height: 221px; background: url(FooterBgrd.jpg) left top no-repeat; position: relative; top: -1px; } #footer .nonecounter { display: none; } #footer .links { width: 456px; float: left; margin: 30px 0 0 72px; display: inline; } #footer .links ul { padding-top: 5px; } #footer .links ul li { color: #cde9ff; font-size: 11px; line-height: 19px; } #footer .links ul li a { font-size: 12px; font-weight: bold; color: #FFF; background: url(Bullet.jpg) left 7px no-repeat; padding-left: 15px; text-decoration: underline; } #footer .links ul li a:hover { text-decoration: none; } #footer .other { width: 347px; float: left; margin: 30px 0 0 46px; display: inline; } #footer .other .otherlinks { position: relative; top: 5px; } #footer .other ul { padding-top: 5px; } #footer .other ul li { font-size: 12px; font-weight: bold; color: #FFF;} #footer .other ul li a { color: #cde9ff; font-size: 12px; line-height: 18px; font-weight: normal; text-decoration: underline; } #footer .other ul li a img { position: relative; top: 5px; } #footer .other ul li .nobgrd { background: none; padding-left: 0; } #footer .other ul li a:hover { text-decoration: none; } #footer .identical { padding-top: 8px; } #footer .identical li { color: #cde9ff; font-size: 11px; line-height: 19px; } #footer .identical li a { font-size: 12px; font-weight: bold; color: #FFF; background: url(Bullet.jpg) left 7px no-repeat; padding-left: 15px; text-decoration: underline; } #footer .identical li a:hover { text-decoration: none; }