/** 
 Layout for Khaver Dog Shelter - kelev.org.il
 
 Created by Oleg Sverdlov http://www.ols.co.il
 
 Graphics by Fil "Filigree" Blau http://www.fds2.com
 
 v1.02 2007-2008
 
 The layout supports Opera, IE 6-7, Firefox, Konqueror and Safari.
 
 The HTML and CSS pass validation by W3C. 
  
 **/


ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }
img  { padding:0; margin:0; border: none; }

a {  text-decoration: none; }
a:hover { text-decoration: underline; }

html,body { height:100%; }

body {
	text-align:center;
	direction:rtl;
	background-color: #ffffff;
	color:black;
	font-size:9pt;
}

body, td
{
  margin: 0;
  padding: 0;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

table#main {
	border-collapse: collapse; 
	border-spacing: 0;
	border:none;
	height:100%;
	width:100%;
	margin:0 auto; text-align:center; padding:0;
	background: white url('/images/container-bg.gif') repeat-y;
	width:1025px;
}
table#main td { 
	vertical-align:top; 
	min-height:100%;
}

/* Layout */

#container {
	/* 485+211+285+30+13; */
	padding:0;
	text-align:center;
}
#container .column {
}
#right #dog {
	width:211px;margin:0;
	padding-left:10px; padding-right:1px; float:right;
}
#right {
	display:block;
	width:222px;
	float:right;
	margin:0;
}
#central {
	margin:0;
	height:100%;
	width:485px;
	float:right;
	background-color: #fff;
}
#left {
	margin-right:1px;
	text-align:right;
	float:right;
	width:287px;
	background: #ffcc00;
}


#footer {
	border-top: 1px solid #ff6600;
	background:white;
	clear:both;
	position:relative;
	height:10px;
}


#logo {
	width:300px;
	display: block;
}
a#logo2 img {
	padding: 0 5px;
}

#left .text {
	display: block;
	position: relative;
	left: 1px;
	padding: 15px 30px 30px 30px;
	margin:0px 0 0 0;
	font-size:1.1em;
	color: #666666;
	font-weight:bold;
	text-align:right;
}

#left .text p {
	font-size: 1.1em;
}
#left .text a {	
	font-size:1em;
	color: #555555;
	font-weight:bold;
	text-decoration:none;
}

div.text {
	margin: 0 2em;
	color: black;
	text-align:right;
}
div.text img {
	padding: 4px;
	vertical-align:text-bottom;
}
div.text p {
	font-size:11pt;
	line-height:110%;
}
div.text p a {
	font-weight:normal;
	color: #ff6600;
	text-decoration: underline; 
}


#left2 .text p {
	font-weight: normal
	color: #666666;
}

#logo .text p { color:white; }

.selector {
	padding:20px;
	font-size: 10pt;
	font-weight: bold;
	color: #ff6600;
	text-align:center;
}
/* menu */
#topmenu
{
	position: relative;
}
#topmenu li {
	list-style-type:none;
	display:inline;
}
#topmenu a {
	display:block;
	height:35px;
	background-repeat:no-repeat;
	margin: 0px 0px 10px 0px;
}
#topmenu span {
	display:none;
	visibility:hidden;
}

a#menu1 {
	background-image: url( "/images/bimuz.gif" );
	width:115px;height:35px;
}
		
a#menu2 {
	background-image: url( "/images/bleagia.gif" );
	width:115px;height:35px;
}

a#menu3 {
	background-image: url( "/images/bamlatsot.gif" );
	width:115px;height:35px;
}

a#menu4 {
	background-image: url( "/images/bmitnadvim.gif" );
	width:115px;height:35px;
}

a#menu5 {
	background-image: url( "/images/bkishurim.gif" );
	width:115px;height:35px;
}

a#menu6 {
	background-image: url( "/images/brus.gif" );
	width:115px;height:35px;
}


a#menu7 {
  background-image: url( "/images/hadashot.gif" );
  width:115px;height:35px;
}

/* Headers */
h1.hidden { visibility:hidden; display: none; }
h1.header span { visibility:hidden; display: none; }
h1.header { 
	background-color: white; 
	background-repeat: no-repeat; 
	background-position: 50% 50%;
	display:block; 
	width:215px; height:40px;
	margin:0 auto 20px auto; 
	text-align:center;
}
h1.visible {
	background: #ffcc00; 
	text-align:center;
	color:white;
	font-size:26pt;
	font-weight: normal;
	margin: 0 0 20px 0;
	padding: 5px 20px 10px 20px;	
	border-bottom: 1px solid #ff6600;

	display:block; 
}	
h1#page_imuz {
	background-image: url( "/images/imuz.gif" );
	width:215px; height:40px;
}
h1#page_volunteers {
	background-image: url( "/images/mitnadvim.gif" );
}
h1#page_russian {
	background-image: url( "/images/rus.gif" );
}
h1#page_kishurim, h1#page_links {
	background-image: url( "/images/kishurim.gif" );
}
h1#page_amlatsot, h1#page_recommendations {
	background-image: url( "/images/amlatsot.gif" );
}
h1#page_map {
	background-image: url( "/images/leagia.gif" );
}

h1#page_mehapsim {
	background-image: url( "/images/mehapsim.gif" );
	width:166px; height:27px;
}

/* */

div.error {
	font-size: 3em; color: black; text-align:center;
}

h2.smallpic-header {
	margin:10px;
	color:#ff6600;
	font-size:16pt;
	font-weight:normal;
}
div.smallpic-list {
	text-align:center;
	
}
div.smallpic {
	padding:0 15px 15px 5px;
	float:right;
	text-align:right;
}
div.smallpic img {
	border:1px solid  #ff6600;
	
}
div.smallpic p {
	padding: 2px 0 0.5em 0;
	font-size:1.2em;
	font-weight:bold;
	color:gray;
	text-align:right;
	
}
div.largepic p {
	text-align:right;
	padding:4px;
	font-weight:bold;
}

div.large-description {
	padding:5px 20px 20px 20px;
	text-align:right;
}
div.large-description p {
	font-size:11pt; font-weight:bold;
}
div.large-description em {
	font-size:10pt; color: #ff6600;
}
p.handylinks { text-align:center; }
.handylinks a {
	font-weight:bold; 
}

/* */
.pager { clear:both; margin: 10px; font-size:10pt;}
.pager a { font-weight:bold; font-size: 10pt; color: #ff3300; text-decoration:underline;}
.pager a:hover { color: #ff6600; }

.submit { border: 1px solid #ff6600; background:white; color: black; padding:0 0.5em;}