/* CSS assembled by Marko Mihelcic at mcville and James Koster from sixshootermedia*/ body { margin:0; color:#111111; background-color:#FFFFFF; font-family:"Trebuchet MS", Arial, Verdana, sans-serif; text-align:left; } /* Bi-Directional support */ *[lang="he"], *[lang="ar"] /* not supported by IE */ { direction : rtl; text-align : right; } body[lang="he"], body[lang="ar"] { margin:0; color:#111111; background-color:#FFFFFF; font-family:"Trebuchet MS", Arial, Verdana, sans-serif; text-align : right; direction : rtl; /*unicode-bidi : embed; */ } a { color:#4D87CE; text-decoration:none; } a:hover { color:#2a65ad; } ul li { list-style-image:url(../pic/backgrounds/li.gif); line-height:20px; text-align:left; } #menu { width:100%; padding-top:20px; padding-bottom:20px; background-color:#253183; margin:0; color:#ff0000; text-align:center; font-family:Verdana, Arial, sans-serif; font-size:90%; font-variant:small-caps; background-image:url(../pic/backgrounds/back.png); background-repeat:repeat-x; } div[lang="he"]#menu, div[lang="ar"]#menu { width:100%; padding-top:20px; padding-bottom:20px; background-color:#253183; margin:0; color:#ff0000; text-align:center; font-family:Verdana, Arial, sans-serif; font-size:90%; font-variant:small-caps; background-image:url(../pic/backgrounds/back.png); background-repeat:repeat-x; direction : rtl; } #menu a { color:#ffffff; text-decoration:none; padding:20px 10px; direction: inherit; } #menu a:hover { border-bottom:1px solid #ffffff; border-left:1px solid #243482; border-right:1px solid #243482; padding-left:9px; padding-right:9px; color:#000000; background-color:#808080; background-image:url(../pic/backgrounds/hover.jpg); direction: inherit; } #logoheader { width:80%; margin:0 auto 0 auto; text-align:right; } #welcome { margin:0 0 0 40px; } div[lang="he"]#welcome, div[lang="ar"]#welcome { margin:0 0 0 40px; direction : rtl; text-align : right; /*unicode-bidi : ; */ } div[lang="he"]#welcome span, div[lang="ar"]#welcome span { unicode-bidi : embed; } #welcome a { margin:0 5px; } div[lang="he"]#welcome a, div[lang="ar"]#welcome a { margin:0 5px; text-align : right; direction : rtl; } #header .spacer { height:1.4em; float:left; border:1px solid #ffffff; } #header img { float:right; margin:0 10% 0 0; } #header h1 { font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-size:375%; font-weight:normal; margin:0; padding:0 0 0 20px; color:#253183; background-color:#ffffff; text-align:left; clear:left; } #header h2 { font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-size:110%; text-transform:uppercase; text-align:right; font-weight:normal; margin:0 20px; padding:0; color:#000000; background-color:#ffffff; border-bottom:1px solid #eeeeee; } #content { margin:0 40px; padding:0; text-align:left; } #sidebar { width:10em; float:right; font-size:95%; color:#253183; background-color:#ffffff; text-align:left; margin:0; padding-top:0; } #sidebar[lang="he"], #sidebar[lang="ar"] { width:10em; float:right; font-size:95%; color:#253183; background-color:#ffffff; text-align:right; margin:0; padding-top:0; } #sidebar h1 { font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-size:140%; text-transform:uppercase; font-weight:normal; border-bottom:1px solid #eeeeee; color:#253183; background-color:#ffffff; text-align:right; margin-top: 10px; } #sidebar[lang="he"] h1, #sidebar[lang="ar"] h1 { font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-size:140%; text-transform:uppercase; font-weight:normal; border-bottom:1px solid #eeeeee; color:#253183; background-color:#ffffff; text-align:left; margin-top: 10px; } .submenu a { display:block; width:100%; background-image:url(../pic/backgrounds/submenua.png); background-position:right; background-repeat:no-repeat; padding:3px 0px 3px 5px; text-align : left; } .submenu[lang="he"] a, .submenu[lang="ar"] a { display:block; width:100%; background-image:url(../pic/backgrounds/submenubidi.png); background-position:left; background-repeat:no-repeat; padding:3px 0px 3px 5px; text-align : right; } .submenu a:hover { background-color:#eeeeee; background-image:url(../pic/backgrounds/submenua_hover.jpg); background-repeat:repeat-y; } .submenu[lang="he"] a:hover, .submenu[lang="ar"] a:hover { background-color:#eeeeee; background-image:url(../pic/backgrounds/submenua_hover_bidi.jpg); background-repeat:repeat-y; } .submenu span { display: block; width:100%; text-align:center; padding:5px; } #sidebar div.logos { padding: 10px 0px; text-align:center; width:100%; } #sidebar div.logos img { border: 0px; } #mainbar { margin-right:10.2em; padding-right:0.7em; background-image:url(../pic/backgrounds/mainbar.jpg); background-position:top right; background-repeat:no-repeat; } #mainbar h1 { font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-size:25px; text-transform:uppercase; font-weight:normal; border-bottom:1px solid #eeeeee; color:#253183; margin-top: 10px; } #mainbar .articleimg { float:right; padding:5px; border:1px solid #eeeeee; margin-left:20px; margin-top:20px; margin-bottom:20px; } #mainbar .articleimg2 { padding:5px; border:1px solid #eeeeee; margin-left:20px; margin-top:20px; margin-bottom:25px; } .navlinks { margin: 3px 0 0 10px; } .navlinks[lang="he"], .navlinks[lang="ar"] { text-align : right; } .navlinks a { margin: 3px; } ul li p { margin: 0; } blockquote { margin: 0 3%; } #site-footer { clear: both; border-top: 1px solid #ccc; font-family: tahoma, verdana, helvetica, sans-serif; font-size: 85%; margin-top: 24px; padding-top: 3px; padding-bottom: 3px; padding-left: 8px; padding-right: 8px; text-align: center; } #site-footer .action-list { float: left; } #footer { clear:both; width:95%; font-size:75%; text-align:center; background-color:#253183; border-top:1px solid #81C0FF; border-bottom:0; padding-top:5px; padding-bottom:5px; margin: 0 auto 0 auto; color:#FFFFFF; direction : ltr; } #footer a { color:#81C0FF; } #footer a:hover { color:#AFD7FF; } #login { text-align:right; }