body
{	font-family: garamond, "Times New Roman", Times, serif;
	color: #333;
	background: #46445a url(../images/body_bg_blue.jpg) repeat-x;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	margin-top: 0px;
	padding: 0px;
	width: 800px;
	height: 150px;
	text-align: center;
	font-size: small;
	line-height: 130%;
	font-weight: normal;
	position: relative;
}

h1
{
	font-size: 160%;
	line-height: 120%;
	color: #575b66;
	margin: 20px 0px 20px 0px;
	padding: 0px;

	border-bottom: 1px solid #d6b160;
}

h2
{
	font-size: 130%;
	line-height: 130%;
	margin: 20px 0px 10px 0px;
	padding: 1px 5px;
	background: #d6b160;
	color: #353349;
	border-top: 2px solid #a68130;
	border-bottom: 2px solid #a68130;
}

h3
{
	font-size: 120%;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	line-height: 120%;
}

h4
{
	font-size: 105%;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

h5
{
	font-size: 110%;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

p
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-weight: normal;
}

a, a:link
{
	color: blue;
}

a:visited
{
	color: #097bcf;
}

a:hover, a:active
{	color: #000;
}

ul
{
	padding-left: 30px;
}

form
{
	margin: 10px 0px 30px 0px;
}

#banner
{
/*	font-size: 0px; */				/* Need to get rid of extra space in Netscape 6, IE6 (possibly others */
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	padding: 0px;
	width: 800px;
	height: 170px;
	position: relative;
	background: #fff;
}

#banner img
{
	display: block;			/* Gets rid of white band underneath banner */
}

#banner #home-link
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 800px;
	height: 170px;
	background: url(../images/spacer.gif) no-repeat;  /* This is needed for IE6 */
}

#container
{
	margin: 0px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px 0px 0px 0px;		/* Need bottom padding for space at bottom of page */
	text-align: left;
	width: 800px;
	vertical-align: top;
	background: #fff url(../images/bg_container.gif) repeat-y;

	float: left;
}

/* Need to put width in or anything in main below the sidebar will
shift slightly to the left */
#main
{
	width: 600px;
	margin: 0px;
	padding: 0px;
	float: right;
}

#main-content
{
	vertical-align: top;
	padding: 0px;
	margin: 10px 30px 20px 30px;
	font-size: 120%;
	line-height: 140%;
	color: #333;
}

#sidebar
{
	float: left;
	width: 200px;
/*	min-height: 300px; */
	margin: 0px;
	padding: 0px;
	background: #36344a;
}

#sidebar-content
{
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

.sidebar-box
{
	margin: 20px 15px 10px 15px;
	padding: 10px;
	border: 1px solid #d6b160;
	color: #fff;
	background: #575b66;
	font-size: 100%;
	font-family: verdana, ariel, sans-serif;
	font-weight: bold;
}

ul#navbar
{
	margin: 0px;
	padding: 0px;
/*	clear: left;
	height: 1%;
*/
}

ul#navbar li
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	height: 1%;
/*	background: 10px 0.6em no-repeat url(../images/list_link.gif);
*/
}

ul#navbar li a
{
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: 120%;
	letter-spacing: 1px;
	color: #d6b160;
	margin: 0px;
	padding: 10px 10px 10px 15px;
/*	padding: 0.4em 0.5em 0.4em 1.4em; */
/*	height: 1%; */
	line-height: 120%;
}

ul#navbar li a:hover, ul#navbar li a:active
{
	color: #fff;
}

#footer
{	width: 800px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0px;
	text-align: center;
	background: #d6b160;
	clear: both;
}

#footer p
{
	font-size: 140%;
	color: #000;
	font-weight: bold;
}

#footer ul
{	list-style: none;
	margin: 0px;
	padding: 0px;
	letter-spacing: 0px;
	line-height: 30px;
}

#footer ul
{
	line-height: 15px;
/*	white-space: nowrap; */
	padding-bottom: 5px;
}

#footer ul li
{
	margin: 0px;
	display: inline;
	background-image: none;
	padding: 0px 0px 0px 0px;  /* Works for most browsers */
}

#footer a
{
	display: inline;
	text-decoration: none;
	white-space: nowrap;
	font-size: 90%;
	margin: 0px;
	padding: 8px 3px 9px 3px;
}

#footer a:hover, #footer a:active
{
	color: #fff;
}

#footer #credit
{
	margin: 10px;
	padding: 0px;
	font-size: 110%;
	font-weight: bold;
	letter-spacing: 1px;
}

#footer #credit a, #footer #credit a:visited
{
	color: #fff;
}

#footer #credit a:hover, #footer #credit a:active
{
	color: #000;
}

#footer img
{
	margin: 0px 10px 3px 10px;
	vertical-align: middle;
}

.img-right
{
	float: right;
	margin: 0px 0px 10px 20px;
}

.image-float-left
{
	float: left;
	margin: 10px 10px 10px 0px;
}

.image-float-right
{
	float: right;
	margin: 5px 0px 10px 10px;
}

.button
{
	margin: 20px 0px 10px 0px;
	padding: 0px;
}

.button a, .button a:visited
{
	font-size: 90%;
	font-weight: normal;
	margin: 0px;
	padding: 4px 4px 4px 4px;
	border-top: 2px solid #ddd;
	border-left: 2px solid #ddd;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	color: #000;
	background: #d6b160;
	text-decoration: none;
}

.button a:hover, .button a:active
{
	color: #fff;
	border-top: 2px solid #666;
	border-left: 2px solid #666;
	border-right: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
}

#hp-sidebox
{
	float: right;
	width: 150px;
	margin: 0px 0px 20px 25px;
	padding: 0px 0px 5px 0px;
	text-align: center;
	background: #575b66;
	color: #d6b160;
}

#hp-sidebox a, #hp-sidebox a:visited
{
	color: #d6b160;
	font-weight: bold;
}

#hp-sidebox a:hover, #hp-sidebox a:active
{
	color: #fff;
}

#artist-pix
{
	text-align: center;
}

#portfolio
{
/*	font-family: times, 'times new roman', serif; */
	font-size: 100%;
}

#portfolio h2
{
	font-size: 100%;
	line-height: 100%;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	color: #353349;
	background: none;
	border: none;
}

#portfolio p
{
	margin: 0px 0px 0px 10px;
	padding: 0px;
	line-height: 110%;
}

#portfolio #thumbnails
{
	float: right;
	margin: 0px 0px 10px 20px;
	width: 100px;
}

#portfolio #thumbnails p
{
	font-weight: bold;
	text-align: center;
}

#portfolio #thumbnails img
{
	float: right;
	clear: right;
	margin: 10px 0px 10px 0px;
	width: 100px;
}

#portfolio #thumbnails-h
{
	margin: 0px 0px 10px 0px;
}

#portfolio #thumbnails-h p
{
	font-weight: bold;
}

#portfolio #thumbnails-h img
{
	margin: 10px 10px 10px 0px;
	width: 100px;
}

#portfolio p.phone, #portfolio p.email, #portfolio p.website
{
	margin: 0px 0px 5px 0px;
	clear: left;
}

#portfolio p.description
{
	margin: 10px 0px 5px 0px;
	font-weight: bold;
	clear: left;
}

#portfolio .statement p
{
	margin: 10px 0px 10px 0px;
	line-height: 125%;
	clear: left;
}

#portfolio .bio p
{
	margin: 10px 0px 10px 0px;
	line-height: 125%;
	clear: left;
}

#artistImage
{
	float: left;
	margin-bottom: 20px;
}

#artistImage p
{
	text-align: center;
	margin-top: 10px;
	font-weight: bold;
}

.event-artists
{
	margin: 0px 0px 10px 0px;
	background: #d6b161;
	border: 1px solid #a68131;
}

.event-artists h3
{
	margin: 10px 5px 5px 10px;
}

.event-artists table
{
	margin: 0px 10px 10px 10px;
}

.donate-form
{
	text-align: center;
	margin: 15px 0px 0px 0px;
}

#bod h3
{
	color: #c00;
	font-size: 110%;
}

#bod em
{
	font-style: italic;
}

#bod p
{
	margin: 0px 0px 3px 0px;
}

#photos-2009
{
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
	line-height: 130%;
	background: #f0f0f0;
	border: 1px solid #e0e0e0;
}

#facebook
{
	margin: 10px 10px 10px 15px;
}

	#facebook a, #facebook a:link, #facebook a:visited, #facebook a:hover, #facebook a:active
	{
		color: #fff;
	}

	#facebook img
	{
		vertical-align: bottom;
	}

/* Tables
-----------------------------------------------------------------------------------------------*/
#hp-table
{
	margin: 0px 0px 10px 0px;
	width: 600px;
	background: #575b66;
}

	#hp-table th
	{
		width: 200px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 90%;
		padding: 5px 5px 5px 5px;
		text-align: center;
	}

		#hp-table th a, #hp-table th a:visited
		{
			text-decoration: none;
			color: #d6b160;
		}

		#hp-table th a:hover, #hp-table th a:active
		{
			color: #fff;
		}

	#hp-table td
	{
		padding: 0px;
		width: 200px;
		height: 160px;
	}

#hp-artist-table
{
	margin: 20px auto 20px auto;
	background: #575b66;
	clear: right;
}

	#hp-artist-table th
	{
		vertical-align: top;
		text-align: right;
		padding: 0px 20px 0px 0px;
		background: #fff;
	}

		#hp-artist-table th p
		{
			margin: 0px;
			padding: 0px;
			font-weight: bold;
		}

			#hp-artist-table p#hp-artist-img-name
			{
				font-style: italic;
			}

	#hp-artist-table td
	{
		padding: 0px;
		vertical-align: bottom;
	}

		#hp-artist-table td p
		{
			margin: 0px;
			padding: 2px 0px 5px 0px;
			background: #575b66;
			text-align: center;
		}

			#hp-artist-table td.text a, #hp-artist-table td.text a:visited
			{
				text-decoration: none;
				color: #d6b160;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-weight: bold;
				font-size: 90%;
				margin: 0px;
				padding: 0px;
			}

			#hp-artist-table td.text a:hover, #hp-artist-table td.text a:active
			{
				color: #fff;
			}


#photos-table
{
	margin: 0px 0px 10px 0px;
	width: 540px;
	background: #575b66;
}

	#photos-table th
	{
		width: 180px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 90%;
		padding: 5px 5px 5px 5px;
		text-align: center;
		color: #d6b160;
	}

		#photos-table th a, #photos-table th a:visited
		{
			text-decoration: underline;
			color: #fff;
			font-size: 100%;
			font-family: arial, helvetica, sans-serif;
		}

		#photos-table th a:hover, #photos-table th a:active
		{
			color: #d6b160;
		}

		#photos-table th p
		{
			margin-top: 10px;
		}

	#photos-table td
	{
		padding: 0px;
		width: 180px;
	}


.contact-table
{
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

	.contact-table th
	{	text-align: right;
		width: 40%;
	   font-weight: normal;
		margin: 0px;
	   padding: 5px;
	}

		.contact-table th span, .contact-table td span
		{	color: #f00;
			font-size: 200%;
			vertical-align: middle;
		}

	.contact-table td
	{	text-align: left;
		width: 60%;
		margin: 0px;
		padding: 5px;
	}

	.contact-table input, .contact-table textarea
	{
	   font-family: verdana, sans-serif;
	   background-color: #d4ddee;
	}

	.contact-table .submit-button
	{
		background-color: #a83243;
		color: #fff;
		padding: 5px;
		font-weight: bold;
		border-top: 1px solid #c88;
		border-left: 1px solid #c88;
		border-right: 1px solid #622;
		border-bottom: 1px solid #622;
	}

.form-table, .registration-table
{
	border: 1px solid #ddc;
	margin: 10px 0px 10px 0px;
	background: #f8f8f8;
}

	.form-table th, .registration-table th
	{
		padding: 3px 10px;
		border-top: 1px solid #ddc;
	}
	.registration-table th
	{
		width: 200px;
	}

	.form-table td, .registration-table td
	{
		padding: 3px 10px;
		border-top: 1px solid #ddc;
	}
	.registration-table td
	{
		width: 300px;
	}

	.required
	{
		font-size: 150%;
		color: #f00;
	}

	.form-table input.cbox, .registration-table input.cbox
	{
		float: left;
		clear: left;
		margin: 2px 0px 0px 0px;
		padding: 0px;
		width: 20px;
		background: #f00;
	}

	.form-table .cbox-text, .registration-table .cbox-text
	{
		float: left;
		clear: none;
		width: 200px;
		margin: 0px 0px 5px 8px;
		padding: 0px;
	}

	.form-table textarea, .registration-table textarea
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 90%;
	}


.artists-table
{
	text-align: center;
}

	.artists-table th
	{	text-align: center;
		vertical-align: top;
		width: 183px;
		padding: 5px 0px 20px 0px;
		font-weight: normal;
	}

	.artists-table td
	{	text-align: center;
		vertical-align: bottom;
		width: 183px;
		padding: 0px;
	}