body 	{color: #172712;  
		background: #0b1f05 url(FarArt/out_background.jpg);
		font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
		font-size: 14px;
		margin: 0px; padding: 0px;
		}
	
h1 	{color: #172712;
		background: #c1cc8f url(FarArt/out_main_h1.jpg);
		background-repeat:no-repeat;
		font-size: 18px;
		width: 504px;
		margin: 18px 0px 10px -24px;
		padding: 18px 0px 18px 30px;
		}
	
h2 	{color: #639D9E; 
		font-size: 18px;
		}
	
h3 	{color: #D6CA84; 
		font-size: 18px; 
		}

h4 	{
		color: #D6CA84;
		background: #7c1100 url(FarArt/fall_h1_bg.jpg);
		text-align: center;
		font-size: 20px;
		width: 800px;
		padding: 28px 0;
		}

a		{color: #19400c; 
		text-decoration: none;
		font-style: italic;
		}

a:visited {color: #061D19;}
a:hover 	{color: #275219; background: #f6e8b4; }
a:active	{color: #A9D6D8;}

hr		{
		color: #4E8689; 
		margin: 20px 20px;
		}


img		{
		border: none;
		padding: 10px 0;
		}
		
li		{
		list-style-image: url(farart/fall_bullet.gif);
		margin: 2px 0 0 -10px;
		}

.data	{
		background: #1F5459;
		padding: 4px 12px;
		}

.floatleft	{float: left;
			margin: 0 24px 20px 0;}

.floatright	{float: right;
			margin: 0 0 40px 24px;}

.clearfloats	{clear: both;}



.rtcaption	{font-size: .8em;
			text-align: right;
			margin: -4px 0 6px 10px;
			padding: 0 26px 0 0;}

.ltcaption	{font-size: .9em;
			
			margin: -2px 0 6px 0px;}
						
.caption2	{
			color: #220d09;
			font-size: .8em;
			margin: -2px 40px;
			}						

div#content	{background: #f6e8b4 url(FarArt/out_content_bg.jpg);  
			position: relative;
			margin-top: 10px;
			margin-right: auto; 
			margin-left: auto;
			width: 901px;}
		
	
div#header	{
			background: #c1cc8f url(FarArt/out_header1.jpg); 
			background-repeat: no-repeat;
			background-position: 0 0px;
			height: 202px;
			margin: 0 0;
			}									
#header		a:link	{color: #275219;}
#header		a:visited {color: #172712;}
#header		a:hover 	{color: #275219; background: #f6e8b4; }
#header		a:active	{color: #296813;}			




				
			
div#main	{
			
			width: 490px;
			margin: 2px 200px 0 220px;
			padding: 20px 20px;
			}
			
div#main	img	{
				margin-left: -5px;
				}			
			
.leftmenu	{
			position: absolute;
			left: 490px;
			}

#leftside	a:link	{color: #7f3c0b;}
#leftside	a:visited {color: #1f1402;}
#leftside	a:hover 	{color: #D6CA84; background: #660000; }
#leftside	a:active	{color: #600;}			
			
#rightcolumn	{
			position: absolute;
			color: #061D19;
			top: 202px;
			right: 0px;
			width: 140px;
			margin: 20px 2px 20px 12px;
			padding: 0px 0px 10px 0;
			}	
#rightcolumn img	{
			margin: 6px 10px; 
			padding: 0;
			}
#rightcolumn h1	{
			text-align: center;
			font-size: 16px;
			}

#leftcolumn	{
			position: absolute;
			color: #172712;
			top: 202px;
			left: 0px;
			width: 176px;
			margin: 20px 20px 0 0;
			padding: 0px 20px 10px 30px;
			}	
#leftcolumn img	{
			margin: 6px 0px; 
			padding: 0px;
			}
#leftcolumn h1	{
			text-align: center;
			font-size: 16px;
			}
.caption	{font-size: .9em;
			text-align: center;
			margin: -2px 0 6px;}
#footer		{
			background: #f6e8b4 url(FarArt/out_footer_bg.jpg);
			font-size: .9em;
			text-align: center;
			width: 901px;
			margin: 0;
			padding: 22px 0px 22px;			
			
			
			}				
#footer a:visited {color: #172712;}
#footer a:hover 	{color: #172712; background: #c1cc8f; }
#footer hr		{
				color: #231201;
				margin: 0px 20px;
				}
#footer p		{
				color: #231201;
				margin: 5px 0 0 10px;
				}

#footer .base		{width: 560px;
			margin: 8px 0 0 200px;
			}

#footer img		{
				margin: 5px 0 5px -10px
				}

#center			{
				background: #023C3B url(FarArt/sept_mid_bg.jpg);
				width: 720px;
				top: 169px;
				padding: 40px 40px;
				margin-left: 0px;
				}
.centtext		{
			text-align: center;
			}				

#coda		{
			background: #823c0b url(FarArt/fall_coda_bg.jpg);
			position: relative;
			
			margin-right: auto; 
			margin-left: auto;
			width: 800px;
			padding: 0;	
			
			}