/* CSS Document */

@media screen {

/*************************************************************

Main Styles

*************************************************************/

*

	{
	
	margin: 0;
	padding: 0;
	
	}
	
body 
	
	{
	
	background-color: #FFFFFF;
	font: 11pt/17pt Georgia, serif;
	margin: 0;
	padding: 0;
	text-align: left;
	
	}
	
p

    {
    
    color: #666666;
    
    }
    
a 	
	{
	
	color: #a03925;
	text-decoration: none;
	
	}
	
a:hover, a:active
	
	{
	
	text-decoration: underline;
	
	}
	
table
	
		{
		
		margin: 15px 0 0 0;
		padding: 0;
		font: 9pt/13pt Arial, Helvetica, sans-serif;
		border: 1px solid #666666;
		border-collapse: collapse;
		
		}
		
	thead, tbody, th, tr, td
		
		{
	
		margin: 0;
		padding: 0.3em;
		border: none;
		text-align: left;
		
		}
		
	thead
	
		{
		
		border-bottom: 1px solid #CCCCCC;
		background-color: #CCCCCC;
		
		}
		
		
	tbody
	
		{
		
		margin: 0;
		padding: 0;
		color: #666666;
				
		}
		
		
		
	tr, td
	
		{
		
		border-bottom: 1px solid #CCCCCC;
		padding: 0.3em;
		
		}
		
	td a
	
		{
		
		font-weight: normal;
		
		}
		
	img
	
		{
		
		border: none;
		
		}
	
/*************************************************************

Container

*************************************************************/
	
#container 
	
	{
	
	width: 880px;
	margin: 0;
	padding: 0;
	
	}
	
/*************************************************************

Header Styles

*************************************************************/

#header

	{
	
	margin: 0;
	padding: 0;
	
	}

	/*************************************************************
	
	Logo
	
	*************************************************************/	
	
	#logo a
	
		{
		
		position: absolute;
		width: 415px;
		height: 85px;
		top: 0;
		left: 0;
		z-index: 1;
		
		}
	
	/*************************************************************
	
	Top Trip Navigation
	
	*************************************************************/	
	
	#nav_top ul
	
		{
		
		position: absolute;
		top: 38px;
		left: 430px;
		margin: 0;
		padding: 0;
		z-index: 1;
		
		}
		
	#nav_top ul li
	
		{
		
		display: inline;
		
		}
		
	#nav_top ul li a
	
		{
		
		margin-left: 0.5em;
		padding-right: 0.5em;
		
		}
		
	li#nav_membership a
	
		{
		
		display: block;
		float: left;
		width: 68px;
		height: 9px;
		border-right: 1px solid black;
		
		}
		
	li#nav_contribute a
	
		{
		
		display: block;
		float: left;
		height: 9px;
		width: 63px;
		border-right: 1px solid black;
		
		}
		
		
	li#nav_eceramica a
	
		{
		
		display: block;
		float: left;
		height: 9px;
		width: 59px;
		
		}
	
	/*************************************************************
	
	Google Search
	
	*************************************************************/	
	
	#search
	
		{
		
		position: absolute;
		top: 65px;
		left: 437px;
		z-index: 1;
		
		}
	
	
	/*************************************************************
	
	Main Navigation
	
	*************************************************************/	
	
	#nav_main
	
		{
		
		position: absolute;
		top: 140px;
		left: 15px;
		width: 800px;
		z-index: 1;
		
		}
		
	#nav_main ul, #nav_main ul li, #nav_main ul li a
	
		{
		
		margin: 0;
		padding: 0;
		
		}
		
	#nav_main ul
	
		{
		
		list-style-type: none;
		margin-left: -0.5em;
		
		}
		
	#nav_main ul li
	
		{
		
		display: inline;
		
		}
		
	#nav_main ul li a
	
		{
		
		margin-left: 0.5em;
		padding-right: 0.5em;
		
		}
		
		/*-----------------Home-----------------*/
	
		li#nav_home a
		
			{
			
			display: block;
			float: left;
			height: 11px;
			width:26px;
			border-right: 1px solid black;
			
			}
		
		/*-----------------Take a Class-----------------*/
			
		li#nav_class a
		
			{
			
			display: block;
			float: left;
			height: 11px;
			width: 61px;
			border-right: 1px solid black;
			
			}
		
		/*-----------------See an Exhibition-----------------*/
	
		li#nav_exhibition a
		
			{
			
			display: block;
			float: left;
			height: 11px;
			width: 84px;
			border-right: 1px solid black;
			
			}
			
		/*-----------------Meet the Artists-----------------*/
	
		li#nav_artists a
		
			{
			
			display: block;
			float: left;
			height: 11px;
			width: 81px;
			border-right: 1px solid black;
			
			}
			
		/*-----------------Colloborate in the Community-----------------*/
			
		li#nav_ca a
		
			{
			
			display: block;
			float: left;
			height: 11px;
			width: 161px;
			border-right: 1px solid black;
			
			}
			
		/*-----------------Get Involved-----------------*/
		
		li#nav_involved a
		
			{
			
			display: block;
			float: left;
			height: 11px;
			width: 63px;
			border-right: 1px solid black;
			
			}
			
		/*-----------------Attend an Event-----------------*/
			
		li#nav_event a
		
			{
			
			display: block;
			float: left;
			height: 11px;
			width: 80px;
			
			}
		
	/*************************************************************
	
	Header Image
	
	*************************************************************/	
	
	#header_image
		
		{
		
		position: absolute;
		top: 10px;
		left: 15px;
		z-index: 0;
		
		}
	

/*************************************************************

Side Navigation

*************************************************************/	

#nav_side

	{
	
	float: left;
	width: 175px;
	margin: 270px 30px 0 15px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	
	}
	
#nav_side ul

	{
	
	list-style-type: none;
	margin: 0;
	padding: 0;
	
	}
	
#nav_side ul li

	{
	
	border-bottom: 1px solid black;
	
	}
	
#nav_side a

	{
	
	text-decoration: none;
	color: #999999;
	
	}
	
#nav_side a:hover

	{
	
	color: #000000;
	
	}
	
#nav_side a.active

	{
	
	color: #000000;
	
	}
	

	
/*************************************************************

Content

*************************************************************/	

#content

	{
	
	float: left;
	width: 450px;
	margin: 200px 0 30px 0px;
	padding-right: 10px;
	
	}
	
	/*-----------------Content Heading-----------------*/
	#content_headline h3
	
		{
		
		display: none;
		
		}
		
	#content_headline img
	
		{
		
		margin: 0;
		padding: 0;
		
		}
		
	#content_headline h5
	
		{
		
		display: none;
		
		}
	
		
	/*-----------------Content Text-----------------*/
	#content_text
	
		{
		
		margin: 30px 0 0 0;
		padding: 0;
		
		}
		
		/*-----------------Table Content-----------------*/
		.tint
		
			{
			
			margin: 0;
			padding: 0 0.25em 0 0.25em;
			background-color: #a03925;
			text-align: center;
			
			}
			
		.tint h4 a
		
			{
			
			color: #FFFFFF;
			margin: 0;
			padding: 0.5em;
			text-decoration: none;
			float: left;
			text-transform: uppercase;
			
			}
			
		th.tint
		
			{
			
			color: #FFFFFF;
			
			}
	
	#content_text h4, #content_text ul, #content_text ul li, #content_text span, #content_text img
	
		{
		
		margin: 0;
		padding: 0;
		
		}
		
	
	#content_text h5
	
		{
		
		margin-bottom: 10px;
		padding: 0;
		
		}
		
		
	#content_text h5 a
	
		{
		
		margin: 0;
		padding: 0 0 0 0.5em;
		color: #a03925;
		
		}

	#content_text h5 ul li a
	
		{
		
		color: #a03925;
		text-decoration: none;
		
		}
		
	#content_text p
	
		{
		
		margin: 0 0 10px 0;
		padding: 0;
		
		}
		
	#content_text ul
	
		{
		
		list-style-type: none;
		color: #666666;
		
		}
		
	#content_text ul li
	
		{
		
		margin: 0 0 10px 0;
		
		}
		
	#content_text img
	
		{
		
		margin: 5px 10px 0 0;
		padding-top: 6px;
		float: left;
		
		}
		
	#content_text span
	
		{
		
		color: #000000;
		
		}
		
	#content_text p.showinfo
	
		{
		
		margin: 0 0 20px 0;
		padding: 0;
		color: #000000;
		
		}
		
	#content_text p.showinfo span
	
		{
		
		font-weight: bold;
		
		}
		
	#content_text h4.workshop
	
		{
		
		border-top: 1px solid black;
		border-bottom: 1px solid black;
		
		}
		
		/*-----------------Icon and Profile-----------------*/
			
	
		ul#icon_profile, ul#icon_profile li
		
			{
			
			margin: 0;
			padding: 0;
			
			}
			
		ul#icon_profile li
		
			{
			
			display: block;
			clear: both;
			margin-bottom: 20px;		
			
			}
			
		ul#icon_profile li .icon, 
		ul#icon_profile li .profile
		
			{
			
			margin: 0;
			padding: 0;
			
			}
			
		ul#icon_profile li .icon img,  
		ul#icon_profile li .profile a,
		ul#icon_profile li .profile a h5,
		ul#icon_profile li .profile h5,
		ul#icon_profiles li .profile p
		
			{
			
			margin: 0;
			padding: 0;
			
			}
	
		ul#icon_profile li .icon
		
			{
			
			float: left;
			margin-bottom: 20px;
			
			}
			
		ul#icon_profile li .profile
			
			{
			
			margin-left: 110px;
			
			}
			
		
		ul#icon_profile li
		
			{
			
			margin-bottom: 20px;
			
			}
		
		ul#icon_profile li .profile a:link
		
			{
			
			text-decoration: none;
			border: none;
			
			}
			
		ul#icon_profile li .profile a:visited
		
			{
			
			text-decoration: none;
			border: none;
			
			}
			
		ul#icon_profile li .profile a:hover
		
			{
			
			text-decoration: underline;
			border: none;
			
			}
			
		ul#icon_profile li .profile a:active
		
			{
			
			text-decoration: none;
			border: none;
			
			}
		
		ul#icon_profile li .profile h5
		
			{
			
			color: #000000;
			
			}
			
		ul.muticolumns
		
			{
			
			width: 150px;
			height: 570px;
			float: left;
			margin: 0 30px 0 0;
			padding: 0;
			
			}
			
	/****************************Site Map**********************************/
		ul#sitemap
	
			{
			
			margin: 0;
			list-style-type: none;
			font-size: 0.85em;
				
			}
			
		ul#sitemap li
		
			{
			
			font-weight: bold;
			margin: 0 0 5px 0;
			padding: 0;
			
			}
			
		ul#sitemap li ul
		
			{
			
			margin: 0px 0 0 40px;
			list-style-type: disc;
			
			}
			
		ul#sitemap li ul li
		
			{
			
			font-weight: normal;
			margin: 0;
			padding: 0;
			
			}
			
		
		ul#sitemap li ul li ul
		
			{
			
			margin: 0 0 0 30px;
			list-style-type: circle;
			
			}
			
		ul#sitemap li ul li ul li
		
			{
			
			margin: 0;
			padding: 0;
			
			}
					
/*************************************************************

Sidebar Content

*************************************************************/	
	
	#sidebar
	
		{
		
		float: left;
		margin: 200px 0 0 15px;
		padding: 0;
		width: 170px;
		
		}
		
	#sidebar_links, #sidebar_links ul, #sidebar_links ul li, #sidebar_links ul li a, #sidebar_links h5
	
		{
		
		margin: 0;
		padding: 0;
		
		}
		
	#sidebar_links 
	
		{
		
		margin: 0 0 35px 0;
		
		}
		
	#sidebar_links ul
	
		{
		
		list-style-type: none;
		margin: 5px 0 10px 0;
		
		}

	#sidebar_links ul li
	
		{
		
		font-size: 12px;
		line-height: 16px
		
		}
		
	#sidebar_links ul li a
	
		{
		
	
		margin-bottom: 10px;
		display: block;
		
		}
		
	#sidebar_links h5.sidelink_space
	
		{
		
		margin-top: 20px;
		padding: 0;
		
		}
		
	#sidebar_links ul.sidelink_bullets
	
		{
		
		list-style-type: disc;
		margin-left: 10px;
		
		}
		
	#sidebar_links ul.sidelink_bullets li
	
		{
		
		line-height: 18px;
		margin-left: 5px;
		
		}
		
	#sidebar p

		{
		
		margin-bottom: 20px;
		font-size: 12px;
		line-height: 16px;
		color: #000000;
	
		}
		
		
		
/*************************************************************

Footer

*************************************************************/	

#footer

	{
	clear: both;
	width: 650px;
	margin: 0 0 50px 220px;
	padding: 0;
	text-align: center;
	border-top: 5px solid black;
	
	}
	
	
	/*-----------------Footer Nav-----------------*/
	#footer_nav, #footer_nav ul, #footer_nav li, #footer_nav li a
	
		{
		
		margin: 0;
		padding: 0;
		
		}
		
	#footer_nav ul
	
		{
		
		list-style-type: none;
		
		}
		
	#footer_nav ul li
	
		{
		
		display: inline;
		font-family: Arial, sans-serif;
    
    	}
		
	#footer_nav ul li a
	
		{
		
		font-size: 10px;
		margin: 0;
		padding: 0 0.2em 0 0.1em;
		border-right: 1px solid black;
		
		}
		 
	#footer_nav ul li#noborder a
	
		{
		
		border: none;
		
		}
		
	/*-----------------Footer Info-----------------*/
	#footer_info, #footer_info p, #footer_info p span, #footer_info p a
	
		{
		
		margin: 0;
		padding: 0;
		text-align: center;
		color: #333333;
		
		}
		
	#footer_info p

    	{
    
    	font: 10px/14px Arial, sans-serif; 
    
    	}
    
	#footer_info p span

    	{
    
    	margin: 0;
    
    	padding: 0 0.5em 0 0.5em;
    
    	}
		
/*************************************************************

Special classes and ids

*************************************************************/	

.back

	{
	
	font-size: 12px;
	display: block;
	margin: 0 0 20px 0;
	padding: 0;
	
	}

.caption

	{
	
	margin: 15px 0 35px 0;
	padding: 0;
	color: #333333;
	text-transform: uppercase;
	font: 8pt/11pt Arial, Helvetica, sans-serif;
	
	}
	
ul#bullets

	{
	
	margin: 0 0 0 30px;
	padding: 0;
	
	}
	
	
ul#bullets li

	{
	
	list-style-type: disc;
	margin: 0 0 7px 0;
	padding: 0;
	
	}
	
a#top

	{
	
	color: #FFFFFF;
	font-size: 10px;
	float: right;
	margin-right: 10px;
	padding: 0.5em;
				
	}
	
a.active

	{
	
	color: #FFFFFF;
	
	}
	

}