html, body, ul, ol, h1, h2, p { margin: 0; padding: 0; } h1 { font-size: 12pt; color: #333; font-family: tahoma, sans-serif; } h1.siteHeader { position: absolute; top: -25px; text-align: right; } h1.fixSiteHeader { top: -35px; text-align: right; } h1.arabicHeader { right: 180px; text-align: right; } h2 span.bullet, h1 span.bullet { font-size: 12px; color: #aeaeae; font-weight: 100; background: url(../images/bullet.gif) no-repeat left center; padding-left: 15px; } h2.categoryHeader { padding: 10px 0; font-family: tahoma, sans-serif; font-size: 15px; text-align: right; } h2.categoryHeader a { color: #666; text-decoration: none; } body { background: #fff url(../images/ip_bkg_pic.jpg) no-repeat left top; font: 80%/1.4em Tahoma, Arial, Helvetica, sans-serif; color: #636363; } #siteWrapper { padding-top: 5px; background: transparent url(../images/ip_bkg.gif) repeat-x left top; } #wrapper { position: relative; width: 738px; padding-left: 140px; margin: 0 auto; background: transparent url(../images/ip_wrapper.png) no-repeat right top; } #logo { width: 128px; height: 255px; position: absolute; left: 0; top: 30px; background: transparent url(../images/ip_logo2.png) no-repeat left top; } #logo a { display: block; width: 128px; height: 255px; cursor: pointer; } #homeButton { position: absolute; display: inline-block; width: 17px; height: 17px; background: url(../images/ip_home_btn.gif) no-repeat left top; left: 25px; top: 12px; } #homeButton:hover { background: url(../images/ip_home_btn.gif) no-repeat -17px 0; } #header { height: 103px; position: relative; margin: 0; padding: 0; } #header ul { padding-top: 40px; padding-right: 160px; } #header li { float: right; list-style: none; } #header li.final { float: none; clear: right; } #header li a { display: block; padding: 5px 0; margin: 0 10px; text-align: center; font-family: tahoma, "Times New Roman", Times, serif; color: #838282; text-decoration: none; font-size: 10pt; font-weight: bold; } #header li a:hover, li a.linked { color: #008c44; background: url(../images/ip_btn_line.gif) no-repeat right bottom; } #search { position: absolute; right: 25px; top: 4px; } #search input.criteria { border: 0; width: 90px; font-size: 12px; color: #cccbcb; font-family: Georgia, "Times New Roman", Times, serif; } #cWrapper { background: #fff url(../images/ip_content_bkg2.gif) no-repeat top left; padding-top: 38px; } #content { position: relative; float: left; width: 100%; background: #fff url(../images/ip_content_bkg.gif) repeat-y top left; padding: 0 3px 70px 4px; } #hotSideBar, #mainArea, #categoriesSideBar { float: left; } #hotSideBar { width: 173px; padding: 0 15px; } #mainArea { width: 320px; padding-left: 20px; padding-right: 30px; } #categoriesSideBar { width: 130px; padding: 0 10px 0 3px; } #categoriesSideBar h1 { padding-left: 15px; } #categoriesSideBar li { list-style: none; } #categoriesSideBar li a { display: block; padding: 5px 0 5px 20px; font-family: Georgia, "Times New Roman", Times, serif; color: #4d4c4c; text-decoration: none; font-size: 10pt; font-weight: bold; } #categoriesSideBar li a:hover, #categoriesSideBar li a.linked { color: #008c44; background: transparent url(../images/click.png) no-repeat left center; } #footer { clear: left; position: relative; background: #fff url(../images/ip_footer.gif) no-repeat top left; padding-top: 55px; padding-bottom: 10px; } #domeOfRock { position: absolute; right: 0; bottom: 0; width: 480px; height: 151px; background: transparent url(../images/dor.png) no-repeat left top; } div.articleBlock { text-align: right; margin: 10px 0; } .articleBlock h2 a { color: #009f60; font-size: 12px; text-align: right; } .articleBlock h2 { margin: 10px 0; } div.articleBlock p { font-family: tahoma, sans-serif; line-height: 1.3em; font-size: 12px; text-align: right; } a.readmore { color: #ed161e; font-size: 12px; } span#article_week { display: block; width: 175px; background: url(../images/ip_ar_headers.gif) no-repeat right top; height: 25px; } span#latest_added { display: block; width: 330px; background: url(../images/last.gif) no-repeat right top; height: 25px; } span#first_page { display: block; width: 330px; background: url(../images/first_page.gif) no-repeat right top; height: 25px; } span#categories { display: block; width: 125px; background: url(../images/ip_ar_headers.gif) no-repeat right -50px; height: 25px; } span#articles { display: block; width: 120px; background: url(../images/ip_ar_labels.gif) no-repeat right 0; height: 25px; } #categoriesSideBar li a:hover span#articles, #categoriesSideBar li a.linked span#articles { background: url(../images/ip_ar_labels.gif) no-repeat right -25px; } span#studies { display: block; width: 120px; background: url(../images/ip_ar_labels.gif) no-repeat right -50px; height: 25px; } #categoriesSideBar li a:hover span#studies, #categoriesSideBar li a.linked span#studies { background: url(../images/ip_ar_labels.gif) no-repeat right -75px; } span#conferences { display: block; width: 120px; background: url(../images/ip_ar_labels.gif) no-repeat right -100px; height: 25px; } #categoriesSideBar li a:hover span#conferences, #categoriesSideBar li a.linked span#conferences { background: url(../images/ip_ar_labels.gif) no-repeat right -125px; } span#reports { display: block; width: 120px; background: url(../images/ip_ar_labels.gif) no-repeat right -150px; height: 25px; } #categoriesSideBar li a:hover span#reports, #categoriesSideBar li a.linked span#reports { background: url(../images/ip_ar_labels.gif) no-repeat right -175px; } span#human_right { display: block; width: 120px; background: url(../images/ip_ar_labels.gif) no-repeat right -200px; height: 25px; } #categoriesSideBar li a:hover span#human_right, #categoriesSideBar li a.linked span#human_right { background: url(../images/ip_ar_labels.gif) no-repeat right -225px; } span#activities { display: block; width: 120px; background: url(../images/ip_ar_labels.gif) no-repeat right -250px; height: 25px; } #categoriesSideBar li a:hover span#activities, #categoriesSideBar li a.linked span#activities { background: url(../images/ip_ar_labels.gif) no-repeat right -275px; } span#palestinian_stories { display: block; width: 120px; background: url(../images/ip_2.gif) no-repeat right 0; height: 25px; } #categoriesSideBar li a:hover span#palestinian_stories, #categoriesSideBar li a.linked span#palestinian_stories { background: url(../images/ip_2.gif) no-repeat right -25px; } span#documents_for_publication { display: block; width: 120px; background: url(../images/ip_ar_labels.gif) no-repeat right -350px; height: 25px; } #categoriesSideBar li a:hover span#documents_for_publication, #categoriesSideBar li a.linked span#documents_for_publication { background: url(../images/ip_ar_labels.gif) no-repeat right -375px; } span#maps { display: block; width: 120px; background: url(../images/ip_ar_labels.gif) no-repeat right -400px; height: 25px; } #categoriesSideBar li a:hover span#maps, #categoriesSideBar li a.linked span#maps { background: url(../images/ip_ar_labels.gif) no-repeat right -425px; } span#friendly_links { display: block; width: 120px; background: url(../images/ip_ar_labels.gif) no-repeat right -450px; height: 25px; } #categoriesSideBar li a:hover span#friendly_links, #categoriesSideBar li a.linked span#friendly_links { background: url(../images/ip_ar_labels.gif) no-repeat right -475px; } span#caricature { display: block; width: 120px; background: url(../images/ip_ar_labels.gif) no-repeat right -500px; height: 25px; } #categoriesSideBar li a:hover span#caricature, #categoriesSideBar li a.linked span#caricature { background: url(../images/ip_ar_labels.gif) no-repeat right -525px; } span#donate { display: block; width: 120px; background: url(../images/ip_ar_labels.gif) no-repeat right -550px; height: 25px; } #categoriesSideBar li a:hover span#donate, #categoriesSideBar li a.linked span#donate { background: url(../images/ip_ar_labels.gif) no-repeat right -575px; } span#mes { display: block; width: 122px; background: url(../images/ip_labels_2.gif) no-repeat right 0; height: 25px; } #categoriesSideBar li a:hover span#mes, #categoriesSideBar li a.linked span#mes { background: url(../images/ip_labels_2.gif) no-repeat right -25px; } span#kwf { display: block; width: 120px; background: url(../images/ip_labels_2.gif) no-repeat right -50px; height: 25px; } #categoriesSideBar li a:hover span#kwf, #categoriesSideBar li a.linked span#kwf { background: url(../images/ip_labels_2.gif) no-repeat right -75px; } span#ool { display: block; width: 120px; background: url(../images/ip_3.gif) no-repeat right top; height: 25px; } #categoriesSideBar li a:hover span#ool, #categoriesSideBar li a.linked span#ool { background: url(../images/ip_3.gif) no-repeat right -25px; } span#pn { display: block; width: 120px; background: url(../images/ip_4.gif) no-repeat right top; height: 25px; } #categoriesSideBar li a:hover span#pn, #categoriesSideBar li a.linked span#pn { background: url(../images/ip_4.gif) no-repeat right -25px; } span#saa { display: block; width: 120px; background: url(../images/ip_5.gif) no-repeat right top; height: 46px; } #categoriesSideBar li a:hover span#saa, #categoriesSideBar li a.linked span#saa { background: url(../images/ip_5.gif) no-repeat right -46px; } span#youth { display: block; width: 120px; background: url(../images/ip_6.png) no-repeat right top; height: 25px; } #categoriesSideBar li a:hover span#youth, #categoriesSideBar li a.linked span#youth { background: url(../images/ip_6.png) no-repeat right -25px; } div#localization { position: absolute; left: 55px; top: 10px; } div#localization a { color: #fff; text-decoration: none; } div#localization a.linked { color: #ed161e; text-decoration: underline; } .clear { clear: both; } /* NAV BAR **************************************************************************************************/ div#NavigationBottom { position: relative; font-family: Tahoma, sans-serif; font-size: 11px; height: 21px; } div#NavigationBottom { margin-top: 0; margin-bottom: 20px; } div#NavigationBottom a { display: block; float: right; border-right: 1px solid #fff; background-color: #008c44; padding: 2px 5px; } div#NavigationBottom a:link, div#NavigationBottom a:visited { text-decoration: none; color: #fff; } div#NavigationBottom a:hover, div#NavigationBottom a.clicked { background-color: #d3d4d5; color: #808052; } div#NavigationBottom a.pageNbr { width: 10px; text-align: center; }