body {	
	font-family: Lucida, helvetica, arial, sans-serif; 	
	margin: 0px auto;
	overflow: visible;
	color: #732222;
	font-size: 16px;	
	background: transparent url(/images/new-layout/bg-body.gif) repeat scroll;
	background: #222;
	background: transparent url(/images/new-layout/body-bg.jpg) repeat scroll;
	background: transparent url(/images/new-layout/bg-body.jpg) repeat scroll;

}

#body-container {
	/*min-width: 940px; _width: 940px; */
	width: 940px;
	margin: auto;
	background: #F4F4ED none repeat scroll 0% 0%;
	border: 1px solid #030303;
	border-top: none;
	border-radius: 15px;
	-moz-border-radius: 15px;
	background: url(/images/new-layout/body-bg-canvas.jpg);
	background: #e3db96;
	background: url(/images/new-layout/main-content-bg3.jpg);
	
	
	gbackground: #e3d2a6 url(/images/new-layout/main-content-gradient.jpg) repeat-x;
	
}

img {border: none;}
div.image {text-align: center; margin-bottom: 20px}
div.caption {margin: 10px 0px; font-size: 16px;}
a { color: #7b2921; text-decoration: none; color: #01f4fc; color: #c54235; color: #573817; color: #516488; color: #3b4963; color: #2c1210;}
a:hover, a.active, .toggler-active { color: #929; color: #44c; color: #01bdc3; color: #667eaa; color: #3b4963; color: #ab6430;}
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
.pagination {margin-top: 10px}
.feed {
  margin-left: 3px;
  padding: 0 0 0 33px;
  background: url(/images/feed-icon-28x28.png) no-repeat 0 50%;
	height: 30px;
	font-size: 20px;
	padding-top: 5px;
}


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

#header-container {width: 100%;background: #111;
	background: transparent url(/images/new-layout/body-bg.jpg) repeat scroll;
	background: transparent url(/images/new-layout/bg-body.jpg) repeat scroll;
	margin-top: 10px;
	}

#header {
	margin: auto;
	width: 940px;
	height: 153px; 	
	background: url(/images/new-layout/header-bg.jpg) no-repeat; 
	background: #222;
	gborder-bottom: 0px solid #7b2921;
	position: relative;
	background: #222;
	margin-bottom: 20px;
	
	-moz-border-radius: 15px;
	
	
	background: url(/images/new-layout/header-bg.jpg) top left repeat-y scroll; 
	background: url(/images/new-layout/new-header-bg.jpg) top left repeat-y scroll; 
	gbackground: #222;
}

#csia-title {padding: 25px 0px 0px 160px; }
#crow {
	width: 170px;
	height: 148px;
	position: absolute;
	top: 5px;

	left: 15px;
	background: url(/images/new-layout/crow.png) no-repeat top left;
	z-index: 2;
}

#csia-logo {float: left; margin-right: 10px;}


#content-container {
	min-height: 600px;
	_height: 600px; /* IE hack */
	position: relative;
}
	


#main-content {
	background: #bdc178;
	min-height: 600px;	
	text-align: justify;
	padding: 0px 30px;
	padding-top: 20px;
	gbackground: transparent url(/images/new-layout/earth-grad.gif) repeat-x scroll left top;
	background: transparent url(/images/new-layout/bg-body.gif) repeat scroll;
	background: transparent url(/images/new-layout/light-bg2.jpg) repeat scroll;
	background: #ddd;
	-moz-border-radius: 15px;
	background: transparent;
	
}

#column1 {
	gbackground: #93965d;
	width: 240px;
	min-height: 220px;
	_height: 220px;
	z-index: 4;
	float: left;
	margin-right: 20px;
	gborder: 2px dashed #732222;
	padding-top: 10px;
	gborder: 1px solid #732222;
}

/* content images */
.content-image-right {float: right; text-align: center; margin: 20px 0px 10px 20px}
.content-image-left {float: left; text-align: center; margin: 0px 20px 10px 0px}

#pages-prints #column1 {
	width: 340px;
	background: #d2c29a;
}
#pages-prints #column1 a { font-size: 14px; } 

#artists-show #column1, #artists-prints #column1 {text-align: center; width: 220px; padding-top: 0px;}

#column1 p {margin-top: 0px;}

/* print-gallery */
.print-image-container {float: left; text-align: center;}
/* thumbnail100 version */
/*#print-gallery2-thumbnail100 .print-image {float: left; width: 100px; height: 100px; margin: 20px 10px; text-align: center;} */
#print-gallery2-thumbnail100 .print-image {width: 100px; height: 100px;}
#print-gallery2-thumbnail100 .print-image-container {margin: 20px 10px; width: 100px;}
#print-gallery2-thumbnail100 { width: 600px; margin: auto;}

/* thumbnail version */
#print-gallery2-thumbnail .print-image {width: 200px; height: 200px;}
#print-gallery2-thumbnail .print-image-container {margin: 20px 30px; width: 200px;}
#print-gallery2-thumbnail { width: 800px; margin: auto;}

.series-notes {width: 600px;}
.print-sold { font-size: 12px; font-weight: bold; color: #aa1111 }


/* news blog */
#news-blog {width: 750px; margin: 0 auto;}
#news-blog .news-blog-item {padding: 20px; margin: 20px 0px; border: 1px solid #600; color: #3F2E13; background: #AFA382; }
#news-blog .newsitem-title {color: #000; font-size: 24px; font-family: courier;}
#news-blog .newsitem-date {color: #222; font-size: 20px; font-family: courier;}


/* special styles for column 2 when needed
like increasing the margin so the text doesn't wrap around the bottom of column 1 */
#column2 {
	max-width: 1000px;
}

#pages-workshops #column2, #artists-show #column2, #people-designations #column2 {
	margin-left: 250px;
}

/* this is the stuff that's in column2 on regular pages */
.page-content {
	gbackground: #93965d;
	gborder: 1px solid #732222;
	padding-right: 20px;
	margin-bottom: 10px;
}


/* people */
#people-menu {margin-bottom: 40px;}
#people-menu a { color: #eee; font-size: 16px; cursor: pointer;}
#people-menu div {
	float: left;
	padding: 7px 10px 5px 10px;
	margin: 0px 10px;
	border: 1px solid #111;
	background: #222;
	opacity: 0.8;
}
#people-menu a:hover div, #people-menu div.people-menu-active { background: #c54235; color: #eee;}

#people-list a, #people-list {font-size: 18px;}

.person-bio { width: 600px; text-align: justify;}


/* basic lists with divs */
div.regular-list-item {margin: 10px 0px;}


.page-menu-breadcrumbs {font-size: 20px; color: #ab6430;}
div.page-menu-item {margin: 10px 0px;
	border: 2px solid #667eaa;
	border: 1px solid #732222;
	padding: 5px 0px;
	margin-right: 400px;
	margin-left: 270px;
	padding-left: 10px;
	background: #93965d;
	
	border: 1px solid #2c1210;
	background: #617F3D;
	background: #BD9542;
	border: none;
	background: transparent;
	font-size: 18px;
	margin-right: 0px;
	margin-left: 0px;
	
}

/* div.page-menu-item:hover {background: #667eaa; background: #93965d;
	background: #686a42;
} */

/*a:hover .page-menu-item {background: #686a42; color: #2c1210; background: #A7843A;}*/

/* artists table */
table#artists { gbackground: #BD9542; padding: 10px; border: 1px solid #732222;}
table#artists td {margin: 0px 0px; padding: 10px 0px;}
table#artists td a {padding: 10px 30px;}
table#artists td a:hover {color: #2c1210;}
table#artists td:hover {background: #A7843A;}


#artist-column1, .artist-info {border: 2px solid #732222; border-radius: 15px; -moz-border-radius: 15px;}

#artist-column1 {float: left; padding: 20px;}
.artist-info {margin: 20px; padding: 20px; width: 500px;}

/* workshops */
.wc-toggler {cursor: pointer;}

/* main menu styles */
#main-menu-bar {
	gbackground: url(/images/menu-bg.png) repeat-x;
	height: 44px;
	width: 100%;
	gborder-bottom: 10px solid #1f1610;
	margin-top: 25px;
	gbackground: url(/images/menu-bg.png) repeat;
}


#csia-logo {padding: 10px 0px 0px 170px;}

#main-menu {width: 670px; height: 25px;  margin-bottom: 0px; padding: 10px 20px;
	margin-left: 90px;	
	height: 49px;
	width: 720px;
	background: url(/images/menu-bg2.png) repeat;
	}
.menu-item {float: left; margin: 0px 5px; height: 25px; }
.menu-item a:hover div, .main-menu-active {border-bottom: 2px solid #7b2921;}

.menu-item a div, .menu-item div {height: 23px; cursor: pointer;}

#main-menu-home a div, #main-menu-home div {width: 52px; background: url(/images/menu-items/home.png) no-repeat top left;}
#main-menu-gallery a div, #main-menu-gallery div {width: 65px; background: url(/images/menu-items/gallery.png) no-repeat top left;}
#main-menu-prints a div, #main-menu-prints div {width: 55px; background: url(/images/menu-items/prints.png) no-repeat top left;}
#main-menu-news a div, #main-menu-news div {width: 50px; background: url(/images/menu-items/news.png) no-repeat top left;}
#main-menu-people a div, #main-menu-people div {width: 60px; background: url(/images/menu-items/people.png) no-repeat top left;}
#main-menu-workshops a div, #main-menu-workshops div {width: 105px; background: url(/images/menu-items/workshops.png) no-repeat top left;}
#main-menu-about a div, #main-menu-about div {width: 58px; background: url(/images/menu-items/about.png) no-repeat top left;}
#main-menu-contact a div, #main-menu-contact div {width: 72px; background: url(/images/menu-items/contact.png) no-repeat top left;}