body	{margin-left:1%; 
		margin-right:1%;
		background-color:#cfc;
		color:#630;
		font-size: 85%;
		font-family: Georgia, "Times New Roman", Times, serif;
		background-image: url(?);
		text-align: center;
		direction: rtl;
		unicode-bidi: bidi-override;
		}

a:link{text-decoration: underline; color: #00f; font-weight: bold;}
a:visited {text-decoration: underline; color: #c0c;}
a:hover {text-decoration: none; color: #096;}
a:active {text-decoration: underline; color: #3cf;}

p {text-indent: 2em;}

blockquote{margin-left: 10%;
				margin-right: 7%;
				}

div.inset{margin: -1em 7% 0 10%;
			}
			
div.center{text-align: center;
				width:100%;}

h1, h2, h3{text-align: center; 
				padding:0.5em;
				background:#633 url(Wave01e.gif) repeat-x  center center;
				background-repeat:repeat;
				color:#633;
				background-color:#dfd;
				border-style:outset;
				border-color:#933;
				border-width: 0.3em;
				margin: 0.5em 0 1em 0;
				}


h1 {font-size: 1.75em;
		}

/* 		height: 100px;
		background:#cfc url(./IRFP-440BBr_120.gif) no-repeat center left;
*/

/*only works in IE in quirks mode*/
h1 a#top {position:relative;
				width:23em; 
				height: 1em; 
				filter: shadow(direction="135", color="#c96");
				}

h1 a:link, h1 a:visited, h1 a:hover {text-decoration: none; color: #633;}

	
h2 {font-size: 1.5em;}
h3 {font-size: 1.30em;}
h4 {font-size: 1.15em;}
h5 {font-size: 1.0em;}
h6 {font-size: 0.87em;}


sup, sub {font-size: 0.75em;}

dt {font-weight: bold; 
	padding: 1.5em 0 0.4em 0;}	
dd {padding-bottom: 0.75em;}

acronym{font-style: normal;
				cursor: help;
				border-bottom: 1px dotted #633;
				}

dfn	{font-style: normal;
		cursor:help;
		border-bottom: 1px dotted #633;
		}

/*The following are for a cheesy css-style pop-up that only apears to work in standards-compliant browsers even though the model given by Eric Meyer clearly works in such things as IE 5.  I can't for the life of me figure out what I'm doing differently.*/

dfn a:link, dfn a:visited, dfn a:hover {font-style: normal;
				color: #633;
				font-weight: bold;
				text-decoration: none;
				}

dfn a:hover {border:none;
					text-indent:0;
				}
				
dfn a span{display: none;
				}

dfn a:hover span{display: block;
							position: relative;
							top:-6em;
							z-index: 100;
							width: 20em;
							left: 3em;
							font-size: 0.85em;
							text-align: left;
							font-weight: 500;
							padding: 0.75em;
							background-color: #ffd;
							}

/*I wanted to make various methods for clearing things.  These don't fully work, although I'm not sure why.*/

hr {color: #c9f;
	background-color: #c9f;
	height: 2px;
	width: 90%;
	border: 0;
	clear: both;}
		
hr.clear {height: 0px;
			visibility: hidden;}		

br.right {clear: right;}
br.left {clear: left;}

div.clear{clear:both;}

/*This seems to be necessary for Opera.  It just gave me discs for the sub lists.  I've no idea why.*/
ul {list-style-type: disc;}
ul ul {list-style-type: circle;}
ul ul ul ul {list-style-type: square;}

legend{font-size:0.9em;
			font-weight:600;
			}

/*Container to hold the container of the basic content.  Its primary purpose is to make sure the content itself is centered on the page (because IE 5 doesn't support margin:auto)*/
#cont_container{position:relative;
				text-align: center;
				width: 98%;
				padding-left: 1%;
				padding-right: 1%;
				}

/*Container for the content.  It has a fixed width of 33 em so that the text doesn't get too wide in wide formats such as Macs and high-resolution monitors.  A better approach would be to use max-width and min-width, but IE doesn't support those attributes.*/
#content{padding: 0 0.5em;
				text-align: left;
				position:relative;
				width: 33em;
				margin: auto;
				}

/*Container to center the content of the right-hand column*/				
#right_container{padding: 0;
						position:relative;
						text-align: center;
						margin-right: 12em;
						}
				
/*container for the content in the right-hand column*/
#right_content{padding: 0 0.5em;
						text-align: left;
						width: 25em;
						margin: auto;
						font-size:1.12em;
						}

#right_content li{line-height:1.5em;
							}

#nerd{padding:0em;
			float:left;
			width: 8em;
			font-size:0.85em;
			text-align: left;
			color:#630;
			background-color:#dfd;
			margin:auto;
			margin-bottom: 1.5em;
			border-style:outset;
			border-color:#933;
			border-width: 0.1em;
			}

#nerd h5, #nerd h6{text-align:center;
				border:0;
				margin:0;}



/*a little news column on the right-hand side -- well no longer; now bottom of first page*/
#news{padding:0.5em;
			width:72%;
			text-align: left;
			color:#630;
			background-color:#dfd;
			margin:auto;
			border-style:outset;
			border-color:#933;
			border-width: 0.3em;
			}

#news h2 {width: 50%;
					margin:auto;}

/*only works correctly in IE in quirks mode*/
#news h4 {position:relative;
				width:20em; 
				height: 1em; 
				filter: shadow(direction="135", color="#c96");
				}

/* filter: glow(color="#c90", strength="4");*/

/* A tiny text box to hold a link to some place important*/
#alert {padding:0.3em;
			float: left;
			width:5em;
			text-align: left;
			color:#630;
			font-size: 0.85em;
			background-color:#dfd;
			margin: 0 0 0.5em 0.5em;
			border-style:outset;
			border-color:#933;
			border-width: 0.2em;
			}
			
#alert a:link,  #alert a:visited, #alert a:hover, #alert a:active{font-size: 0.85em;}


/*This is for a list comprising a thumbnail graphic with some descriptive text to its right*/
#thumblist{
					float:right;
					padding-left: 0.5em;
					text-align: left;
					width:100%;
					}
					
#thumblist ul{list-style-type:none;
						margin:0;
						padding:0;}						
					
#thumblist li{margin: 2em 0 2em 0;
						clear: both;}
					
#thumblist .thumb{
								float: right;
								width:150px;
								padding: 0;
								}
						
#thumblist .descr{
							float: right;
							width:55%;
							margin:0;
							padding-left:1em;
							}

#headphoto{
					float:left;
					width: 50%;
					text-align: center;
					margin: 5em 2em 0 1em;
					}
					
#pagephoto{
					float: left;
					text-align: center;
					margin:  2em 2em 0 15em;
					}
	
#photo	{
			text-align: center;
			margin: auto;
			}

/*positioning and styling of the navigation bar on the left-hand side of each page.  The nav bar is in essence an unordered list.*/
#nav{padding:0.5em 0.5em 0.5em 1.5em;
			text-align: left;
			width:10em;
			float:right;
			color:#630;
			background-color:#dfd;
			margin: 0 0.5em 0 -1px;
			border-style: outset;
			border-color:#933;
			border-width: 0.3em;
			}

div#nav h3{
					padding: 1em 0.5em 1em 2.5em;
					margin: 0 0 1em -0.5em;
					background: transparent url(./IRFP-440BBr_50.gif) no-repeat center left;
					background-color:#efe;
					}

			
div#nav ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

div#nav ul li { margin-top: 0.3em; }

#nav ul ul {margin-left: 1.5em;}

#nav ul li a
{
display: block;
 font-size:0.85em;
 width: 8.7em;
padding: 0.3em;
color: #00f;
border: 0.3em outset brown;
background-image: url(?);
background-repeat: repeat-y;
}

#nav ul li a:visited
{
color: #c0c;
background-color: #ded;
text-decoration: none;
background-image: url(?);
background-repeat: repeat-y;
}			


#nav ul li a:hover
{
color: #0a0;
text-decoration: none;
background-image: url(?);
background-repeat: repeat-y;
}			

#nav h5{margin:0;
			padding: 0.75em 0 0.2em 0;}

/*positioning and styling of the navigation bar at the bottom of each page.  The bottom nav is in essence an unordered list.*/
#bottomnav, #mininav{
					text-align:center;
					font-size:0.85em;
					padding:0.5em;
					color:#630;
					background-color:#dfd;
					border-style:outset;
					border-color:#933;
					border-width: 0.3em;
					margin: 0 10% 1em 10%;
					}
					
#bottomnav ul, #mininav ul{
					list-style-type: none;
					padding: 0;
					margin: 0;
					}
						
#bottomnav ul li, #mininav ul li{display: inline;}

#bottomnav li, #mininav li{padding: 0 1em;
						}



address	{text-align:center;
			font-family: verdana, sans-serif;
			font-size: 0.85em;
			padding: 0.5em;
			color:#630;
			background-color:#dfd;
			border-style:outset;
			border-color:#933;
			border-width: 0.3em;
			margin: 0 20%;
			}

/*These classes are primarily for positioning photos with captions under them or small list boxes*/
.left	{margin: 1.5em 2% 0.5em 0;
		float:right;
		text-align: left;
		font-size:0.9em;
		font-weight:600;
		}
		
.right	{margin: 1.5em 0 0.8em 2%;
			float:left;
			text-align: left;
			font-size:0.9em;
			font-weight:600;
			}

.leftthumb	{margin: 1.5em 2% 0.5em 0;
					float:right;
					text-align: center;
					width: 200px;
					font-size:0.9em;
					font-weight:600;
					}
		
.rightthumb	{margin: 1.5em 0 0.8em 2%;
					float:left;
					text-align: center;
					width: 200px;
					font-size:0.9em;
					font-weight:600;
					}

.thumbpair {margin: 1.5em 0 1.5em 0;
					}
			
.boxleft	{margin: 1.5em 2% 0.8em 0;
			width: 45%;
			float:right;
			text-align: left;
			}
		
.boxright	{margin: 1.5em 0 0.8em 2%;
				width: 45%;
				float:left;
				text-align: left;
				}			
				
.box	{padding: 0 0 1.5em 0;
		width: 99%;
		text-align: left;
		}			
				

.formbox	{padding: 0;
		width: 99%;
		position:relative;
		text-align: left;
		}			
	
table{
		margin: 0 auto;
		}		

form{line-height:2.5em;
		width:99%;
		}
		
input{
		text-align:right;
		color:#960;}			
		
col.item{width:20.3em;}
col.qty{width:2em;}
col.price{width:3em;}
col.cost{width:3em;}

thead{text-align:center;
			font-weight:600;
			}
			
input.item {
			text-align:left;
			font-style:italic;
			font-weight:500;
			position:relative;
			left:0.0em;
			}
			
input.qty {
			position:relative;
			left:0.0em;
			}

label.price {	
		position:relative;
		left:0.0em;
		}

input.price {
			position:relative;
			left:0.0em;
			}

label.cost {
		position:relative;
		left:0.0em;
		}

input.cost {
			position:relative;
			left:0.0em;
			}

input.price, input.cost, input.item {background-color:#efe;
					}

col.bill{width:10em;}
col.bill_city{width:14.5em;}
col.bill_state{width:4em;}
col.bill_zip{width:4em;}

label.bill {
			position:relative;
			left:0.2em;
			}

input.bill {
			position:relative;
			left:0.2em;
			}

label.bill_city {
			position:relative;
			left:0.2em;
			}

input.bill_city {
			position:relative;
			left:0.2em;
			}
	
label.bill_state {
			position:relative;
			left:0.2em;
			}

input.bill_state {
			position:relative;
			left:0.2em;
			}

label.bill_zip {
			position:relative;
			left:0.2em;
			}
			
input.bill_zip {
			position:relative;
			left:0.2em;
			}

input.mail, select.mail {width:15em;
				position:absolute;
				text-align:left;
				left:7.0em;
				}
			
textarea.mail {width:24.5em;
					margin:auto;
					}			

input#send, input#clear, input#terms {color: blue;
															background-color:#fdb;
															border-color:#6cf;
															text-align:center;
															font-weight:600;
															font-family: Georgia, "Times New Roman", Times, serif;																font-size:0.9em;
															width:5em;
															margin-left: 4.5em;
															margin-bottom:1em;
															}