body {
	margin : 0;
	padding : 0;
	color : black; background-color : white;
	font-family : Arial, sans-serif;
	font-size : medium;
	direction : rtl;
}

img {border : none;}

blockquote {
	font-style : italic;
	font-size : 90%;
	text-align : justify;
}

/* ######################### full-width-text ######################### */

.full-width-text {
	width : 393px;
	float : left;
	padding-left : 45px;
}

.full-width-text h1 {
	color : #cd0000;
	font-size : 120%;
	margin : 0 0 1.5ex 0;
}

.full-width-text h2 {
	font-size : 90%;
	margin : 1.5ex 0 0 0;
}

.full-width-text h3 {
	color : #cd0000;
	font-size : 100%;
	margin : 1.5ex 0 0 0;
}

.full-width-text p {
	font-size : 90%;
	margin : 1ex 0;
}

.full-width-text ul {
	font-size : 90%;
	margin : 1ex 2em;
	padding : 0;
}

.full-width-text li {
	margin : 0.5ex 0;
	padding : 0;
}

.full-width-text table {
	font-size : 90%;
}

.full-width-text td {
	background : #eee;
}
.full-width-text th {
	background : #ccc;
}

.full-width-text img {
	border : 1px solid #ccc;
	margin : 10px;
}

/* ######################### top level div-s ######################### */

#container {
	width : 768px;
	margin : 0 auto;
	text-align : right;
}

#header {
	padding-bottom : 12px;
	background : url(images/bgs/top_home.gif) no-repeat;
}

#main {
	padding : 4px 44px 20px 0;
	background : url(images/bgs/main_shade.gif);
}

#footer {
	height : 33px;
	background : url(images/bgs/footer.gif) no-repeat;
	clear : both;
}

.clear-it {
	clear : both;
	line-height : 1px;
	font-size : 1px;
	height : 1px;
	overflow : hidden;
}

/* ######################### top header ######################### */

#header-img {
	width : 283px;
	height : 49px;
	padding : 20px 24px 0 0;
}

/* ######################### navigation ######################### */

#navigation {
	width : 243px;
	margin-right : 44px;
}

#navigation ul {
	list-style : none;
	padding : 0; margin : 0;
}

#navigation a {
	display : block;
	height : 16px;
	color : #666;
	text-decoration : none;
	font-size : 90%;
	background : white url(images/bgs/nav-item.gif) repeat-x;
	margin-top : 2px;
	padding : 2px 25px 3px 0;
	border-top : none;
	border-left : solid #e8e8e8 1px;
	border-bottom : solid #c6c6c6 1px;
	border-right : solid #c6c6c6  1px;
}

/* for lack of support of min-height in IE */
#navigation li>a {height : auto; min-height : 16px;}

#navigation a:hover {
	background : white url(images/bgs/nav-item-on.gif) repeat-x;
}

#navigation a.current, #navigation a.current:hover {
	background : white url(images/bgs/nav-item-current.gif) no-repeat;
}

#navigation a:hover, #navigation a.current, #navigation a.current:hover {
	border-top : none;
	border-left : solid #ffc7c7 1px;
	border-bottom : solid #ff8585 1px;
	border-right : solid #ff8585  1px;
	color : black;
}

/* ######################### top-item ######################### */

#top-item {
	width : 395px;
	height : 120px;
	position : absolute;
	top : 86px;
	margin-right : 327px;
}

#top-item img {
	float : right;
	margin-left : 20px;
}

#top-item h1, #top-item h1 a {
	color : #cd0000;
	font-size : 110%;
	margin : 0; padding : 0;
	text-decoration : none;
}
#top-item h1 a:hover {text-decoration : underline;}

#top-item p {
	margin : 0.4ex 0 0 0;
	padding : 0;
	font-size : 90%;
}

/* ######################### images ######################### */

img.horror {border : solid #cd0000 2px;}
img.rescue {border : solid #91ca10 2px;}

/* ######################### items ######################### */

div.item {
	width : 335px;
	background-color : #e5e5e5;
	color : black;
	float : right;
	margin : 0 0 10px 10px;
}

.item img {
	float : right;
	margin : 10px;
}

.item h1, .item h1 a {
	color : #cd0000;
	font-size : 100%;
	margin : 0.7ex 0 0 0; padding : 0;
	text-decoration : none;
}
.item h1 a:hover {text-decoration : underline;}

.item p {
	margin : 0.4ex 0 0 1em; padding : 0;
	font-size : 74%;
}

/* ######################### footer text ######################### */

.blabla {
	font-size : 70%;
	color : #aaa;
	text-align : center;
	padding-bottom : 25px;
}

.blabla a {color : #777}

/* ######################### inner pages ######################### */

#sub-links {
	width : 395px;
	height : 126px;
	position : absolute;
	top : 86px;
	margin-right : 327px;
	background : url(images/bgs/documents.jpg) no-repeat;
	border : solid #c6c6c6 1px;
	border-top : none; border-left : none;
}

/* for lack of support of min-height in IE */
#header>#sub-links {height : auto; min-height : 126px;}

#sub-links ul {
	list-style : none;
	padding : 10px 15px 5px 0; margin : 0;
	float : right;
	width : 45%;
}

#sub-links li {
	padding-right : 10px
}

#sub-links li.current {
	background : url(images/props/arrow_red.gif) right 0.4em no-repeat;
}

#sub-links a {
	font-size : 74%;
}

#sub-links a:hover {
	color : #cd0000;
	background-color : #f7f7f7;
}

#sub-links li.current a {
	color : #cd0000;
	font-weight : bold;
	text-decoration : none;
}

#sub-links p {
	margin : 0; padding : 10px;
	font-size : 90%;
	line-height : 130%;
}

#extra {
	width : 243px;
	margin-top : 5ex;
	font-size : 76%;
	text-align : center;
}

#extra img {
	border : solid #cd0000 2px;
	margin-bottom : 1ex;
}

#extra img.veg {
	border : solid #91ca10 2px;
	margin-bottom : 1ex;
}

.ltr {
	direction : ltr;
	text-align : left;
}

#reference {
	font-size : 55%;
	color : #777;
	border-top : 1px solid #ccc;
	margin-top : 5ex;
	padding-top : 5ex;
}

#reference ul {
	list-style : none;
	padding : 0;
	margin : 0;
}

#reference strong {color : black;}

.taken-from {
	color : #777;
}