/* some reset rules */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	list-style: none;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}

/* basic style information */
a:hover { color: #f00; }

.clear {
	clear: both;
}

.bumper {
    margin-top: 20px;
}

#content p {
	padding-top: 10px;
	padding-bottom: 10px;
}

/* undo hovering for anchors */
A:hover[name]{text-decoration: none; color:#000;}   

/* actual layout */
#wrapper {
	width: 801px;
	margin: 0 auto;
	font-family: arial;
}

#hebrew-date {
	text-align: right;
	color: #39f;
	direction: rtl;
	font-size: 10pt;
}

#topbar {
	width: 801px;
	height: 221px;
	background: url(../images/banner.jpg) no-repeat top left;
}

#navbar-home {
	width: 220px;
	height: 221px;
	background: url(../images/banner.jpg) no-repeat top right;
	display: block;
	float: right;
}
#navbar-home:hover {
  background: none;
}

.subnavbar {
	width: 581px;
	height: 29px;
	margin: 0;
	padding: 192px 0 0 0;
	list-style: none;
}

/* IE6 hack */
* html .subnavbar {
	padding-top: 0px;
	margin-top: -29px;
}

.subnavbar li {
	float: right;
	height: 29px;
	display: block;
}

.subnavbar .first {
	width: 9px;
	background: url(../images/topnavbar.png) right top;
}

.subnavbar .last {
	width: 13px;
	background: url(../images/topnavbar.png) left top;
}

.subnavbar a {
	display: block;
}

.subnavbar a:active, .subnavbar a:focus, #navbar-home:active, #navbar-home:focus, #sidenavbar a:active, #sidenavbar a:focus {
	outline: none;
}

.subnavbar span {
	display: none;
}

a#navbar-yeshiva {
	width: 82px;
	height: 29px;
	background: url(../images/topnavbar.png) no-repeat -490px 0;
}
a#navbar-yeshiva:hover {
	background-position: -490px -29px;
}

a#navbar-maagar {
	width: 117px;
	height: 29px;
	background: url(../images/topnavbar.png) no-repeat -373px 0;
}
a#navbar-maagar:hover {
	background-position: -373px -29px;
}

a#navbar-bogrim {
	width: 79px;
	height: 29px;
	background: url(../images/topnavbar.png) no-repeat -294px 0;
}
a#navbar-bogrim:hover {
	background-position: -294px -29px;
}

a#navbar-books {
	width: 168px;
	height: 29px;
	background: url(../images/topnavbar.png) no-repeat -126px 0;
}
a#navbar-books:hover {
	background-position: -126px -29px;
}

a#navbar-contacts {
	width: 113px;
	height: 29px;
	background: url(../images/topnavbar.png) no-repeat -13px 0;
}
a#navbar-contacts:hover {
  background-position: -13px -29px;
}

#sidebar {
	float: right;
	width: 220px;
}

#sidenavbar {
	background-image: url(../images/back_menu.jpg);
}

#sidenavbar h1 {
	margin-left: 20px;
	direction: rtl;
	color: #9adbff;
	font-size: larger;
	padding-right: 15px;
}

#sidenavbar .menu-line {
	height: 17px;
	width: 220px;
	background-image: url(../images/line_menu.jpg);
}

#sidenavbar .menu-bottom {
	height: 87px;
	width: 220px;
	background-image: url(../images/boten_menu.jpg);
}

#sidenavbar li {
	list-style: disc;
	margin-right: 20px;
	padding-left: 20px;
}

#sidenavbar a, #sidenavbar a:visited {
	text-decoration: none;
	color: black;
	font-size: 11pt;
}

#sidenavbar li a:hover {
	color: #009;
	text-decoration: underline;
}

#sidenavbar li a.current {
	color: #660;
	cursor: default;
	text-decoration: none;
}

.menu-head {
	height: 79px;
	width: 220px;
	background-image: url(../images/head_menu.jpg);
}

#sidenavbar ul {
	margin-left: 20px;
	margin-right: 10px;
	list-style: none;
	direction: rtl;
	font-size: 10pt;
}

#content {
	width: 580px;
	float: right;
	direction: rtl;
}

#content h1 {
	font-size: 18pt;
	text-align: center;
}

#footer {
	clear: both;
	padding-top: 20px;
}

#footer div {
	text-align: center;
	font-size: 10pt;
	border-top: 1px dashed #999;
	direction: rtl;
}

#google-box, #human-click {
	margin-left: 30px;
	color: #0b4660;
	font-size: 10pt;
}

#human-click {
	direction: rtl;
	margin-right: 10px;
}

#human-click p {
	margin-top: 10px;
}

/* round boxes */
.round-box {
	background: url(../images/up_back_table.jpg) repeat-x top;
}

#content .round-box h1 {
	background: url(../images/up_right_table.jpg) no-repeat top right;
	color: #7dabc8;
	font-size: 14pt;
	padding-right: 30px;
	margin-bottom: 10px;
	text-align: right;
}

.round-box.small {
	width: 280px;
}

.round-box.medium {
	width: 400px;
}

.medium .scrollable {
	width: 400px;
}

.medium .items {
	width: 380px;
}

.round-box .top-left {
	background: url(../images/up_left_table.jpg) no-repeat top left;
	width: 32px;
	height: 34px;
	float: left;
}

.round-box .bottom {
	background: url(../images/down_back_table.jpg) repeat-x bottom;
	height: 20px;
	width: 100%;
	clear: both;
}

.round-box .bottom .left {
	background: url(../images/down_left_table.jpg) no-repeat bottom left;
	width: 32px;
	height: 20px;
	margin-top: -5px;
	float: left;
}

.round-box .bottom .right {
	background: url(../images/down_right_table.jpg) no-repeat bottom right;
	width: 32px;
	height: 20px;
	margin-top: -5px;
	float: right;
}

.round-box.small.right {
	float: right;
}

.round-box.small.left {
	float: left;
}

/* homepage pitgam */
.pitgam {
	font-weight: bold;
	margin-bottom: 10px;
}

/* maamar torani links */
ul#maamar-torani {
	clear: both;
	font-size: smaller;
}

ul#maamar-torani li div.clear {
	border-bottom: 1px solid #306;
	clear: both;
}

.maamar-text {
	width: 41px;
	height: 45px;
	background-image: url(../images/text.png);
	display: block;
	float: left;
}

.maamar-text:hover {
	background-position: bottom;
}

.maamar-text span {
	display: none;
}

.maamar-audio {
	width: 41px;
	height: 45px;
	background-image: url(../images/audio.png);
	display: block;
	float: left;
}

.maamar-audio:hover {
	background-position: bottom;
}

.maamar-audio span {
	display: none;
}

.maamar-video {
	width: 41px;
	height: 45px;
	background-image: url(../images/video.png);
	display: block;
	float: left;
}

.maamar-video:hover {
	background-position: bottom;
}

.maamar-video span {
	display: none;
}

/* personal message controls */
.controls {
	width: 16px;
	float: right;
}

.controls img {
	cursor: pointer;
}

div.scrollable {
	position:relative;
	overflow:hidden; 
	width: 280px;
}

.items {
	text-align: center;
	margin: 0;
	padding: 0;
	position: absolute;
	margin-right: 20px;
	width: 260px;
}

/* IE6&7 hack */
*:first-child+html .items {
	margin-right: 0px;
}

* html .items {
	margin-right: 0px;
}

.inactive {
  display: none;
}

.items li {
	height: 73px;
}

.items div {
	display: inline;
	font-size: 10pt;
	color: #909;
}

.items .message {
	font-size: 10pt;
	font-style: normal;
	display: block;
	color: #369;
	font-weight: bold;
}

.homepage-message-personal .day, .homepage-message-personal .month, .homepage-message-personal .year {
	margin-left: 3px;
}

/* bogrim yizkor page */
ul#izkor li {
	float:right;
	width:162px;
	margin-left:20px;
	margin-bottom: 10px;
}

/* homepage messages */
.homepage-message {
	height: 100px;
}

.homepage-message-system div.scrollable {
	height: 100px;
	color: #0b4660;
	font-size: 10pt;
}

.homepage-message-system ul.items {
	height: 100px;
}

.homepage-message-system li {
	height: 100px;
}

.homepage-message-system ul.items li .date {
	color: #909;
}

.all-personal-messages-link {
	text-align: left;
	font-weight: bold;
	text-decoration: underline;
	margin-left: 20px;
}

/* personal message page */
.scroll-box {
	height: 200px;
	overflow: scroll;
	position: relative;
}

/* sfarim */
.book-overview {
	float: right;
	margin: 20px;
}

.book-overview ul li {
	list-style: disc;
}

.book-overview h3 {
	margin-top: 15px;
	font-size: 16pt;
}

.book-pic {
	float: right;
	margin-right: 20px;
}

.book-contents {
	clear: both;
}

.book-contents h3 {
	font-size: 16pt;
	margin-top: 15px;
}

.book-kidma {
	width: 238px;
	height: 129px;
	display: block;
	background: url(../../sfarim/kidma.gif);
}

.book-kidma span {
	display: none;
}

.book-tochenk {
	width: 199px;
	height: 92px;
	display: block;
	background: url(../../sfarim/tochenk.gif);
}

.book-tochenk span {
	display: none;
}

.book-tochenm {
	width: 186px;
	height: 79px;
	display: block;
	background: url(../../sfarim/tochenm.gif);
}

.book-tochenm span {
	display: none;
}

.book-contents h4 {
	font-size: 14pt;
	font-weight: bold;
	margin-top: 10px;
}

.book-contents h4 {
	text-decoration: underline;
	margin-top: 5px;
}

a.top-link, a.top-link:visited {
	color: #dd6f00;
}

/* information */
.tel .value {
	direction: ltr;
}

/* maaynei */
.maaynei-link {
	width: 41px;
	height: 39px;
	background: url(../images/MM_download.jpg);
	display: block;
	float: left;
}

.maaynei-link span {
	display: none;
}

.maaynei li {
	clear: both;
	border-top: 1px solid black;
}

/* articles */
.article-link {
	width: 43px;
	height: 40px;
	background: url(../images/Article.jpg);
	display: block;
	float: left;
}

.article-link span {
	display: none;
}

.article li {
	clear: both;
	border-top: 1px solid black;
}

/* lessons */
#lesson-topics li {
	border-bottom: 1px solid black;
	font-weight: bold;
	margin-right: 20px;
}

/* breadcrumbs */
#breadcrumbs {
	margin-bottom: 10px;
	margin-right: 20px;
	font-weight: bold;
	color: black;
}

#breadcrumbs a, #breadcrumbs:visited {
	color: blue;
}

/* location */
#map-overlays div {
    display: none;
    background-color: #fff;
    padding: 15px;
    border: 1px solid #000;
}

#map-overlays div .close {
    background: url(/static/images/close.png);
    display: block;
    position: absolute;
    right: -15px;
    top: -15px;
    cursor: pointer;
    height: 35px;
    width: 35px;
    padding: 0;
    border: 0;
}

#map-overlay-links img {
    width: 120px;
    height: 98px;
    cursor: pointer;
}

#map-overlay-links li {
    float: right;
    width: 120px;
    margin-left: 40px;
}

#map-overlay-links li span {
    display: block;
}

/* yeshiva */
.pagebreak {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #8b008b;
    clear: both;
}

#content h2 {
  font-size: 14pt;
  text-decoration: underline;
}

#content h3 {
    font-size: 14pt;
    font-weight: bold;
    margin-bottom: 2px;
}

img.padded {
    padding: 5px;
}

img.right {
    float: right;
}

img.left {
    float: left;
}

/* heart */
dl.heart {
    margin: 20px auto;
    width: 420px;
}

dl.heart dt, dl.heart dd {
    width: 200px;
    font-weight: normal;
    display: inline-block;
    _display: inline; /* IE hack */
}

ul.disced li {
    list-style: disc;
    margin-right: 20px;
}

/* staff */
div.staff-row {
    text-align: center;
    padding-bottom: 10px;
}

div.staff-row div {
    display: inline-block;
    _display: inline; /* IE hack */
    padding: 0 10px;
}

div.staff-row p {
    margin-top: 0;
    font-weight: bold;
}

/* yizkor */
#yizkor-desc li {
    display: none;
    background-color: white;
    padding: 20px;
    width: 600px;
    clear: both;
}

#yizkor-desc li img {
    float: right;
}

#yizkor-desc li div.info {
    width: 400px;
    float: right;
    margin-right: 10px;
}

#yizkor-desc li .close {
    background: url(/static/images/close.png);
    position: absolute;
    right: -15px;
    top: -15px;
    cursor: pointer;
    height: 35px;
    width: 35px;
}

#yizkor li {
    display: inline-block;
    _display: inline; /* IE hack */
    margin-left: 20px;
	margin-bottom: 10px;
}

#yizkor li img {
    cursor: pointer;
}

#yizkor li span {
    display: block;
}

/* bogrim writings */
ul.writings {
    padding: 3px;
    border: 1px solid black;
}

ul.writings li {
    display: inline;
    margin-left: 20px;
    font-size: 14pt;
}

ul.writings a, ul.writings a:visited {
    border-right: 3px solid #ccc;
    padding-right: 5px;
    text-decoration: none;
    color: blue;
}

ul.writings a.current {
    color: red;
}

ul.writings a:hover {
    border-right: 3px solid #fcc;
}

div.writings {
    border-top: 1px solid black;
    margin-top: 5px;
    padding-top: 5px;
}

/* information */
div.tel {
    margin-top: 5px;
}

.contact {
    clear: both;
    padding-top: 20px;
}

.contact img {
    float: right;
    margin-left: 20px;
    width: 66px;
}

.contact ul {
    float: right;
    width: 400px;
}

.email {
    direction: ltr;
}

/* plp reka */
ul.reka a {
  padding-right: 5px;
  border-right: 7px solid #ccc;
}

ul.reka a:hover {
  border-right-color: #ff6;
}

ul.reka a.current {
  padding-right: 5px;
  border-right-color: #f00;
}

/* plp sipur */
ul.plp-sipur {
    float: right;
    width: 250px;
    padding-bottom: 20px;
    padding-right: 20px;
}

ul.plp-sipur li {
    list-style: disc;
}

h3.plp-sipur {
    clear: both;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #8b008b;
}

/* sitemap */
.sitemap h2 {
  text-decoration: none;
  margin-top: 15px;
}

.sitemap li {
  margin-right: 1em;
  list-style: disc;
  list-style: hebrew;
}