@import url("reset.css");

body
{
	background: #FFF;
	color: #333;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
}

a { color: #369; text-decoration: none; }
a:hover { color: #333; text-decoration: none; }

img.imgright { float: right; margin: 0 0 10px 15px; padding: 5px; border: 1px solid #CCC; }
img.imgleft { float: left; margin: 10px 40px 10px 0px; padding: 5px; border: 1px solid #CCC; }

/* Main Styles */

#headercont
{
	background: #ffffff url(../images/artgroupheader.jpg) no-repeat right top;
	font-family: Georgia, "Times New Roman", Serif;
}

#headercont h1
{
	padding-top: 20px;
	font-size: 4.0em;
	font-weight: normal;

}

#headercont p
{
	font-size: 1.5em;
	font-weight: normal;
}

#container
{
	width: 100%;
}

	#container #headercont
	{
		margin: 0 auto;
		width: 860px;
		height: 100px;
	}
	
	#container #menucont
	{
		margin: 0 auto;
		width: 860px;
		height: 4em;
		background: #652519;
	}
	
		#container #menucont #menu
		{
			margin: 0 auto;
			width: 860px;
			height: 4em;
		}
		
			#container #menucont #menu ul
			{
				list-style-type: none;
			}
			
			#container #menucont #menu ul li
			{
				display: inline;
			}
			
			#container #menucont #menu ul li a
			{
				float: left;
				padding: 0 15px;
				line-height: 4em;
				color: #FFF;
				text-decoration: none;
				text-transform: uppercase;
				font-weight: bold;
				border-left: 1px solid #444;
			}
			
				#container #menucont #menu ul li a.last
				{
					border-right: 1px solid #444;
				}
			
			#container #menucont #menu ul li a.current
			{
				background: #1A0A17;
			}
			
			#container #menucont #menu ul li a:hover
			{
				color: #FFF;
				background: #8F7F7F;
			}
			
		#container #maincont
		{
			margin: 0 auto;
			width: 860px;
			line-height: 1.6em;
			padding: 30px 15px;
		}
		
			#container #maincont h1, #container #maincont h2, #container #maincont h3, #container #maincont h4
			{
				margin: 0 0 15px 0;
				font-weight: bold;
				font-size: 2em;
				letter-spacing: -1px;
				color: #444;
			}
			
				#container #maincont h2
				{
					font-size: 1.6em;
				}
				
				#container #maincont h3
				{
					font-size: 1.4em;
				}
				
				#container #maincont h4
				{
					font-size: 1.4em;
				}
			
			#container #maincont p
			{
				margin: 0 0 15px 0;
				text-align: justify;
			}
			
			#container #maincont #callout
			{
				margin: 5px 440px 5px 5px;
				text-align: center;
				border: 2px solid black;
				padding: 2px 2px 2px 2px;
			}
			
			#container #maincont #specialmenu
			{
				margin: 15px auto 5px auto;
				text-align: center;
				width: 600px;
				border: 2px solid black;
				line-height: 1.4em;
				padding: 10px 10px 10px 10px;
			}
			
			#container #maincont #specialmenu p
			{
				text-align: center;
				font-size: 1.2em;
			}
			
			#container #maincont #specialmenu h2
			{
				text-align: center;
				font-size: 2.0em;
			}
			
			#container #maincont #specialmenu h3
			{
				text-align: center;
				font-size: 1.6em;
			}			
	
			#container #maincont #specialmenu .category
			{
				font-weight: bold;
			}
	
			#container #maincont ul { margin: 0 0 15px 30px; }
			#container #maincont ul li { list-style-type: square; }
			
			#container #maincont ol { margin: 0 0 15px 30px; }
			#container #maincont ol li { list-style-type: decimal; }
			
		#container #mainleft
		{
			float: left;
			width: 600px;
			padding: 30px 15px;
		}
		
		#container #mainright
		{
			float: left;
			width: 150px;
			border: 3px double #808080;
			margin-top: 50px;
			padding: 30px 15px;
		}
		
	#container #footercont
	{
		clear: both;
		margin: 0 auto;
		width: 830px;
		text-align: right;
		font-size: 0.8em;
		padding: 20px 15px;
		border-top: 1px solid #CCC;
	}
	
	.centered
	{
		text-align: center;
	}
	
	td	
	{
		line-height: 1.6em;
	}