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

body 	{color: #172712;  
		background: #b4e7c9 url(FarArt/spring_bg.jpg);
		font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
		font-size: 14px;
		margin: 0px; padding: 0px;
		}
	
h1 	{color: #fdfdc7;
		background: #3c7953 url(FarArt/spring_h1.jpg);
		background-repeat:no-repeat;
		font-size: 18px;
		width: 495px;
		margin: 18px -10px 10px -15px;
		padding: 18px 0px 18px 30px;
		}
	
h2 	{color: #639D9E; 
		font-size: 18px;
		}
	
h3 	{color: #D6CA84; 
		font-size: 18px; 
		}

h4 	{
		color: #D6CA84;
		background: #7c1100;
		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;
		}
		
/* IDs  */

div#content	{background: #fafae0 url(FarArt/spring_main.jpg);  
			position: relative;
			margin-top: 10px;
			margin-right: auto; 
			margin-left: auto;
			width: 950px;}
		
	
div#header	{
			background: #f9fbc7 url(FarArt/spring_title.jpg); 
			background-repeat: no-repeat;
			background-position: 0 0px;
			height: 198px;
			margin: 0;
			}									
#header		a:link	{color: #fafae0;}
#header		a:visited {color: #172712;}
#header		a:hover 	{color: #275219; background: #f6e8b4; }
#header		a:active	{color: #296813;}			


#menu		{
			position: absolute;
			top: 162px;
			left: 480px;
			}

/* 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: #f3c769;
			border: 1px solid black;
			padding: 2px 2px 2px 6px;
			}		

#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	{	
			width: 490px;
			margin: 2px 200px 0 220px;
			padding: 20px 20px;
			}
			
div#main	img	{
				margin-left: 0px;
				}			
			
			
#rightcolumn	{
			position:absolute;
			color: #061D19;
			right: 0px;
			width: 180px;
			margin: 20px 2px 20px 12px;
			padding: 0px 5px 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;
			}
#leftcolumn	a:link		{color: #3c7953;}
#leftcolumn	a:visited 	{color: #172712;}
#leftcolumn	a:hover 	{color: #172712; background: #b6eacf; }
#leftcolumn	a:active	{color: #b6eacf;}				
		
#footer		{
			background: #f6e8b4 url(FarArt/spring_footer.jpg);
			font-size: .9em;
			text-align: center;
			width: 951px;
			margin: 0;
			padding: 22px 0px 22px;			
			
			
			}
#footer		a:link	{color: #fafae0;}
#footer		a:visited {color: #172712;}
#footer		a:hover 	{color: #275219; background: #f6e8b4; }
#footer		a:active	{color: #296813;}			
							
#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;
				}

/* Classes */

.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;}
						
.caption	{font-size: .9em;
			text-align: center;
			margin: -2px 0 6px;
			}
			
.caption2	{
			color: #220d09;
			font-size: .8em;
			margin: -2px 40px;
			}						

.centtext	{
			text-align: center;
			}				

.leftmenu	{
			position: absolute;
			left: 490px;
			}

.rtOne		{
			position:absolute;
			top: 700px;
			}

.rtTwo		{
			position:absolute;
			top: 2185px;
			right: 10px;

			}