body	{	margin:  	0;
			padding: 	0;
			border:		0;
			background-color: #4a4a4a; /*RGB=74,74,74*/
			}	



/* These classes provide different backgrouond colors for the Sidebar & Main Containers. main_container: one for portfolios & "general" for Sidebar, Home. */
	
	
	.general_background_color			{	background-color:	#ebebeb;  /* RGB=235,235,235	This covers the sidemain container. It will only be sesen in sidebar if the main container in the z stacking order above it has another color */
											}  
	.main_background_color				{	background-color:	#dcdcdc;  /* RGB=220,220,220 	This is for the Index, About & Exhibit Pages Main Containers */ 
																		  /* Note for main_background_color: if this value is changed, must also place the same new value into   .text_match_background style  that appears on the About Page if it is in current use on that page. */
											}	 
	.portfolio_background_color			{	background-color: 	#c8c8c8;  /* RGB=200,200,200   a0a0a0 #b4b4b4  This is for each Main Container for the Portfolios, but will only be seen behind the small photos (Main-Left) if the the big photos have a different color behind them (Main-Right}.  */ 
											}   
	.portfolio_right_background_color	{	 background-color:	#aaaaaa;   /* RGB=170,170.170	This is to allow the Main-Right of the Portfolio to have a different color than Main-Left */
											}  


/*  GLOBAL TEXT AND IMAGE LINKING REQUIREMENTS  */

	a:link 				{ 	border:	0;	outline:	none;	}  	/* The "outline" statement removes dotted outlines around text and images that links when selected in Firefox  */
	a:hover 			{	border:	0;	outline:	none;	}
	a:visited 			{	border:	0;	outline:	none;	}
	a:active 			{	border:	0;	outline:	none;	}


	/* NOTE; This is to Remove browser default bullets, & link underlines & to replace browser defaults for margin & padding */

	ul					{	text-decoration: none; list-style-type: none;   margin: 0; padding: 0;  }
		
	/* Pseudo-Class Selectors - in General */

	a:link     			{	text-decoration: none; list-style-type: none;	border: 0;	}
	a:visited  			{	text-decoration: none; list-style-type: none;	border: 0;	}
	a:hover	   			{	text-decoration: none; list-style-type: none;	border: 0;	}
	a:active   			{	text-decoration: none; list-style-type: none;	border: 0;	} 


/*  OVERALL SITE  */

#site_container 			{	width: 			990px;
								margin:  		28px auto 0 auto;  /* The left and right auto settings do not work in IE 7 & the whole site will place left in that browser window */
								padding:		0;
								position:		relative;
					 			}


/*  MASTHEAD  */

	#masthead_container		{	width:   		990px;
								height:  		104px;
						
								margin:  		0;
								padding:		0;
								float:	  		left;   
						
								border-top:    	thin solid #5a2526;   /* RGB=90,40,39 */
								border-bottom: 	thin solid #5a2526;   /* RGB=90,40,39 */
						
								background-color:#000000;  /*RGB=0,0,0*/
								}	

	#logotype_container		{	width:			450px;
								height:			64px;
								margin: 		23px 270px 17px 270px;
								padding:		0;
								}

	#logo_container			{	width:			132px;
								height:			46px;
								margin:			13px 429px 13px 429px;
								padding:		0;
								}

/*  SIDEBAR & MAIN   */

	#sidebar_main_container {	width:			990px;  
								min-height:		498px;
								
								margin:			12px 0 0 0;  
								padding:		0;
								position:		relative;
								float:			left;
							
								border:			0;
								background-color:	#ebebeb;	/* RGB=235,235.235 */
								}

/*  SIDEBAR  */
	
	
	#sidebar 				{	width:			214px;  
								min-height:		498px;
								
								margin: 		13px 0 0 0;  
								padding:		0;
								position:		relative;
								float:			left;
								
								border:			0;
								}
	


			.sidebar_text_level_1						{	font-family:      verdana, geneva, sans-serif;
		   													font-weight:	  600;
															font-size:        16px;  
															color:		      #000000;/* RGB=0,0,0 */	
															margin:			  9px 0 5px 20px; 
															}			
											
			.sidebar_text_level_1 		  a:link   		{	color:			 #000000; }/* RGB=0,0,0 */	
			.sidebar_text_level_1  		  a:visited		{	color: 			 #000000; }/* RGB=0,0,0 */	
			.sidebar_text_level_1  		  a:hover  		{	color: 			 #c43a02; }/* RGB=196,58,2 */
			.sidebar_text_level_1 		  a:active 		{	color:			 #c43a02; }/* RGB=196,58,2 */
			
			.sidebar_text_level_1_active  a:link   		{	color: 			 #c43a02; } /* RGB=196,58,2 */
			.sidebar_text_level_1_active  a:visited		{	color: 			 #000000; }/* RGB=0,0,0 */	
			.sidebar_text_level_1_active  a:hover  		{	color: 			 #c43a02; }/* RGB=196,58,2 */
			.sidebar_text_level_1_active  a:active 		{	color: 			 #c43a02; }/* RGB=196,58,2 */
				
			.sidebar_text_level_1_active   				{	font-family:     verdana, geneva, sans-serif;
		   													font-weight:	 600;
															font-size:       16px;  
															color:		     #c43a02;	/* RGB=196,58,2 */
															margin:			 9px 0 5px 20px;
															}
			
			.sidebar_text_level_2						{	font-family:     verdana, geneva, sans-serif; 
															font-weight:	 600;
															font-size:       13px;   
															color:  		 #7a2526;  /* RGB=122,37,38 */ 
		  													margin: 		 8px 0 3px 35px;
															}

			.sidebar_text_level_2 		  a:link  		{	color:			 #7a2526; }/* RGB=122,37,38 */ 
			.sidebar_text_level_2 		  a:visited		{	color:			 #7a2526; }/* RGB=122,37,38 */ 
			.sidebar_text_level_2  		  a:hover 		{	color:			 #c43a02; }/* RGB=196,58,2 */		/* ff2556  b32526    c27609 is good too */
			.sidebar_text_level_2 		  a:active		{	color:			 #c43a02; }/* RGB=196,58,2 */		/* ff2556  b32526    c27609 is good too */

			.sidebar_text_level_2_active  a:link  		{	color: 			 #c43a02; }/* RGB=196,58,2 */	
			.sidebar_text_level_2_active  a:visited 	{	color: 			 #7a2526; }/* RGB=122,37,38 */
			.sidebar_text_level_2_active  a:hover   	{	color:			 #c43a02; }/* RGB=196,58,2 */		/* ff2556  b32526     c27609 is good too */
			.sidebar_text_level__active2  a:active		{	color: 			 #c43a02; }/* RGB=196,58,2 */		/* ff2556  b32526     c27609 is good too */
			
			
			.sidebar_text_level_2_active				{	font-family:      verdana, geneva, sans-serif; 
															font-weight:	  bold;
															font-size:        13px;   
															color:  		  #c43a02;  /* RGB=196,58,2 */
		  													margin: 		  8px 0 3px 35px;
															}
			
			
			.sidebar_text_small							{	font-family:     verdana, geneva, sans-serif;
															font-size:       10px;
															color:		     #000000;/* RGB=0,0,0 */		
															margin: 		 13px 0 0 20px;
															}





	/*  MAIN  */
	
		#main_container				{	width:		776px;
										min-height:	511px;
										margin:		0;
										padding:	0;
										position:	relative;
										float:		left;
								
										border:			0;
										padding:		0;
										}
								
	/*  iframe in main_container */							

		#main_frame					{	width:		776px;
										height:		498px;
										margin:		0;
										padding:	0;
										position:	relative;
										float:		left;
								
										border:			0;
										padding:		0;
										}		


		/* HOME PAGE */	
	
		
		#home_page_photo_container	{	width:			724px;
										height:			324px;
										margin:			26px 26px 0 26px;
										padding:		0;
										position:		relative;
										float:			left;
										
										border:			0;
										padding:		0;
										
										background-image:	url(../photos_all_other/home_.jpg);
										}
	
		
			.dropcap				{	font:			normal normal normal 46px/55px verdana, geneva, sans-serif; 
										margin:			-7px  0  -10px  0;
									
										float:			left;   /* W3C Validator says that when the float value is used, a width must be specified, but this will vary depending on the letter, not using the float left makes a mess */
										color:			#5a2526;
										}
			
			.home_page_title		{	font: 			normal normal normal 22px verdana, geneva, sans-serif;  /* Originally font size was 19 px, but too small */
										font-weight:	600;
										letter-spacing:	1px;									
										
										text-align:		center;
									
										width:     		724px;
										margin:     	12px 26px 6px 26px;  
									
										float:			left;
										color:	    	#5a2526;/* RGB=90,37,38 */
			  							}
			
			.home_page_text			{	font: 			normal normal normal 15px/21px verdana, geneva, sans-serif;
										font-weight:	500;										
										letter-spacing:	0px;
										word-spacing:	-2px;
						
										text-align: 	justify;
										width:      	724px;
										margin:			0 26px 26px 26px;
			   			
										float:			left;
										color:	    	#000000;/*RGB=0,0,0 */
										}




/*  ABOUT PAGE */	/* Note:  Left Margins are built into the Left & Right Containers, while Top and or Bottom Margins are built into styles for the components in those containters */
		
	/* #about_page_container 		{	width:  		776px;
										min-height:		511px;
										Margin:			0px 0 px 0px 0px;
										padding: 		0;
										position: 		relative;
										float:			left;
										border:			0;
										padding:		0;
										}	
	*/
		
	.about_page_container_color 	{	background-color:	#aaaaaa;	
										}
		
		
	/* Width & height includes left, top & bottom margin so not have to change margins on components */
											
	/*	#about_page_left_container	{	width:			0px;  
										height:			0px;
										margin:			0px 0 0 0px;
										padding:		0;
										position:		relative;
										float:			left;
										border:			0;
										}
	*/
										/*width:330;*/ 
										/* The bottom margin will need to be adjusted depending the overall content size. */ 
	
	/*	#about_page_photo_container	{	width:			0px;  
										height:			0px;
										margin:			0;  
										padding:		0;
										position:		relative;
										float:			left;
										border:			0;
										background-image:	url(../photos_all_other/about_.jpg);
										}
	*/	
			
		
		#about_page_right_container	{	width:			600px;  /* Width & height includes left, right, top & bottom margin so not have to change margins on components */
										min-height:		498px;
									
										margin:			0px 36px 26px 36px;										
										padding:		42px 50px 36px 50px;								
										
										position:		relative;
										float:			left;
										
										border-top:		0px  solid #8c8c8c;
										border-right:	2px  solid #8c8c8c;
										border-bottom:	2px	 solid #8c8c8c;
										border-left:	2px  solid #8c8c8c;
										
										background-color:	#E6E6E6;  /*RGB = 230*/
										}
		
			.about_page_title_1 	{	font: 			normal normal normal 21px/21px verdana, geneva, sans-serif;
										font-weight:	600; 
										color: 			#25267a;  /* blue  */
													
										letter-spacing:	0;
										word-spacing:	0;
													
										text-align:		left;
										width:			600px;
										
										margin-top:		6px;
										margin-bottom:	-1px;			

										position:		relative;
										float:			left;
										}
			
			
			.about_page_text		{	font: 			normal normal normal 15px/21px verdana, geneva, sans-serif;
										font-weight:	500;
										color:	    	#000000; 
										
										letter-spacing:	0;
										word-spacing:	-2px;
										
										text-align: 	justify;
										
										width:      	600px;										
										
										position:		relative;
										float:			left;
										}

			
			.about_page_text  a:link   {color:		   #25267a;	}  
			.about_page_text  a:visited{color: 		   #25267a; }
			.about_page_text  a:hover  {color: 		   #0000ff; }
			.about_page_text  a:active {color: 		   #0000ff; }	
			
			
			
			
			.text_match_background	{	color:	#d7d7d7;   /* This style allows typing in a character between lines where no character is to show in order to maintain line spacing.  */
										}
		
			
			.about_br				{	display:		block;
										margin-bottom:	9px;
										}
										
		
/*  EXHIBIT PAGE  */		
		
	 #exhibit_page_container 		{	width:  		724px;
										min-height:		498px;
										
										Margin:			0px 0 px 0px 0px;
										padding: 		0;
										position: 		relative;
										float:			left;
										border:			0;
										padding:		0;
										}	
	
	.exhibit_page_container_color 	{	background-color:	#aaaaaa;
										}  
	
	
/*  #exhibit_page_left_container	{	width:	0px;       
										min-height:	0px;
									
										margin:		0 0 0 0;
										padding:	0;
										position:	relative;
										float:		left;
										
										border:			0;
										padding:		0;
*/										
										/*background-image:	url(../photos_all_other/exhibit_.jpg);*/
/*										}
*/

	#exhibit_page_right_container	{	width:			610px;
										min-height:		498px;
									
										margin:			0px 36px 26px 48px;
										padding:		20px 26px 26px 36px;
										position:		relative;
										float:			left;
										
										border-top:		0px  solid #8c8c8c;
										border-right:	2px  solid #8c8c8c;
										border-bottom:	2px	 solid #8c8c8c;
										border-left:	2px  solid #8c8c8c;
										
										background-color:	#E6E6E6;
										}

			
	.exhibit_page_title_1 			{	font: 			normal normal normal 20px/21px verdana, geneva, sans-serif;
										font-weight:	600; 													
										letter-spacing:	0;
						
										text-align:		left;
										text-indent:	-4px;
													
										color: 			#25267a;  /* blue  */
													
										width:			349px;

										margin-bottom:	24px;
													
										position:		relative;
										float:			left;
										}
			
/*	.exhibit_page_title_1  a:link   {   color: 			#25267a; }  
	.exhibit_page_title_1  a:visited{   color:		    #25267a; }
	.exhibit_page_title_1  a:hover  {   color:		 	#0000ff; }
	.exhibit_page_title_1  a:active {   color: 			#0000ff; }
*/			
			
			
/*	.exhibit_page_title_2 			{	font: normal normal normal 13px/21px verdana, geneva, sans-serif;
										letter-spacing:	0;
						
										font-weight:	bold; 
										color: 			#395e37;  /*  green  */
													
/*										text-align:		left;
													
										width:			0px;
										margin:			26px 0 0 12px;
													
										position:		relative;
										float:			left;
										}
*/			
	
			
/*		.exhibit_page_text_1		{	font: 			normal normal normal 14px/21px verdana, geneva, sans-serif;
										letter-spacing:	0;
										word-spacing:	-2px;
						
										color:	    	#000000;
										
										text-align: 	justify;
										
										width:      	337px;
										
										position:		relative;
										float:			left;
										}
*/
			
/* This is set up as a hanging indent that applies to the entire paragraph. Each year is in a single paragraph */
		
	.exhibit_page_text_2_line_1_year{   font: 			normal   normal   normal   15px/18px verdana, geneva, sans-serif;
										letter-spacing:	0px;
										word-spacing:	-2px;
										font-weight:	600;
						
										color:	    	#000000;     /* was  03370c */  /* was 395e37 */
										
										text-align: 	left;
										text-indent:	-60px;

										width:      	752px;

										
										margin-top:		0px;
										
										position:		relative;
										float:			left;
										}
											
			
	.exhibit_page_text_2_line_1_no_year	
				
									{	font: 			normal   normal   normal   15px/18px verdana, geneva, sans-serif;
										letter-spacing:	0px;
										word-spacing:	-2px;
										font-weight:	600;

										color:	    	#000000;     /* was  03370c */  /* was 395e37 */
										
										text-align: 	left;
										text-indent:	0px;

										width:      	752px;
										
										position:		relative;
										float:			left;
										}
			
			
	.exhibit_page_text_2			{	font: 			normal   normal   normal   15px/17px verdana, geneva, sans-serif;
										letter-spacing:	0px;
										word-spacing:	-2px;
										font-weight:	500;
						
										color:	    	#000000;     /* was  03370c */  /* was 395e37 */
										
										text-align: 	left;
										text-indent:	0px;
										
										width:      	752px;
										margin-top:		0px;
										margin-right:	0px;
										margin-bottom:	0px;
										margin-left:	55px;
										
										position:		relative;
										float:			left;
										}
											
											
	.exhibit_page_text_2  a:link	{   color: 			#25267a; }  
	.exhibit_page_text_2  a:visited {	color: 			#25267a; }
	.exhibit_page_text_2  a:hover   {	color: 			#000ffa; }
	.exhibit_page_text_2  a:active  {	color: 			#ff2526; }	
					

	.br								{	display:		block;
										margin-bottom:	6px;
										}


	.br_between_years				{	display:		block;
										margin-bottom:	15px;
										}

		
		
		
/*  PORTFOLIO PAGES  */										
		
			
	#main_left_container			{	width:			244px;
										min-height:		498px;
										margin:			8px 0 0 8px;
										position:		relative;
										float:			left;
									
										border:			0;
										padding:		0;
										}
			
			
	#main_left_below				{	width:			240px;
										height:			460px; 
										margin:			4px 0 0 4px;
										padding:		0;
										position: 		absolute;
										z-index: 		25;
											
										border:			0;
										padding:		0;											
										}

		
	.small_dropshadow				{	width:			62px;
										height:			74px;
										margin:			18px 0  0 18px;	
										position:		relative;
										float:			left;
										background-color:	#323232;  /* #6e6e6e or   #787878 444444  */
										}
			
			
	#main_left_between				{	width:			244px;
										height:			464px;
										margin:			0;
										border:			0;
										padding:		0;
										position: 		absolute;
										z-index: 		50;
										}	
			
			
	.small_photo_footprint			{	width:			62px;
										height:			74px;
										margin:			18px 0  0 18px;	
										position:		relative;
										float:			left;
										padding:    	0;
										border:		 	0;
										background-color:  #000000;  
										}
			
			
	#main_left_above 				{	width:			244px;
										height:			464px;
										margin:			0;
										border:			0;
										padding:		0;
										position: 		absolute;
										z-index: 		100;
										}

			
	.small_photo					{	width:			62px;
										height:			74px;  /* It may seem repititious to have width & height specified here as well as in image_source, but Firefox seems to require it for proper image placement upon click. */
										margin:			18px 0  0 18px;	
										padding:     	0;
										border:			0;
										position:	 	relative;
										float:		 	left;
									
										opacity:		0.8;filter:alpha(opacity=80)     /* Transparency is a CSS 3 capability supported by most browsers, IE uses the filter: alpha opacity coding to do the same thing. */
										}
			

	.image_source					{	width:			62px;
										height:			74px;
										padding:		0;
										border:			0;
										}					/* This is applied to the small photos that comprise that load in the main-left container for the portfolios  */

																/* No pseudo-class selectors listed here for image-source becuase the oncerns are addressed globally at the beginning of this style shee */
					
					
	.portfolio_page_text			{	font: 			normal normal normal 10px verdana, geneva, sans-serif;
										letter-spacing:	0;
										word-spacing:	0px;
										width:      	250px;
										margin:			11px 0 0 18px;
										position:		relative;
										float:			left;
										color:	    	#000000; 
										}
					
	.portfolio_page_text  a:link    {	color: 			#000000; }  
	.portfolio_page_text  a:visited {	color:			#000000; }
	.portfolio_page_text  a:hover   {	color: 			#ff2526; }
	.portfolio_page_text  a:active  {	color: 			#ff2526; }	




	#main_right_container 			{	width:			498px;
										min-height:		511px;
										margin:			0 0 0 26px;  
										border:			0;
										padding:		0;
										position:		relative;
										float:			left;
										}


	#iframe_container				{	width:			498px;
										min-height:		504px;
										margin-top: 	0;
										margin-left:	0;
										border:			0;
										padding: 		0;
										position:		absolute;
										
										z-index:		3;
										}

							
				
	/*#iframe_2_container			{	width:			776px;
										height:			498px;
										margin-top: 	0;
										margin-left:	0;
										border:			0;
										padding: 		0;
										position:		absolute;
										
										z-index:		2;
										}
			*/	
				
				
	#quote_page_container			{	width:			498px;
										min-height:		504px;
										margin-top:		0;
										margin-left:	0;
										padding:		0;
										border:			0;
										background-color:	#aaaaaa;       /* RGB=170 */
											
										position:	absolute;
										z-index:	3;
										}
			
			
	.quote_box						{	width:			340px;
										height:			444px;  /* To get the bottom border to show, the height was reduced 2 jpx to this value */
										margin-top:		26px;
										margin-left:	79px;
										padding:		0;
										position:		absolute;
										z-index:		6;
												
										border-left:	2px solid #8c8c8c;
										border-right:	2px solid #8c8c8c; 
											
										background-color:   #DCDCDC;
												/*background-color:	#aaaaaa; /*  a0a0a0  d2d2d2   8c8c8c    d7d7d7 is rgb=215   d2d2d2 is rgb=210 */
										}
			
			
	.quote_text						{	font: 			bold 13px/22px verdana, geneva, sans-serif;
										letter-spacing:	0px;
										word-spacing:	0px;
						
										margin-top: 	100px; 
										margin-left: 	68px;
												/*Margins are specified inline As Well */
			   									
										color:	 		#03370c;   /*293e42;  */	/*#002354; */
										}

	
						.quote_author_name	{	line-height: 	45px;
												font-weight:	normal;
												}
					
					
				
					
/*Container*/	#big_photo_page_container	{	width:		498px;
												min-height:		511px;
												margin-top:	0;  /* Coincident with iframe container */
												margin-left:0;
												border:		0;
												padding:	0;
												position:	absolute;
												
												z-index:	3;
												/* background-image:	url(../graphics/main_right_container_horiz_striping_.gif); */
												}
					
					
					
					#big_photo_container	{	width:		446px;
												height:		504px;
												
												margin:		26px 26px 26px 26px;
												border:		0;
												padding:	0;
												position:	absolute;
												
												z-index:	4;
												}
					
					
					
						.horizontal_big_dropshadow	{	width:			440px;
													/* height is specified inline */
												
														margin-top:		6px;
														margin-left:	6px;
														padding:		0;
														border:			0;
														position:		absolute;
														
														z-index:		5;
														background-color:	#404040; /* This is RGB=64 */
														}    
	
				
						.horizontal_big_photo		{	width:			440px;
													/* height is specified inline */
												
														margin-top:		0;
														margin-left:	0;
														border:			0;
														padding:		0;
														position:		absolute;
														z-index:		6;
														}
	
				
					
						.vertical_big_dropshadow	{	/* width is specified inline */
														height:			440px;
								
														margin-top:		6px;
														/* margin-left is specified inline */
														
														border:			0;
														padding:		0;
														position:		absolute;
														z-index:		5;
														background-color:	#404040; /* This is RGB=64 */
														}  
			
				
						.vertical_big_photo			{	/* width is specified inline */
														height:			440px;
								
														margin-top:		0;
														/* margin-left is specified inline */
								
														border:			0;
														padding:		0;
														position:		absolute;
														z-index:		6;
														}

					
					.image_source2		{	width:	10px;
											height:	21px; 
											padding:	0;
											border:	0;
											border-style:	none;
											
											}		/*This is applied to the previous and next arrows; the style named "image_source" is applied to the portfolio small photos  */
					
				
					
					
					#previous_arrow_container {	width:			10px;
												height:			21px;
											
												margin-top:		451px;	
												margin-left:	10px;     /* 0 26 */
											
												border:			0;
												
												padding:		0;
												position:		absolute;
												
												/* background-image:	url(../graphics/previous_arrow_.png);  */
												
												z-index:		7; 
												}
				 
					
					
					
					#next_arrow_container	{	width:			10px;
												height:			21px;
											
												margin-top:		451px;	
												margin-left:	25px;   /* 16 42 */
											
												border:			0;
												
												padding:		0;
												position:		absolute;
											
												/* background-image:	url(../graphics/next_arrow_.png);  */
												
												z-index:		7; 
												}
					


/*  FOOTER  */


 #footer		{	width:			990px;
					height:			72px;
					margin:			12px 0 0 0;	
					padding:		0;
					position:		relative;
					float:			left;
					border-top:    	thin solid #5a2526;   
					border-bottom: 	thin solid #5a2526; 
					background-color: #242424;
					}
















						
								

						

												
							
																	
							
