BODY  {
font-family: verdana, arial, sans-serif; color:#363636; width: 100%; padding: 0; margin: 0;
background: #A1A4AB;
}
#canvas {width: 100%; 
background: #A1A4AB url(http://kio-optic.com/zope/graphics/bg_gradient.jpg) repeat-x;
}
html  {
font-family: verdana, arial, sans-serif; color:#363636; 
	font-size : 11px;
        text-align:justify; 
background: #ffffff;
}
table {font-size: 12px;color:#363636;}
a, a:visited {color:#0F75BC; text-decoration:none;}
a:hover {text-decoration:underline;}
a.menuli {font-size: 11px; font-weight: normal; text-decoration: none; color: #404040;}
a.menuli:visited {font-size: 11px; font-weight: normal; text-decoration: none; color: #404040;}
a.menuli:hover {font-size: 11px; font-weight: normal; text-decoration: none; color: #1071B6;}
a.menuli:active {font-size: 11px; font-weight: normal; text-decoration: none; color: #1071B6;}
a.selected {font-size: 11px; font-weight: bold; text-decoration: none; color: #1071B6;}
a.selected:hover {font-size: 11px; font-weight: bold; text-decoration: none; color: #1071B6;}
a.selected:visited {font-size: 11px; font-weight: bold; text-decoration: none; color: #1071B6;}
.curvy {position:relative; width: 180px; height: 180px; background:#E4E4E6; color:#404040; margin:2px; float: left; text-align: left;}
#ctl, #cbl, #ctr, #cbr {position:absolute; width:20px; height:20px; color:#E4E4E6; background:#ffffff; overflow:hidden; font-style:normal; z-index:1;}
#ctl {top:0; left:0;}
#cbl {bottom:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}
.curvy em b {position:absolute; font-size:150px; font-family:arial; color:#E4E4E6; line-height:40px; font-weight:normal;}
#ctl b {left:-8px;}
#ctr b {left:-25px;}
#cbl b {left:-8px; top:-17px;}
#cbr b {left:-25px; top:-17px;}
.curvy p {position:relative; z-index:100; padding: 5px; text-align: left; font-size:11px;}
.curvy p.larger {position:relative; z-index:100; padding:5px 15px 5px 5px; text-align: center;}
p.textual {padding: 20px;}
pre {font-size:11px;}
code {font-size:11px;}
#pas {display: block; position: absolute; right: 2%; top: 0px; width: 22px; height: 100%;
background: url(http://kio-optic.com/zope/graphics/pas1.jpg);}
.hiddenfromview {display:none;}
#wrapper {width:100%; margin:0 auto; text-align:center;}
#info {width:890px; background:#000000; border:0px solid #ddd;}
#info2 {width:750px; float:left;}
h2 {padding:8px; margin:0; font-size:16px; color:#1071B6;}
.kot {padding-left: 10px; font-weight: bold; font-size:14px; color:#1071B6;}
#info p {line-height:1.5em;}
#info p.info {margin-left:10px;}
#info h3 {padding:5px 0 10px 10px; margin:0; font-size:11px; color:#048; font-weight:normal;}
a.graph { font-size : 2px; text-decoration: none; height: 2px; line-height: 2px;}
a.graph:visited { font-size : 2px; text-decoration: none; height: 2px; line-height: 2px;}
a.graph:active { font-size : 2px; text-decoration: none; height: 2px; line-height: 2px;}
a.graph:hover { font-size : 2px; text-decoration: none; height: 2px; line-height: 2px;}
a.old { font-size : 11px; color: #5A528C; text-decoration: none; font-weight: bold}
a.old:visited { font-size : 11px; color: #5A528C; text-decoration: none; font-weight: bold}
a.old:active { font-size : 11px; color: #5A528C; text-decoration: none}
a.old:hover { font-size : 11px; color: #687317; text-decoration: none}

a.lavanLink { height: 14px; font-size : 12px; width: 60px; color: white; text-decoration: none; font-weight: bold}
a.lavanLink:visited { height: 14px; font-size : 12px; width: 60px; color: white;  text-decoration: none; font-weight: bold}
a.lavanLink:active { height: 14px; font-size : 12px; width: 60px; color: white;  text-decoration: none; font-weight: bold}
a.lavanLink:hover { height: 14px; font-size : 12px; width: 60px; color: #67B7D7;  text-decoration: none; font-weight: bold}
a.menuLink {font-size : 12px; height: 16px; line-height: 16px; color: white; background: #7961AA; text-decoration: none; font-weight: bold}
a.menuLink:visited {font-size : 12px; height: 16px; line-height: 16px; color: white; background: #7961AA; text-decoration: none; font-weight: bold}
a.menuLink:active {font-size : 12px; height: 16px; line-height: 16px; color: white; background: #7961AA; text-decoration: none; font-weight: bold}
a.menuLink:hover {font-size : 12px; height: 16px; line-height: 16px; color: #7961AA; background: white; text-decoration: none; font-weight: bold}
.zahavLink {font-size : 12px; height: 16px; line-height: 16px; color: #E1E89A; text-decoration: none; font-weight: bold}
a.zahavLink {font-size : 12px; height: 16px; line-height: 16px; color: #E1E89A; text-decoration: none; font-weight: bold}
a.zahavLink:visited {font-size : 12px; height: 16px; line-height: 16px; color: #E1E89A; text-decoration: none; font-weight: bold}
a.zahavLink:active {font-size : 12px; height: 16px; line-height: 16px; color: white; text-decoration: none; font-weight: bold}
a.zahavLink:hover {font-size : 12px; height: 16px; line-height: 16px; color: white; text-decoration: none; font-weight: bold}
.zahavLavan {font-size : 12px; line-height: 20px; height: 20px; color: #443F93; text-decoration: none; font-weight: bold}
a.zahavLavan {font-size : 12px; line-height: 20px; height: 20px; color: #687317; text-decoration: none; font-weight: bold}
a.zahavLavan:hover {font-size : 12px; line-height: 20px; height: 20px; color: #7961AA; text-decoration: none; font-weight: bold}
a.zahavLavan:visited {font-size : 12px; line-height: 20px; height: 20px; color: #687317;  text-decoration: none; font-weight: bold}
a.zahavLavan:active {font-size : 12px; line-height: 20px; height: 20px; color: #7961AA;  text-decoration: none; font-weight: bold}
.segol-title {font-size : 14px; line-height: 20px; height: 20px; color: #443F93; text-decoration: none; font-weight: bold}
.lavankatan { font-size: 18px; font-weight: bold; background: #67B8D6; color: white}
.page-title { font-size: 18px; font-weight: bold; color: #7961AA}
.article-title { font-size: 18px; color: #443F93; width=520px; font-weight: bold}
.menu-title { font-size: 14px; font-weight: none; color: #B60033; }
.item-title { font-size: 12px; font-weight: normal}
.item-summary { text-align:justify; align:justify; font-size:12px; font-weight:bold}
.frame-summary { text-align:justify; align:justify; font-size:12px;}
.frame-title { font-size: 20px; color: ##383995;font-weight: bold;font-style:italic;}
.event-summary { font-size:12px; }
.item-date { font-size: 12px; font-weight: bold}
.left-ruler { font-size: 10px; font-weight: normal}
.bottom-ruler { font-size: 9px; font-weight: normal}
.comment-title { font-size: 14px; font-weight: bold}
.comment-author { font-size: 11px; font-weight: bold}
.comment-body { font-size: 11px}
.warning { color: red}
.emph {color: #7961AA}

p,li {  margin-bottom: 0; margin-top: 8pt }
h1 { color: #443F93; margin-bottom: 4; font-size: 18px; word-wrap: none; text-decoration:none; font-weight:bold}
h2 { padding-left: 10px; font-weight: bold; font-size:14px; color:#1071B6;}
h3 { margin-bottom: 0; font-size: 14px; word-wrap: none; text-decoration:none; font-weight:bold}
h4 { margin-bottom: 0; font-size: 12px; word-wrap: none; text-decoration:none; font-weight:bold}
h5 { margin-bottom: 0; font-size: 9px; word-wrap: none; text-decoration:none; font-weight:bold}
h6 { margin-bottom: 0; font-size: 14px; word-wrap: none; text-decoration:none;}


/* ------------- popup -------
   see also style_{ltr|rtl}.css for other popup-related classes

.popup-fg {background-color:#ccccff;}
.popup-bg {background-color:#4a3bac;}
   -------------------------*/

/* --------------- lead boxes (buxot) -------------- */
.lead-title {background-color:#B10031; color:#ffffff; font-size: 14px;font-weight: bold}
.lead-body {background-color:#FFCB87; color:#000000; font-size: 12px; font-weight: bold}

/* --------------- for images inside rich-text fields -------------- */
.float_start { margin: 4pt 0pt 0pt 1.25em; float: right; clear: both}
.float_end { margin: 4pt 1.25em 0pt 0pt; float: left; clear: both}
.no_float {clear: both}
.image-td { text-align:justify; font-size:11px;font-weight:bold}

.MsoNormal {text-align:justify; font-size:11px; LINE-HEIGHT: 110%; font-family: arial, sans-serif; color : #35348A;}
#galleryh {width:890px;z-index: 500; background-color: #ffffff;}
#galleryh ul {list-style:none; padding:0; margin:0; width:890px; height: 190px; position:relative; }
#galleryh ul li {display:inline; width:142px; height:182px; float:left; margin:0 0 1px 1px;}
#galleryh ul li a {display:block; width:140px; height:180px; text-decoration:none; border:0px solid #000;}
#galleryh ul li a img {display:block; width:140px; height:180px; border:0;}
#galleryh ul li a:hover {white-space:normal; border-color:#ddd;}
#galleryh ul li a:hover img {position:absolute; bottom:90px; left: 201px; width:auto; height:auto; border:1px solid #000;}