body  {
  background-color: #49572a;
  color: #49572a;
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-size: small;
  Margin: 0px;
  }

h1 {
  background-color: #c7912b;
  text-align: center;
  padding: 5px 5px 5px 5px;
  margin-right: 50px;
  margin-left: 50px;
  border: medium double #4c2600;
  }
  
h3 {
background-color: #c7912b;
padding: 5px 0px 5px 10px;
}

#allcontent {
  background-color: #788a51;
  padding-top: 10px;
  padding-bottom: 5px;
  border: solid thin #dbd594;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  }
  
 /*  start header css */
 
#header {
padding: 0px 0px 10px 100px;
}

#header h1  {
   width: 775px;
   margin: 0px 20px 0px 2px;
  }
  
 #torahpic {
    position: absolute;
	top: 0px;
	left: 270px;
	} 
	
#header2 {
   margin: 10px;
   }
  
#header2 h1 {
   background-color: #381e11;
   color: #dbd594;
   height: 75px;
   font-size: 230%;
   border: medium double #dbd594;
   padding: 15px 0px 20px 0px;
   margin: 0px;
   }
   
#torahpic2 {
    position: absolute;
	top: 0px;
	left: 180px;
	}
	
#twig {
   position: absolute;
   top: 28px;
   right: 100px;
   }
   
   /*end of header css*/
   
 blockquote {
   font-style: italic;
   }
   
dd {
  padding-bottom: 10px;
  }
	 
img  {
   border-style: none;
  }
  
.welcome { 	
  background-color: #c7912b;
  border-color: #dbd594;
  }
  
    /* .sx class used to italicize scripture in inline <q>. */ 
.sx{
   font-style: italic;
   }

/* start css found in the main section */
   
#main {
background-color: #dbd594;
font-size: 130%;
line-height: 130%;
width: 660px;
padding: 0px 15px 5px 15px;
margin: 0px 10px 10px 10px;	
float: left;
}

#main h1 {
font-family: cursive;
font-size: 150%;
}

#main li {
    padding-bottom: 5px;
   }
   
   /*socrates is on the home page */
#socrates  { 
   text-align: center;
   line-height: 130%;
   background-color: #c7912b;
   border: medium dotted #dbd594;
   width: 150px;
   padding: 0px 15px;
   margin: 20px 0px 10px 220px;
   
     }

#socrates h3 {
   background-color: #dbd594;
   text-align: center;
   padding: 10px;
   }	 

     
#socrates  img{
      float: none;
	  margin-top: 10px;
	  }
       /* moses image on the home page */
.moses img { 
      float: right;
	  margin-left: 30px;
	  margin-bottom: 30px;
	  }
	  
	  /* flaggif div is on the links page, will need adjusted when new links
	     are added. */
#flaggif {
     position: absolute;
	 top: 395px;
	 left: 370px;
	 }
	 
#olive  {
   line-height: 140%;
   background-color: #c7912b;
   border: medium dotted #dbd594;
   padding: 0px 15px;
   margin-top: 50px;
   margin-bottom: 20px;
}

#olive h3 {
   background-color: #dbd594;
   text-align: center;
   }
   
 #olive img { 
    float: left;
    margin-right: 30px;
			 }
			 
			 /* this photopage div is designed to 
			    be used on photo only web pages as needed
				see photopage template. photos are sized at
				400px for uniformity in the main section*/
#photopage img {
    margin-left: 130px;
	}

#teaching {
    padding: 10px;
	}
	
#teaching  p {
    line-height: 150%;
	}
	
#teaching  a {
    color: #381e11;
	border-bottom: thin dotted #381e11;
	}
  
/* end main section css */  
 /* start of table css */ 
 
table {
border: thin solid #381e11;
width: 655px;
font-size: 100%;
border-collapse: collapse;
}

td, th {
  padding: 5px;
  }
  
th { font-size: 100%;
    border: thin solid #4c2600;
}

td { border: thin solid #4c2600;
}
 
caption { 
  font-size: 120%;
  font-family: sans-serif;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
  }
  
 .cellcolor {
     background-color: #c7912b;
	 }
/* end of table css */

/* start of all sidebar css */
	
#sidebar {
  background-color: #dbd594;
  font-size: 110%;
  padding: 5px 10px;
  margin: 0px 10px 10px 710px;
  }
    
	/* who div is on the home page */
#who {
   background-color: #c7912b;
   border: medium dotted #dbd594;
   padding: 0px 6px 2px 0px;
   line-height: 140%;
   Margin: 4px;
}

#sidebar h3 {
  text-align: center;
  font-size: 120%;
  font-family: cursive;
}

#sidebar ul li {
    padding: 0px 2px 3px 0px;
	list-style-type: none;
	}
      
	  /* all images placed in the sidebar
	     will inherit these rules unless you
		  override them*/
#sidebar img {
     margin: 0px 10px 0px 35px;
	 }

#sukkah img {
     margin: 0px 10px 0px 5px;
	 }	

#sabbathtable img {
     margin: 0px 10px 0px 5px;
}	 
	 
/*sidebar navigation menu starts here
*/
#menu li {
    background-color: #c7912b;
	color: #49572a;
	font-size: 110%;
    border: 2px inset #dbd594;
	list-style-type: none;
	width: 250px;
	padding: 0px;
	margin: 0px 5px 0px -40px;
	text-align: left;
	height: 45px;
	}
	    /* the inset and outset rules on the border of 
		   "a" and "a:hover" combined work together to 
		   create the feel of depressing a button. */
#menu a  {
    border: 2px outset #dbd594;
	display: block;
	height: 31px;
	padding: 10px 0px 0px 10px;
	}
	
#menu a:hover {
    background-color: #c7912b;
    border: 2px inset #dbd594;
	}	
 /*sidebar navigation menu css ends here.  Menu inherits "visited" attributes from the general link rules.
 */
 
 #footer {
   background-color: #381e11;
   color: #dbd594;
   text-align: center;
   padding: 15px;
   margin: 10px;
   font-size: 90%;
   clear: left;
   }
   
/* example of a style that overrides*/
   
#footer a:link { 
     color: #dbd594;
     text-decoration: underline;
      }	 
	  
   /*pseudoselectors  below control the color, background and decoration of the links in
      visited, unvisted and hover state. you can override for special cases by creating a div
	  as seen above in the #footer a:link */
a:link {
    color: #49572a;
	text-decoration: none;
	}
	
a:visited {
    color: #381e11;
	text-decoration: none;
	border-bottom: thin dotted #381e11;
	}

a:hover {
    color: #fff;
	background-color: #788a51;
	text-decoration: none;
	}	