@charset "UTF-8";
body {
	font: 100% Arial, Helvetica, sans-serif;
	background: #000;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000;
	line-height: 1.5;
}
#container {
	background: #FFF;
	text-align: left;
	min-width: 63em; /* was 65em */
	width: 100%;
}
h1, h2, h3 {
	font-weight: normal;
	letter-spacing: -.05em;
	line-height: 1.1;
}
h1 {
	font-size: 1.3em;
	text-transform: uppercase;
}
h2 {
	font-size: 1.1em;
	margin-bottom: 5px;
}
.contact h2 {
	clear: both;
	border-top: dotted 1px #999;
	padding-top: 10px;
}
h2.low_space {
	margin-bottom: 1.5em;
}
h3 {
	font-size: 1em;
	margin-bottom: 0;
	margin-top: 5px;
}
li h3 {
	color: #AD2027;
}
h4 {
	margin-top: 0;
	font-weight: normal;
}
h5 {
	font-size: 1em;
}
#header {
	padding: 10px 30px;
	border-bottom: solid 6px #AD2027;
	margin-bottom: 50px;
	background: #FFF;
}

/* sidebar rules */
#sidebar1 {
	float: left;
	width: 12em;
	padding: 0 0 30px;
}
#sidebar1 h3, #sidebar1 p {
	margin-left: 30px;
	margin-right: 10px;
}
#sidebar1 p {
	font-size: .8em;
	color: #AD2027;
	font-weight: bold;
	margin-top: 2em;
}
.thrColHybHdr #sidebar2 {
	float: right;
	width: 13em;
	padding: 0;
}
.thrColHybHdr #sidebar2 p, .thrColHybHdr #sidebar2 h3 {
	margin-left: 10px;
	margin-right: 10px;
}

/* Rules for mainContent */
.twoColHybLtHdr #mainContent {
	margin: 0 20px 20px 13.5em;
	max-width: 60em;
}
.thrColHybHdr #mainContent {
	margin: 0 13em 30px 13em; 
	padding: 0 .5em 0 1em;
}
#mainContent p {
	font-size: 0.8em;
	margin-top: 0;
}
#mainContent ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
#mainContent ul.facts {
	font-size: 0.8em;
	list-style: disc;
	margin-left: 1em;
}
#mainContent ul.facts li {
	color: #AD2027;
	margin-bottom: 10px;
}
#mainContent ul.facts li span {
	color: #000;
}

/* Rules for footer */
#footer {
	padding: 10px 30px;
	background:#000;
	border-top: solid 6px #AD2027;
	color: #FFF;
	font-size: 0.7em;
}
#footer p {
	margin: 0;
	padding: 10px 0;
	text-align: center;
}

/* Miscellaneous classes for reuse */
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
a img {
	border-style: none;
}
a {
	color: #AD2027;
	font-weight: bold;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}
.centered {
	margin: 0 0 30px;
	padding: 0 5%;
	text-align: center;
}
.centered img, .block img {
	padding: 4px;
	border: 1px solid #AD2021;
}
img.outline {
	padding: 3px;
	border: 3px solid #AD2021;
}
ul.MenuBarVertical a.selected, .contact #contact a, .home #home a, .artists #artists a, .exhibits #exhibits a, .about #about a {
	font-weight: bold;
	color: #FFF;
	background: #000;
	border-left: 12px solid #AD2027;
	padding-left: 16px;
}
.artists #artists li a {
	border-left: none;
	background: #FFF;
	padding-left: 28px;
	color: #000;
}
.artists #artists li a:hover {
	background: #AD2027;
	color: #FFF;
}
#sidebar2 h3 {
	margin-top: 0;
}
#sidebar2 p {
	font-size: .8em;
}

.galleryItem {
	width: 16em;
	float: left;
	padding: 6px;
	border: solid 1px #AD2027;
}
.thumbnail {
	width: 124px; /*9em*/
	float: left;
	height: 140px;
	margin: 0;
	text-align: center;
}
.thumbnail img {
	padding: 1px;
	border: 1px solid #AD2027;
}
#mainContent .galleryItem p {
	padding: 0;
	margin: 0;
	margin-left: 129px;
	font-size: .75em;
}
#mainContent .galleryItem p.thumbnail {
	margin-left: 0;
}
#mainContent .galleryItem p.pictureTitle {
	font-size: .85em;
	font-weight: bold;
	padding-bottom: .4em;
	line-height: 1em;
	color: #AD2027;
}
.pictureArtist {
	font-style: italic;
}
.picturePrice {
	color: #AD2027;
}
.picturePrice img {
	display: block;
}
.pictureHirez {
	display: none;
}
.SlidingPanels, .SlidingPanelsContentGroup {
	position: relative;
}
#slidingGallery {
	float: left;
	height: 10.5em; /* changed for accessibility text resizing 160px */
	border: solid 1px #AD2027;
	display: none;
	width: 99%;
}
#slidingGallery #galleryContentGroup {
	width: 1000em;
}
#slidingGallery .SlidingPanelsContent {
	float: left;
	width: 16.25em;/* original value - 260px */
	height: 10.45em; /* original 166px */
}
#slidingGallery .galleryItem {
	border: none;
	width: 15.4375em; /* original 247px */
	height: 9.55em; /* original 156px */
	padding-top: .75em; /*12px*/
	border-right: solid 1px #AD2021;
	padding-bottom: .35em; /*6px*/
}
#mainContent #detailArea {
	margin-right: auto;
	margin-left: auto;
	padding: 0 0 20px 0;
	text-align: center;
	display: none;
	height: 420px;
}
#detailArea img {
	padding: 4px;
	/*margin: 0 10px;*/
	border: solid 1px #AD2021;
	max-height: 400px;
	/*max-width: 700px;*/
}
.art #detailArea img {
	padding:0;
	border: solid 15px #000;
}
#panelNav {
	display: none;
}
#panelNav a {
	padding-right: 6px;
	padding-left: 6px;
}
.evListing {
	display: block;
	padding: 0 6px;
}

/* form styles */
#mainContent #formholder {
	width: 31em;
	margin: 0 auto;
}
#formholder .column2 {
	width: 14em;
	padding: 0 1em 0 0;
	float: left;
}
#formholder .column3 {
	float: left;
	width: 9em;
	padding: 0 1em 0 0;
}

#mainContent form {
	margin: 0; /* zeros the margin for a level playing field */
	padding: 0 0 10px; /* creates 10px of padding at the bottom of the form */
	width: 30em; /* this is set to avoid float drop (to the same width as the Flash slideshow on the home page) */
	float: left; /* floating this form element keeps the internal clearing BR's within the form from clearing the external floated side column. */
}
#mainContent fieldset {
	border: 1px solid #AD2027; /* defines a border around each fieldset */
	margin: 0 0 10px; /* keeps the fieldset's bottom border 10px off the next element */
	padding: 5px 0 15px 15px; /* creates padding to keep the elements inside away from the edge of the fieldset */
}
#mainContent fieldset p {
	margin-top: 10px;
	margin-bottom: 2px;
}
#mainContent legend {
	border: 2px solid #AD2027; /* creates a defined box/border around the legend */
	color: #fff; /* gives the legend the same background as the feature headings */
	padding: 1px 5px 2px; /* keeps the borders away from the text by these specified amounts */
	margin-bottom: 5px; /* creates 5px of space from the bottom of the legend */
	font: normal 1em Arial, Helvetica, sans-serif;  /* styles the text within */
	background: #000;
}
#mainContent label {
	float: left; /* The label elements in the form are floated left, and the text inside is right aligned. */
	width: 10em; /* All the labels have the same width, so their right edges line up vertically. */
	clear: both; /* They are all cleared so that they always start a new line below previous form element floats. */
	font-size: .8em;
	text-align: right;
	margin-top: 3px; /* this moves the text/label down away from the top of the input */
}
#mainContent .checkboxes label {
	width: 26em;
	float: right;
	text-align: left;
}
#mainContent input, #mainContent textarea {
	color: #000; /* creates the text color */
	border: 1px solid #000; /* gives the input and textarea a border */
	padding: 1px; /* this keeps the text from touching the edges of the input and textarea */
	background: #EDEDED; /* creates a background color */
	margin: 3px 5px 2px; /* this creates the space around the inputs and textarea so they don't stack on top of each other */
	width: 23em; /* creates a consistent width */
	float: left; /* These inputs and the textarea are floated next to the labels. */
}
#mainContent .checkboxes input {
	margin-left: 7.5em;
	margin-top: 5px;
	display: inline;
}
#mainContent input.sminp {
	width: 14em; /* for shorter input boxes. */
	margin-right: 10em; /* this keeps the shorter boxes aligned on the left with the wider ones. */
}
#mainContent input:focus, #mainContent input:active, #mainContent textarea:focus, #mainContent textarea:active {
	color: #000;
	background: #BEBEBE;
}
#mainContent span.required, h5 {
	font-weight: bold;
	color: #AD2027;
}
#mainContent input.check {
	width: 1.1em;
	border: none;
	background: #FFF;
}
#mainContent input.submit {
	width: 9em;
}
#maps {
	width: 640px;
	margin: 20px auto;
}
#maps .column2 {
	width: 300px;
	float: left;
	margin-right: 20px;
}
#maps iframe {
	border: 1px solid #333;
}

/* main page styles */
.oneColHybLtHdr #header {
	background-image:none;
	text-align: center;
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.oneColHybLtHdr #container {
	background: none;
}
.frontPagePic {
	width: 400px;
	text-align: center;	
}
.oneColHybLtHdr span.txtrt {
	text-align: right;
}
.oneColHybLtHdr #mainContent {
	text-align: center;
	width: 1000px;
	margin: 0 auto;
	max-width: 1020px;
	padding-top: 1px;
}
p.block img {
	display: block;
	margin-bottom: 10px;
}
body.oneColHybLtHdr {
	background: #000 url(../images/body_back_top.gif) no-repeat 50% top !important;
}
.oneColHybLtHdr #mainContent a {
	display: block;
	margin-bottom: 10px;
}
.oneColHybLtHdr h1 {
	font-size: 1.8em;
}
.oneColHybLtHdr h1 a {
	text-decoration: none;
	color: #000;
	font-weight: normal;
}
.oneColHybLtHdr h1 a:hover, .oneColHybLtHdr h1 a:active, .oneColHybLtHdr h1 a:focus {
	text-decoration: underline;
}
.oneColHybLtHdr #footer {
	border-top-width: 0;
	background: none;
	padding-top: 1px;
}
.oneColHybLtHdr #footer p {
	text-transform: uppercase;
}
ul.column li {
	display: block;
	width: 20em;
	list-style: none;
	float: left;
	padding: .25em .75em;
	font-size: .8em;
}
.artistList {
	float: left;
}
.contact .artistList li {
	float: left;
	width: 14em;
	padding: 3px;
}
#mainContent .artistList input {
	width: 1.1em;
	float: left;
	margin-left: 2em;
	margin-top: 5px;
	display: inline;
	border: none;
	background: #FFF;
}
#mainContent .artistList label {
	width: 12em;
	text-align: left;
	float: right;
	margin-right: 1em;
}
li p {
	margin: 0 0 0 20px;
}
.exhibits h3 {
	margin-top: 3px;
}
.exhibits li {
	margin-bottom: 20px;
}
.exhibits .showthumb {
	margin: 30px 0 0;
}
.exhibits .showthumb img {
	border:1px solid #AD2027;
padding:1px;
float: left;
margin-right: 20px;
}
.exhibits h1 {
	margin-bottom: 60px;
}