body {              				
background-color:     			#d3d9e2;
font-family:          			Gill, Verdana, Ariel, sans serif;
font-size:            			x-small;
color:                			#7b838f;
line-height:					0px;
margin-top:						0px;
}

h1 {                				
font-size:            			220%;
line-height:					180%;
color:                			#7b838f;
font-weight:					bold;
padding-bottom:					5px;
}

h2 {                				
color:							#7b838f;
font-size:            			150%;
font-weight:					bold;
padding-bottom:					0px;
margin-top:						10px;
margin-bottom:					0px;
border-top:						1px solid #d9e9ff;
padding-top:					20px
}	

h3 {                				
color:							#8e5927;
font-size:            			180%;
line-height:					180%;
margin-top:						10px;
margin-bottom:					5px;
font-weight:					normal;
}

h4 {                				
color:							#7b838f;
font-size:            			130%;
font-weight:					bold;
padding-bottom:					0px;
margin-top:						10px;
margin-bottom:					5px;
padding-top:					5px
}

.bolditalic {
color:							#7b838f;
font-weight:					bold;
font-style:						italic;
font-size:						130%;
line-height:					160%;
}

a:link {            				
color:                			#7b838f;
text-decoration:      			none;
font-weight:          			bold; 
}

a:visited {         				
color:                 			#7b838f;
text-decoration:       			none;
font-weight:           			bold; 
}

a:hover {							
color:							#7b838f;
text-decoration:       			none;
font-weight:           			bold;
}

div#left a:link {            				
color:                			#7b838f;
text-decoration:      			none;
font-weight:          			normal; 
}

div#left a:visited {         				
color:                 			#7b838f;
text-decoration:       			none;
font-weight:           			normal; 
border-bottom:					1px dotted #7b838f;
}

div#left a:hover {							
color:							#7b838f;
text-decoration:       			none;
font-weight:           			normal;
}

#header {							
margin-bottom:					30px;
margin-top:						0px;
height:							210px;
background-image:				url(images/heb_header.jpg);
background-repeat:				no-repeat;
background-position:			top left;
}

#jumpmenu {
padding-left:					0px;
padding-top:					40px;
}

#left {      
font-size:						100%;
line-height:					130%;
float:                			left;
width:                			200px;
padding:						0px 0px 10px 20px;
margin-top:						0px;
}

img {								
border:							none;
margin-bottom:					0px;
padding-bottom:					0px;
}

.imageboxes img {
border:							1px solid #d9e9ff;
}

.imageboxes a:hover {							
text-decoration:       			none;
border:							none;
}

#middle {							
font-size: 						100%;
text-align:						left;
line-height:					170%;
margin-right: 					220px;
margin-left:					240px;
margin-top:						20px;
padding-top:					10px;
padding-bottom:					50px;
border-left:					1px solid #d9e9ff;
padding-left:					20px;
}

div#middle p {
padding-bottom:					6px;
}

div#middle ol { 
padding-top:					0px;
margin-top:						0px;
margin-bottom:					20px;
}

.biggerbolder {
font-size:						130%;
line-height:					150%;
}

#buy {
background-color:				#d9e9ff;
font-size:						115%;
line-height:					140%;
font-weight:					bold;
padding:						10px;
margin-bottom:					20px;
}

#buy p {
padding-bottom:					0px;
padding-top:					0px;
margin-bottom:					0px;
margin-top:						0px;
}

div#buy a:link {    		
color:          				#7b838f;
font-weight:    				normal; 
font-size:						90%;
}

div#buy a:visited {    		
color:          				#7b838f;
font-weight:    				normal;
font-size:						90%;
}

buyfooter a:hover {    		
color:          				#7b838f;
font-weight:    				normal;
font-size:						90%;
}

#quotesleft {
font-size: 					90%;
text-align:					left;
line-height:				140%;
padding-top:              	10px;
margin:               		30px 70px 0px 70px;
float:                		left;
width:                		320px;
}

div#quotesleft p {	
margin-bottom:				5px;
padding-bottom:				0px;
}

#quotesright {
font-size: 					90%;
text-align:					left;
line-height:				130%;
padding-top:              	10px;
margin:						30px 100px 0px 460px;
padding-bottom:				40px;
padding-left:				40px;
}

div#quotesright p {	
margin-bottom:				5px;
padding-bottom:				0px;
}

.title {
width:							260px;
}

.publisher {					
width:							160px;
}

date {							
width:							120px;
}

td {				
vertical-align:					top;
}

#right {							
text-align:						left;
font-size: 						100%;
line-height:					140%;
padding: 						0px 10px 20px 20px;
float: 							right;
width: 							150px;
margin-top:						20px;
}

ul {								
list-style-type:				square;
margin-bottom:					10px;
margin-top:						10px;
padding-left:					8px;
margin-left:					5px;
}

li {								
color:							#777777;
padding-bottom:					0px;
}

div#left p {				
padding-top:					0px;
padding-bottom:					5px;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

#footer {						
color:							#7b838f;
text-align:						left;
font-size:						90%;
line-height:					100%;
margin-top:						15px;
width:							1000px;
margin-left:           			auto;
margin-right:          			auto;
}

div#footer a:link {    		
color:          				#7b838f;
font-weight:    				normal; 
}

div#footer a:visited {    		
color:          				#7b838f;
font-weight:    				normal; 
}

div#footer a:hover {    		
color:          				#7b838f;
font-weight:    				normal;
border-bottom:					1px dotted #7b838f;
}

#allcontent {      					
width:                 			1000px;
background-color:      			white;
margin-left:           			auto;
margin-right:          			auto; 

min-height:						850px;
}

