h1, h2, h3, h4, h5, p, body, td, th, form, input, textarea, select, 
ul, ol, li, address, .bodytext { 
	color: black; background: white;
	font-family: arial, helvetica, sans-serif;
 } /* basic black text on white background, arial font.  
 Note that due to bugs, font-family should always be last and in small letters
  and two word names need to be in quotes */

h1 {	text-align: center;
}

body {  margin-right: 10%;
} /* I'm not sure this is doing anything */

td {	font-size: 14px;
}

th {
}

form {
}

input {
}

textarea {
}

select {
}

ul {	list-style-position: outside;
}

ul ul {	list-style-type: hebrew;
} /*second level lists appear in hebrew characters-works in Netscape but not IE */

ul ul ul {
		list-style-image: url(images/starofdavid.gif);
		list-style-type: disc;
}

li {
}

ol {	
		list-style-position: outside;
}

.small {	
		font-size: 90%;
		font-family: arial, helvetica, sans-serif;
} /* font size expressed as a percentage of the browser default size or the size set 
in the general line at the top */

.large {
	font-size: 120%;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
}
	
.big {	
	font-size: 150%;
	font-family: arial, helvetica, sans-serif;
}

.blockquote {
	
	margin-left: 5%;
	margin-right: 10%;
	}
	
.box1 {	padding: 3px;
	border-width: thin;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.box2 {	border-width: 3px;
	border-style: solid;
	padding: 5px;
}

.calendardate {
		text-align: center;
		font-family: arial, helvetica, sans-serif;
}

.essay p {
	text-indent: 2em;
	} /* use this to indent the first line of the paragraph */

.legal {
	font-family: "times new roman", times, serif; 
	}

.legal h2 {
	text-align: center;
	font-family: "times new roman", times, serif; 
	}
	
.legal h3 {
	font-family: "times new roman", times, serif; 
	}	
	
.legal p {
	text-indent: 2em; 
	font-family: "times new roman", times, serif; 
	}
		
.margins {
	max-width: 800 px;
	margin-left: 10%;
	margin-right: 10%;
	} /* in template so that margins stay consistently narrow enough for comfortable reading */

.recipemargins {
	max-width: 7 in;
	margin-left: 12%;
	margin-right: 12%;
	} /* use for recipes to keep the text in the center
	 of the page so that, hopefully, it prints better.  Maximum printing width is 535 px? How  do I force printing to align correctly? */

.menustyle {
	color: #FF0000;
	}
	
.monthtitle { 
		font-size: 120%;
		text-align: center;
		font-weight: bold;
		font-family: arial, helvetica, sans-serif;
		}
	
.redtext {
	color: #FF0000;
	font-family: arial, helvetica, sans-serif;
		}

.return {	
	text-align: right;
	font-size: 80%;
	/* color: #3366FF; */
	color: blue;
	font-weight: bold;
	text-indent: 10%;
	margin-right: 10%;
	font-family: arial, helvetica, sans-serif;
	} /*this is  for the little "return to the top" and similar notes */

.smallcaps {
	font-variant: small-caps;
	font-weight: bold; 
	}

.booktitle {
	font-variant: small-caps;
	font-weight: bold;
	}

.journalname {
	font-variant: italic;
	font-family:  "times new roman", times; 
	}
	
	.article {
	font-family: arial, helvetica, sans-serif;
	}
				
a:link {	
	text-decoration: none;
	color: blue;
	font-family: arial, helvetica, sans-serif;
} /* text-decoration: none; removes the underline on links */
 

a:visited {
	text-decoration: none;	
  	color: #1E90FF; /* dodger blue */
	font-family: arial, helvetica, sans-serif;
}



a:hover {	
	text-decoration: none;
	color: red;
	font-family: arial, helvetica, sans-serif;
}



a:active {
	color: navy;
	font-family: arial, helvetica, sans-serif;
}

 
a.hidden {	color: #000000;
}

a.hidden:visited {
  	color: #000000;
}

a.hidden:hover {
	color: #0000CC;
}

a.hidden:active {
  	color: #000000;
}

a.nav:link {
	color: #333333;
	padding: 2px;
	font-family: arial, helvetica, sans-serif;
	}

a.nav:visited {	
	color: #cccccc;
	padding: 2px;
	font-family: arial, helvetica, sans-serif;
}

a.nav:hover {
	color: #FFFFFF;
	background-color: #666666;
	padding: 2px;
	font-family: arial, helvetica, sans-serif;
}

a.menu {	
	font-weight: bold; 
	text-decoration: underline;
	font-family: arial, helvetica, sans-serif;
}

a.menu:hover {
	font-weight: bold;
	text-decoration: underline;
	letter-spacing: 1px;
	font-family: arial, helvetica, sans-serif;
	}

a.box {	padding: 3px;
	background-color: #FFFFFF;
	text-decoration: none;
	border: medium solid #CCCCCC;
	color: #000000;
	font-family: arial, helvetica, sans-serif;
}

a.box:hover {
  	color: #000000;
	padding: 3px;
	text-decoration: none;
	background-color: #666666;
	border: medium solid #3366FF;
	color: #FFFFFF;
	font-family: arial, helvetica, sans-serif;

