/* CSS designed by FAR Studio Designs */
/* Spring 2008 */

/* dark green: 203013
	light green: 8bb122
	orange:	cc6e11
	light yellow:  f4e168
	dark yellow: f2cb21
	light brown: 7b4018
	brown:  2f1a04
	cream:  faf6cd
*/	
		
body 	{color: #203013;  
		background: #243d20 url(FarArt/FARDesignabout_bodybg.jpg);
		font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
		font-size: 14px;
		margin: 0px; padding: 0px;
		}


h1		{height: 198px;	/* image replacement */
		width: 200px;
		text-indent: -9000px;
		}

	
h2 		{color: #2f1a04;
		font-size: 18px;
		}
	
h3 		{color: #203013; 
		font-size: 18px;
		}
	




a		{color: #7b4018; 
		text-decoration: none;
		font-style: italic;
		}
a:visited {color: #244517;}
a:hover 	{color: #fff7c3; background: #7b4018; }
a:active	{color: #65844a;}

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


img		{
		border: none;
		padding: 10px 0;
		}
		
/* IDs  */


div#content	{  
			position: relative;
			background: #faf6cd url(FarArt/FAR_happy_creamtex.jpg);
			margin-right: auto; 
			margin-left: auto;
			width: 1000px;
			}
div#base	{
			background:  url(FarArt/FAR_happy_main.jpg);
			background-position: 297px 230px;
			background-repeat: no-repeat;			
			}
	
div#header	{
			background: transparent url(FarArt/FAR_happy_header2.jpg); 
			background-repeat: no-repeat;
			background-position: 0 0px;
			height: 266px;
			margin: 0;
			}
			/*									
#header		a:link	{color: #7b4018;}
#header		a:visited {color: #284a19;}
#header		a:hover 	{color: #fff7c3; background: #65844a; }
#header		a:active	{color: #fff7c3;}			
			*/

#menu		{
			font-size: 16px;
			font-family: Geneva, Arial, Helvetica, sans-serif;
			position: absolute;
			top: 160px;
			left: 460px;
			}

/* Son of Suckerfish Drop Down Menus from HTMLDog.com */
				
#nav, #nav ul {     
			padding: 0;     
			margin: 0; 
			list-style: none;     
			} 
#nav a 		{     
			display: block;     
			width: 7.8em; 	
			} 
#nav li 	{     	
			float: left;     
			width: 7.5em; 
			background: #f2d072;
			border: 1px solid #244316;
			padding: 2px 2px 2px 4px;
			}		

#nav li ul 	{     
			position: absolute;     
			width: 7.5em;     
			left: -999em; 
			} 
#nav li:hover ul {     
			left: auto; 
			}
#nav li:hover ul, #nav li.sfhover ul 
			{     
			left: auto; 
			}	
#nav > li	{
			background: none;
			border:none;
			}
						
/* End Son of Suckerfish  */
			
div#main	{
			position: relative;
			width: 640px;
			
			margin: 0px 0px 0 297px;
			padding: 0px 20px 20px;
			}
			
div#main	img	{
				margin-left: 0px;
				}			

#leftcolumn	{
			position: absolute;
			color: #203013;
			background: url(FarArt/FAR_happy_sidebar.jpg);
			background-repeat: no-repeat;
			top: 230px;
			left: 0px;
			width: 204px;
			margin: 0px;
			padding: 20px 70px 10px 34px;
			}	
#leftcolumn img	{
			margin: 6px 0px; 
			padding: 0px;
			}
#leftcolumn h1	{
			text-align: center;
			font-size: 16px;
			}
			

#footer		{
			background: #fff7c3 url(FarArt/FAR_happy_footer.jpg) no-repeat;
			font-size: .9em;
			height: 70px;
			width: 960px;
			margin: 0;
			padding: 30px 0px 20px 40px;
			position: relative;			
			}
#footer hr	{
			color: #203013;				
			}
#footer ul	{
			margin: 0 0 0 150px;
			}
#footer li	{
			float: left;
			list-style: none; 
			}

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

/* Classes */



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

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

.clearfloats	{clear: both;}


						
.caption	{font-size: .9em;
			text-align: center;
			margin: -2px 0 6px;
			}
			
.caption2	{
			color: #220d09;
			font-size: .8em;
			margin: -5px 0px auto 20px;
			}						

.centtext	{
			text-align: center;
			}				
.date		{color: #8bb122;
			}