body {background-color: #D5D6E9; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; background-image:url(../images/background.jpg); background-repeat:repeat-x; direction:rtl;} #BGGrafix{ width:100%; height:100%; position:fixed; background-repeat:no-repeat; background-position:bottom left; background-attachment:fixed; z-index:0; right:0px;} body p{font-family:"Times New Roman", Times, serif;} body #bodyContainer{position: relative; width:864px; margin:auto; z-index:1;} #bodyContainer #header{margin-top:0px; } #bodyContainer #header .logo{float:right;background-image:url(../images/sns-logo-01-ar.gif); background-repeat:no-repeat; width:240px; height:59px; margin-top:15px; margin-right:-8px;} #bodyContainer #header .search{margin-top:0px; margin-bottom:54px; color:#FFFFFF; font-size:10pt; text-align: left; margin-right:575px } #bodyContainer #header .search .carveR{ background-image: url(../images/RCBL.gif); background-position:bottom left;background-color: #2E3192; background-repeat: no-repeat;width: 8px; } #bodyContainer #header .search .carveL{ background-image: url(../images/RCBR.gif); background-position:bottom right;background-color: #2E3192; background-repeat: no-repeat;width:217px; padding-left: 5px;} #bodyContainer #header .search .languageR { width: 7px; background: url(../images/RCBR.gif); background-position: bottom right;background-color: #9698C8; background-repeat: no-repeat;} #bodyContainer #header .search .languageL { width:8px; background: url(../images/RCBL.gif); background-position: bottom left; background-color: #9698C8; background-repeat: no-repeat; padding-left:10px;} #bodyContainer #header .search a, #bodyContainer #header .search a:visited,#bodyContainer #header .search a:hover{color:#FFFFFF; text-decoration:none;} #bodyContainer #header .search input{color:#2E3192; font-size:12pt; } #bodyContainer #header .siteNav {margin-right:30px; border-bottom:8px solid #2E3192; height:30px; } /************************************************************************************/ #bodyContainer #header .siteNav .Maintab{ width:550px;float:right; font-size:12pt; font-weight:bold; color: #ffffff; } #bodyContainer #header .siteNav .Maintab #NavColortabs{padding: 0; width: 100%; background: transparent;} #bodyContainer #header .siteNav .Maintab #NavColortabs ul{margin:0; padding:0; list-style:none; } #bodyContainer #header .siteNav .Maintab #NavColortabs li{display:inline; margin:0; padding:0;} #bodyContainer #header .siteNav .Maintab #NavColortabs a{ float:right; color: #ffffff; background:url(../images/color_tabs_left.gif) no-repeat left top; margin:3px 0px 2px 1px; padding:0 0 3px 7px; text-decoration:none;} #bodyContainer #header .siteNav .Maintab #NavColortabs a span{float:right; display:block; background: transparent url(../images/color_tabs_right.gif) no-repeat right top; padding:4px 17px 0px 10px;} #bodyContainer #header .siteNav .Maintab #NavColortabs a span{float:none;} #bodyContainer #header .siteNav .Maintab #NavColortabs a:hover, #bodyContainer #header .siteNav .Maintab #NavColortabs a:hover span{background-color: #393DB7;} #bodyContainer #header .siteNav .Maintab #NavColortabs #Home a, #NavColortabs #Home span{background-color:none; color:#003399;} #bodyContainer #header .siteNav .Maintab #NavColortabs #Home a:hover, #bodyContainer #header .siteNav .Maintab #NavColortabs #Home a:hover span{background-color: #FFFFFF; color:#003399;} #bodyContainer #header .siteNav .Maintab #NavColortabs #AboutUs a, #NavColortabs #AboutUs span{background-color: #2E3192;} #bodyContainer #header .siteNav .Maintab #NavColortabs #AboutUs a:hover, #bodyContainer #header .siteNav .Maintab #NavColortabs #AboutUs a:hover span{background-color: #393DB7;} #bodyContainer #header .siteNav .Maintab #NavColortabs #GirlsSchool a, #NavColortabs #GirlsSchool span{background-color: #993366;} #bodyContainer #header .siteNav .Maintab #NavColortabs #GirlsSchool a:hover, #bodyContainer #header .siteNav .Maintab #NavColortabs #GirlsSchool a:hover span{background-color: #AD5C85;} #bodyContainer #header .siteNav .Maintab #NavColortabs #BoysSchool a, #NavColortabs #BoysSchool span{background-color: #006699;} #bodyContainer #header .siteNav .Maintab #NavColortabs #BoysSchool a:hover, #bodyContainer #header .siteNav .Maintab #NavColortabs #BoysSchool a:hover span{background-color: #3385AD;} #bodyContainer #header .siteNav .Maintab #NavColortabs #BusinessInfo a, #NavColortabs #BusinessInfo span{background-color: #006666;} #bodyContainer #header .siteNav .Maintab #NavColortabs #BusinessInfo a:hover, #bodyContainer #header .siteNav .Maintab #NavColortabs #BusinessInfo a:hover span{background-color: #338585;} #bodyContainer #header .siteNav .Maintab #NavColortabs #Home a, #bodyContainer #header .siteNav .Maintab #NavColortabs #AboutUs a, #bodyContainer #header .siteNav .Maintab #NavColortabs #GirlsSchool a, #bodyContainer #header .siteNav .Maintab #NavColortabs #BoysSchool a, #bodyContainer #header .siteNav .Maintab #NavColortabs #BusinessInfo a {border-bottom:1px solid #FFFFFF;} #bodyContainer #header .siteNav .rightOptions {width:230px; float:left; font-size:12pt; margin-top:10px; text-align:left; color:#2E3192;} #bodyContainer #header .siteNav .rightOptions a, #bodyContainer #header .siteNav .rightOptions a:visited{ text-decoration:none; color:#2E3192;} #bodyContainer #header .siteNav .rightOptions a:hover{text-decoration:underline; color:#2E3192;} /************************************************************************************/ #contentHome{margin-right:30px;} #content{margin:0px 30px 0px 0px; border-top:8px solid #9698C8; background-color: white; }/*-- main stage --*/ #contentHome p, #content p, #content table{color:#2E3192; font-size:12pt; /*margin:0px 0px 10px 10px; padding-bottom:5px;*/ line-height:1.3em;} #content H1{color:#9698C8; font-size:28pt; font-weight: normal; margin:0px; padding:0px;} #content H2 {font-size: 20pt; font-weight: bold; color: #2E3192; margin:0px; margin-bottom:20px; padding:0px;} #content H3 {font-size: 16pt; font-weight: bold; color: #511424; margin:0px 0px 5px 5px; } #content H4 {color:#511424; font-size:12pt; margin:0px; padding-bottom:5px; line-height:1.3em; font-weight:bold;} /*-- main contect --*/ #content #LFrame{ position: relative; width: 180px; float: right; padding: 0px 20px 40px 20px; background-color: white; } #content #LFrame, #content #LFrame table{margin:0px; } #content #LFrame .sideNav{width:180px; padding:10px 0px 20px 0px; background-color:#9698C8;} #content #LFrame .sideNav h3{color:#FFFFFF; font-size:14pt; margin:10px 20px 10px 0px;} #content #LFrame .sideNav ul{margin-left:-10px; margin-top:5px; margin-bottom:10px;list-style:none;} #content #LFrame .sideNav li{color:#FFFFFF; font-size:13px;} #content #LFrame .sideNav a, #content #LFrame .sideNav a:visited{color:#FFFFFF;} #content #LFrame .sideNav a:hover{text-decoration:none;} #content #LFrame .sideNav .menutitle{ cursor:pointer; margin-bottom: 5px;} #content #LFrame .sideNav .submenu{border-top:1px dotted #ffffff; border-bottom:1px dotted #ffffff; display:none; margin-bottom:15px;} .sideNavbase{background:transparent url(../images/sideNavBase.gif) no-repeat; width:180px; height:24px; margin-top:-24px; line-height:0px; padding:0px;} #content #LFrame .login h3{font-size:10pt; color:#FFFFFF; padding:5px 10px 5px 10px; margin:0px; background-image:url(../images/RCtop.gif); background-repeat:no-repeat; background-color:#006666;} /*---------------------------------- Content ------------------------------*/ #content #RFrame{ position: relative; width: 614px; margin-right: 0px; padding: 10px 0px 30px 0px; background-color: white; /*-- text contect --*/ float: left; } #content #RFrame .banner{margin-right:-30px; margin-top:-10px; margin-bottom:20px; } #content #RFrame H1{color:#9698C8; font-size:28pt; font-weight: normal; margin:0px 0px 0px 20px; padding:0px;} #content #RFrame H2 {font-size: 20pt; font-weight: bold; color: #2E3192; margin:0px 0px 0px 20px; padding:0px;} #content #RFrame H3 {font-size: 14pt; font-weight: bold; color: #2E3192; margin:15px 0px 5px 20px; } #content #RFrame H4 {color:#511424; font-size:12pt; margin:0px; padding-bottom:5px; line-height:1.3em; font-weight:bold; margin:0px 0px 0px 20px;} #content #RFrame p, #content #RFrame table{color:#2E3192; font-size:12pt; margin:10px 0px 10px 20px; padding-bottom:5px; line-height:1.3em;} /*-- UL --*/ #content #RFrame ul{color:#2E3192; font-size:12pt; margin:1px 10px 1px 20px; list-style: disc; padding-bottom:5px; line-height:1.3em; padding-right:0px; } #content #RFrame ol{color:#2E3192; font-size:12pt; margin:1px 10px 1px 20px; list-style:decimal; padding-bottom:5px; line-height:1.3em;} #content #RFrame ul ul{margin:0px 20px 10px 20px; list-style:circle;} #content #RFrame ol ol{margin:0px 10px 10px 20px; list-style:lower-alpha;} #content #RFrame caption{margin-right:10px; text-align:right; padding:5px; font-weight:bold; font-size:11pt;} #content #RFrame thead{padding:5px; font-weight:bold; } #content #RFrame th{padding:5px;} #content #RFrame td{padding:5px; } #content #RFrame .treeClass table td{font-size:9pt;background-color:white; border:0px} /*********************** News *************************/ #content #RFrame #News{ background: transparent; width: 605px; } #content #RFrame #News table{ border: 0px; padding: 0px; margin: 0px; background-color: transparent; } #content #RFrame #News td{ border: 0px; padding: 0px; margin: 0px; background-color: white; } #content #RFrame #News tr{ border: 0px; padding: 0px; margin: 0px; background-color: transparent; } #content #RFrame #News img{ margin: 0px; padding: 0px; float: none; } #content #RFrame #News h1{ font-size: 18px; padding-bottom: 0px; margin-bottom: 0px; font-weight: bold; } #content #RFrame #News h2{ font-size: 12px; padding-bottom: 0px; margin-bottom: 5px; padding-right: 2px; margin-right: 2px; border: 0px; font-weight: bold; float: right; } #content #RFrame #News .tdTextDirection{ text-align:right; vertical-align: top; } #content #RFrame #News .TdTextVerticalTop{ vertical-align: top; } #content #RFrame #News .textBold{ font-size: 12px; font-weight: bold; padding-right: 7px; } #content #RFrame #News .tdBaddingBottom { padding-bottom: 10px; } #content #RFrame #News .pager_style A:link { border: #c0c0c0 1px solid; padding: 0px 8px 0px 8px; margin: 2px 3px 0px 2px; font-size: 12px; color: #666666; background-color: #ffffff; text-align: center; text-decoration: none; vertical-align: middle; display: block; line-height: 15px; } #content #RFrame #News .pager_style A:visited { border: #c0c0c0 1px solid; padding: 0px 8px 0px 8px; margin: 2px 3px 0px 2px; font-size: 12px; color: #666666; background-color: #ffffff; text-align: center; text-decoration: none; vertical-align: middle; display: block; line-height: 15px; } #content #RFrame #News .pager_style A:hover { border: #666666 1px solid; padding: 0px 8px 0px 8px; margin: 2px 3px 0px 2px; font-size: 12px; color: #000000; background-color: #efefef; text-align: center; text-decoration: none; vertical-align: middle; display: block; line-height: 15px; } #content #RFrame #News .pager_style A:active { border: #c0c0c0 1px solid; padding: 0px 8px 0px 8px; margin: 2px 3px 0px 2px; font-size: 12px; color: #666666; background-color: #ffffff; text-align: center; text-decoration: none; vertical-align: middle; display: block; line-height: 15px; } /*----------- Pager ------------*/ /*--------- Download ---------*/ #content #RFrame #Download{ width:592px; margin-top: 15px } #content #RFrame #Download table{ border:0px; padding: 0px; margin:0px; border-bottom:#ffffff 2px solid; } #content #RFrame #Download td{ border: 0px; padding: 0px; margin: 0px; } #content #RFrame #Download .tddonwload{ text-align:left; font-size:14px; padding: 5px 0px 0px 10px ; margin-bottom: 0px; font-weight: bold;} #content #RFrame #Download .titledonwload{ text-align:right; font-weight: bold; font-size: 14px; padding-right:2px; padding-top: 5px } #content #RFrame #Download .discriptionedonwload{ text-align:right; padding-bottom: 7px; font-size: 14px; vertical-align: top } #content #RFrame #Download .tdiconimg{ padding-top: 5px } #content #RFrame #Download .iconimg{ float:right; margin: 0px; padding:2px 10px 3px 0px } #content #RFrame #Download .pager_style { PADDING-BOTTOM: 15px; TEXT-ALIGN: right; } #content #RFrame #Download .pager_style table{ margin: 5px 10px 5px 5px; border: 0px; } #content #RFrame #Download .pager_style A:link { border: #c0c0c0 1px solid; padding: 0px 8px 0px 8px; margin: 2px 3px 0px 2px; font-size: 12px; color: #666666; background-color: #ffffff; text-align: center; text-decoration: none; vertical-align: middle; display: block; line-height: 15px; } #content #RFrame #Download .pager_style A:visited { border: #c0c0c0 1px solid; padding: 0px 8px 0px 8px; margin: 2px 3px 0px 2px; font-size: 12px; color: #666666; background-color: #ffffff; text-align: center; text-decoration: none; vertical-align: middle; display: block; line-height: 15px; } #content #RFrame #Download .pager_style A:hover { border: #666666 1px solid; padding: 0px 8px 0px 8px; margin: 2px 3px 0px 2px; font-size: 12px; color: #000000; background-color: #efefef; text-align: center; text-decoration: none; vertical-align: middle; display: block; line-height: 15px; } #content #RFrame #Download .pager_style A:active { border: #c0c0c0 1px solid; padding: 0px 8px 0px 8px; margin: 2px 3px 0px 2px; font-size: 12px; color: #666666; background-color: #ffffff; text-align: center; text-decoration: none; vertical-align: middle; display: block; line-height: 15px; } /*---------------------------------*/ #content #RFrame .login{background-image:url(../images/sideNavBase.gif); background-repeat:no-repeat; background-position:bottom; background-color:#9698C8; margin-top:10px; color:#FFFFFF; padding-bottom:15px; width:180px;} #content #RFrame .login table{padding:0px; margin:0px;} #content #RFrame .login h3{ font-size:10pt; color:#FFFFFF; padding:5px 10px 5px 10px; background-color:#2E3192; margin:0px 0px 0px 0px; background-image:url(../images/RCtop.gif); background-repeat:no-repeat;} #content #RFrame .login h4{ font-size:10pt; color:#FFFFFF; padding:5px 10px 5px 10px; margin:15px 0px 0px 0px; background-color:#2E3192;} #content #RFrame .login li{ font-size:8pt; color:#FFFFFF;} #content #RFrame .login a, #content #RFrame .login a:visited{ color:#FFFFFF;} #content #RFrame .login a:hover{ color:#FFFFFF;} #content #RFrame .login td{color:#FFFFFF; margin:0px; padding:5px;} #content #RFrame .loginButton a, #content #RFrame .loginButton a:visited{ color:#FFFFFF; margin:0px 5px 0px 5px; padding:5px; background-color:#2E3192; font-size:10pt; font-weight:bold;} #content #RFrame .loginButton a:hover{ color:#FFFFFF; } #content a, #content a:visited{color:#9698C8; text-decoration:none;} #content a:hover{color:#9E7E49; text-decoration:underline; } #content img{border:none;float: left; padding-right: 10px; } #content .imgHeader{border:none;float: right; padding: 0px; } #content td{font-size:12pt; color:#8D736E;} #content ul{margin:0px 20px 10px 20px;} #content li{margin:5px; margin-right:15px; padding-right:5px; } #content .underline{border-bottom:1px solid #B28B80;} #content .windowY{border:1px solid #C5B477; background-color:#F3F0E4; padding:10px; width:380px; } /**The Generic HR within Content **/ #content hr { padding:0px; height:0px; width: 95%; border-top:0px; border-bottom: 2px dotted gray;} /**************************************************************************************/ .base {clear:both; font-size: 12pt; font-weight: normal; color: #2E3192; padding: 10px 10px 25px 10px; margin-right:30px; margin-bottom:50px; border-top:8px solid #2E3192; background-color:#FFFFFF;} .base a {color: #2E3192; text-decoration: none;} .base a:hover {color:#2E3192; text-decoration: underline;} /**************************************************************************************/ /*-----------------------Tabs ------------------------------- */ #bodyContainer #content #RFrame .tab_hr { margin-right: 2px; width: 596px; border-bottom: 0px; border-left: 0px; border-right: 0px; height: 2px; text-align: right; } #bodyContainer #content #RFrame .tbl1 { margin-top: -6px; margin-bottom: -5px; width: 598px; border: 0px; } #bodyContainer #content #RFrame .tbl1 td { background: none; padding: 0px 0px 0px 0px; } #bodyContainer #content #RFrame #container{ margin-top: -4px; margin-bottom: -3px; margin-right: 2px; } #bodyContainer #content #RFrame #container .tabcontainer { margin-left: 0px; width: 389px; font-family: Verdana; font-size: 10pt; line-height: 1.7em; vertical-align: top; border-left: solid 2px #FFFFFF; } #bodyContainer #content #RFrame #container .tabcontainer .tabcontent{ padding: 0px 0px 0px 0px; text-align: right; vertical-align: top; min-height: 379px; display: none; float: right; } #content #RFrame #container .tabcontainer .tabcontent img { border: none; float: right; padding: 0px 0px 0px 0px; } #bodyContainer #content #RFrame #container .tabcontainer .tabcontent h2 { display: block; margin-right: 10px; margin-bottom: 5px; font-family: arial; font-size: 16px; line-height: 1.7em; padding-bottom: 5px; } #bodyContainer #content #RFrame #container .tabcontainer .tabcontent p { margin: 0px; margin-right: 10px; font-size: 16px; padding-left: 5px; padding-bottom: 10px; font-family: Arial; } #bodyContainer #content #RFrame #container .separator { width: 14px; } #bodyContainer #content #RFrame #container .basictab { font: bold 12px arial; } #bodyContainer #content #RFrame #container .basictab a { display: block; text-align: right; text-decoration: none; border-top: 0px solid #ffffff; border-bottom: 0px solid #ffffff; margin-bottom: 2px; border-right: 2px solid #ffffff; border-left: 1px solid #ffffff; padding-right: 10px; padding-bottom: 5px; padding-top: 5px; } #bodyContainer #content #RFrame #container .basictab a:hover, #bodyContainer #content #RFrame #container .basictab a.current { color: #ffffff; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; border-left: none; border-right: none; } #bodyContainer #content #RFrame #container .basictab a:active { color: #ffffff; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; border-left: none; border-right: none; } #bodyContainer #content #RFrame #container table { padding: 0px; margin: 0px; border: none; } #bodyContainer #content #RFrame #container tr { padding: 0px; margin: 0px; border: none; } #bodyContainer #content #RFrame #container td { padding: 0px; margin: 0px; border: none; vertical-align: top; } /*-----------------quote-------------------------------*/ #bodyContainer #content #RFrame .quote_outer { width: 212px; margin: 5px 0px 10px 10px; float: right; } #bodyContainer #content #RFrame .quote_outer .quote_inner { border-top: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; width: 195px; padding: 10px 12px 10px 5px; text-align: right; font-family: arial; text-decoration: none; font-weight: normal; font-size: 13pt; line-height: 1.35em; } /**Home Page Bottom 3 Zones Content**************************/ #bottomHomeContent{ padding: 0px; background-color: #FFF; width: 834px; margin-top: -5px; } .bhcTable { } .bhcTable td{ vertical-align: top; background-repeat: repeat-y; } .bhcImage{ padding-top: 3px; } .bhcTitle{ /*margin: 0px;*/ height: 20px; font-family: Arial; font-size: 13px; font-weight: bold; color: #fff; width: 261px; padding: 5px 10px 5px 0px; } .bhcText { padding: 0px 10px 10px 10px; margin: 0px; line-height: 1.8em; vertical-align: top; font-size: 13px; } .bhcMore { font-weight: bold; padding: 0px 10px 10px 10px; text-align: left; font-size: 13px; text-decoration: none; display: block; } /* .bhcMore a:hover{ text-decoration:underline; } /* image gallery css */ #content #RFrame .relatedArticle img { padding: 5px; margin-left: 15px; margin-bottom: 10px; float: right; } #content #RFrame .relatedArticle .imageGallery{ margin-left: 12px; margin-bottom: 10px; width: 75px; height: 50px; } #content #RFrame #picDetailsNews { padding-right: 10px; padding-left: 20px; }