@charset "UTF-8";
/* CSS Document */

body { background:url('../images/bg.jpg'); margin:0; padding:0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; font-size:.9em;}
img { border:0; }
img.border { border:1px solid #d9d2bb; }
a,a:link, a:visited, a:active, a:hover { color:#660000; }

#wrapper { width:1000px; position:relative; margin:0 auto; 
text-align: left;
overflow:auto;
overflow-x:hidden;
z-index:2;
background-color:#ebe6d9;
background-image:url('../images/content-bg.png'); }

#header { width:1000px; height:110px; background:url('../images/header.jpg'); }

#nav { z-index:500;width:1000px; height:31px; background:url('../images/nav_bg.png'); font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; color:#ebe6d9; }
#nav-shadow { position:relative; z-index:500; width:1000px; height:14px; background:url('../images/nav_shadow.png'); }

#micronav { margin-top:30px; text-transform:uppercase; line-height:18px; }
#micronav a, #micronav a:visited, #micronav a:active, #micronav a:hover { color:#660000; text-decoration:none; font-size:12px;}
#micronav a:hover { text-decoration:underline; }

ul.subnav { list-style-type:none; margin:0; padding:0; margin-top:10px;}
ul.subnav li { padding-left:10px; margin-left:10px; }
ul.subnav li a, ul.subnav li a:visited, ul.subnav li a:hover { 
color:#333; text-decoration:none;  display:block; height:20px;
}
ul.subnav li a:hover, ul.subnav li a.on, ul.subnav li.menu-current a   { 
color:#660000; text-decoration:none; 
}
ul.subnav li ul { margin-left:0px; padding-left:0px; list-style-type:none; }
/* all this for shadows! */
.column { 
width: 50%; 
position: absolute; 
top: 0; 
} 

.left {left: 0;} 
.right {right: 0;} 

#leftcol {
margin-right: 500px; 
height: 720px;
text-align:right;

}
img#shadow-left {
background-image:url('../images/shadow-left.png');
width:15px; 
height:720px;
} 
#rightcol {
margin-left: 499px;
height: 720px;
}
img#shadow-right {
background-image:url('../images/shadow-right.png');
width:15px; 
height:720px;
} 
/* all that for shadows! */


/* it's all about the content */
#content { position:relative; }
#leftcontent { width:290px; float:left; overflow:hidden; }
#rightcontent { float:left; width:696px; }
#rightcontent p { margin:10px; color:#333 }
.callout { width:272px; min-height:186px; z-index:200; margin:20px auto; background-repeat:no-repeat; }
#subnav { background:url('../images/callout-bg.png') no-repeat; min-height:196px; }
.subnav_head { padding:13px;}
#callout-member { background:url('../images/callout-bg-member.png') no-repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; }
#callout-member h6 { font-size:14px; color:#660000; margin:0; padding:0; }
#member_buttons { margin:10px; margin-top:20px; }
#member-left { float:left; margin-top:50px; margin-left:15px; margin-right:10px; width:60px; }
#member-right { float:left; width:162px; margin-top:50px; margin-bottom:20px; }
#member_buttons img { margin-right:3px; }
#callout-craftwork { background:url('../images/callout-bg-craftwork.png') top center no-repeat; background-repeat:no-repeat; }
#callout-guild { background:url('../images/callout-bg-guild.png') no-repeat; }
.readmore { text-align:right; margin-top:8px; }
.readmore a, .readmore a:visited, .readmore a:active, .readmore a:hover { color:#660000; text-decoration:none; font-style:italic; }
.readmore a:hover { text-decoration:underline; }
#home-left { width:373px; float:left; }
#home-right { width:323px; float:left; }
#craftwork-left { float:left; margin-top:50px; margin-left:20px; }
#craftwork-right { float:left; margin-top:50px; margin-left:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; line-height:19px; }
#craftwork-right p { width:150px; }
#craftwork-right a, #craftwork-right a:visited, #craftwork-right a:active, #craftwork-right a:hover { color:#660000; font-style:italic; text-decoration:none;  }
#craftwork-right a:hover { text-decoration:underline; }
.floatleft { float:left; margin-right:25px; margin-bottom:25px; }
.floatright { float:right; margin-left:25px; margin-bottom:25px; }

.left_image { margin-left:15px; margin-top:20px; }

.clear { clear:both; }

#guild_form { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; float:left; margin-left:40px; margin-top:50px;}
#guild_form td { padding:2px 2px;font-size:13px; }
#guild_form input, #guild_form select { width:100px;}
input#submitbut { width:47px; }

#guildmember_buttons { margin:10px; margin-top:20px; }
#guildmember_buttons img { margin-right:3px; }

#footer_folkart  { margin-left:28px; width:240px; float:left;  color:#666; position:relative; height:260px;}
#footer_guildshops  { width:380px; float:left; color:#666;}
.smalladdress { font-size:12px; line-height:14px; margin-top:2px }
.column1 { float:left; padding-left:5px; }
.column2 { float:left; }
#footer_ourmission  { width:339px; float:left; color:#666;}
#ourmission { background:url('../images/bg_our_mission.png'); min-height:120px; float:left;padding-left:10px; font-style:italic; }
#current-exhibitions { width:343px; font-size:13px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; float:left; padding:10px; }
#current-exhibitions img { padding:0px; border:1px solid;}
#current-events { width:317px; font-size:13px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; float:left; padding:10px; }
#footer_social { position:absolute; right:0px; bottom:40px; }

.mainimage { margin-top:17px; }

.editable_content { margin:10px; }
/*headings*/
h1 { display:block; float:none;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; color:#333333; text-align:left; font-weight:normal; width:674px; padding-left:5px; margin-left:5px; background:url('../images/h1_bg.png'); }
h3 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; color:#530e0e; }
h4 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#530e0e; margin-bottom:0; margin-top:10px; }
h5 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#666; margin-bottom:0; margin-top:0px; }
/* that's it for the content */

/* FOOTER - gotta have one */
#footer { background:url('../images/footer_bg.png') repeat-x bottom; position:relative; margin:0 auto;top:10px; margin-bottom:40px; width:1000px; height:auto; min-height:300px; }

/* Dropdown menus */
ul#topnav {
	position:relative;
	margin: 0; padding: 0;
	list-style: none;
	font-size: 16px; color:#CCC;
	height:31px; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block;
	z-index:500;
	margin-left:50px;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative; /*--Important--*/
	padding-right:30px;
	
}
ul#topnav li a {
	float: left;
	height: 31px; line-height:31px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#ebe6d9; text-decoration:none;
	background:url('../images/bullet.png') right; background-repeat:no-repeat; display:block;

}
ul#topnav li:hover a, ul#topnav li a:hover, ul#topnav li a.on { 	background:url('../images/bullet-down.png') right; background-repeat:no-repeat; display:block
 } /*--Hover State--*/
ul#topnav a.folkart {
		padding-right:25px;

}
ul#topnav a.guildshops {
		padding-right:25px;

}
ul#topnav a.onlinestore {
		padding-right:25px;

}
ul#topnav a.membership {
		padding-right:25px;

}
ul#topnav a.resources {
		padding-right:25px;

}
ul#topnav a.getinvolved {
		padding-right:25px;

}
ul#topnav li .sub {
	position: absolute; /*--Important--*/
	top: 32px; 
	left:0px;
	background: #ebe6d9 url(sub_bg.png) repeat-x; /*--Background gradient--*/
	padding: 0 10px 10px;
	float: left;
	border:2px solid #cec7b0; border-top:0px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; /*--Hidden for those with js turned off--*/
}
ul#topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	display:block;
	width:119px; overflow-x:hidden;
}
ul#topnav .sub ul li {
	color: #fff;
	display:block;clear:both; width:119px;
}
ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding: 0px 0;
	background-image: none;
	color: #e8e000;
}
ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	background: url(navlist_arrow.png) no-repeat 5px 12px;
	padding: 0px;
	display: block;
	width:119px;
	text-decoration: none;
	color: #333333;
	font-size:12px; line-height:19px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
ul#topnav .sub ul li a:hover, ul#topnav .sub ul li.menu-current a {
	color: #660000;
	background-position: 5px 12px ;/*--Override background position--*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
ul#topnav li ul.third {  margin-left:15px;}

/* Form Styles */
div.error {margin-top: 20px; background: #fd0;} 
.row-error {background: #fd0;}
.field-error {background: #fcc;}

/* Admin Styles */
.admin_content { margin:10px;}
.infoTable th {width: 175px; text-align: left;}
.updated {text-align: center; background: #458B00; padding: 4px; margin: 5px 0 10px 0; width: 480px;}
.updatedFadeIn{text-align: center; background: #45DC00; padding: 4px; margin: 5px 0 10px 0;}
.highlight_admin {background-color: #ff6; font-weight: bold; color: #000000;}
.list_table {border-spacing: 0; border: 1px solid #bababa; font: normal 13px Helvetica, sans-serif; line-height: 18px;}
.list_table .rowOff, .sortable_row.rowOff { background-color: #fff;}
.list_table .rowOn, .sortable_row.rowOn { background-color: #ddd;}
.list_table th {background: #DEB887; border: 1px solid #bababa;}
.list_table th.sort {background: #FF7F50; border: 1px solid #bababa;}
.list_table th.sort img {vertical-align:bottom;}
.list_table th.unsortable {background: #D2691E; border: 1px solid #bababa;}
.list_table td {font-size: 11px;}
div.headings {width: 520px; font-size: 11px;}
div.headings div{background: #D2691E; border: 1px solid #bababa; height: 18px !important; padding-top: 3px;}
div.headings div.col1 {float:left; height: 20px; width: 280px; font-weight:bold; padding-left: 3px;}
div.headings div.col2 {float:left; height: 20px;  width: 72px; font-weight:bold; padding-left: 3px;}
div.headings div.col3 {float:left; height: 20px;  width: 48px; font-weight:bold; padding-left: 3px;}
div.headings div.col4 {float:left; height: 20px;  width: 88px; font-weight:bold; padding-left: 3px;}
#sortable {width: 520px; font-size: 11px;}
#sortable div.sortable_row {height: 30px; width: 500px; padding-top: 2px; padding-bottom: 2px; border-left: 1px solid #bababa; border-right: 1px solid #bababa;}
#sortable div.first_row {border-top: 1px solid #bababa;}
#sortable div.last_row {border-bottom: 1px solid #bababa;}
#sortable div.col1 {float:left; height: 20px; width: 280px; padding-left: 2px;}
#sortable div.col2 {float:left; height: 20px;  width: 72px; padding-left: 2px;}
#sortable div.col3 {float:left; height: 20px;  width: 48px; padding-left: 2px;}
#sortable div.col4 {float:left; height: 20px;  width: 88px; text-align: right;}
#sortable .sort_handle {cursor: pointer;}
#sortable div.col1 img {float: left; margin-right: 3px;}
div.controlButton {float: right; border: 2px outset #bababa; padding: 2px; background-color: #8B7355; text-decoration:none;}
div.controlButton a {display:block; text-decoration:none; width: auto; font-weight: bold; cursor:pointer;}
.required {color: #c00;}
.deleteDiv {display: none; height: 70px; margin-bottom: 3px;}
.fieldEdit {display:none;}
#reportResult {display: none; width: 480px;}
#ajax_spinny {display: none; margin-bottom: 3px;}

/* -------------------------- */
/* CODE SPECIFIC PAGES STYLES */
/* -------------------------- */

/* MEMBER DETAIL*/

#member_detail { margin-top:25px; }
#member_photo { float:left; position:relative; margin-right:20px; }
#member_photo img { margin-bottom:10px; }
p.member_address{width: 141px; font-size: 13px;}
#member_bio_header { width:500px; position:relative; background:url('../images/h1_bg.png') repeat-x; height:26px; display:block; }
#member_bio { position:relative; float:left; width:500px;}
#member_bio p { margin:0px; }
#member_bio ul { margin-top:0px; padding-top:0px; margin-bottom:0px; padding-bottom:0px; }
#member_bio h1 { color:#660000; background:none; margin:0; padding:0;  left:0px; }
#member_bio h4 { position:absolute; top:0px; right:0px; color:#333; }
#member_bio h4 a, #member_bio h4 a:visited, #member_bio h4 a:active  { color:#333; text-decoration:none; }
#member_bio h4 a:hover { color:#660000; }
#member_bio h2 { font-weight:normal; margin-top:3px; padding-top:3px; font-size:16px; display:block; }

#member_gallery_header { width:700px; position:relative; background:url('../images/h1_bg.png') repeat-x; height:26px; display:block; }
#member_gallery_names { float:left; position:relative; padding-top:50px; width:255px;}
#member_gallery_names ul { padding-left:0; margin-left:0; list-style-type:none; margin-top:0px; padding-top:0px;}
#member_gallery_names li a, #member_gallery_names li a:visited, #member_gallery_names li a:active { font-weight:normal; color:#333; text-decoration:none; display:block; }
#member_gallery_names li a:hover,  #member_gallery_names li a.on  { text-decoration:none; color:#660000; }
#member_gallery_photos { float:left; position:relative; width:421px; }
#member_gallery_photos img { border:1px solid #dad3bc; margin-top:50px; margin-left:20px; position:relative; right:0; }
#member_photo_description {padding:20px; float:left; font-size:.8em;}

#member_search_results img { float:left; padding:0 5px 5px 0; }
#member_search_results td { font-size:13px; }
#member_search_results h4 { font-size:14px; margin:0; }
 img.result_thm {  }
#results_pagination { font-size:12px; }

ul#sitemap { line-height:20px; }
ul#sitemap li a:link, ul#sitemap li a:visited, ul#sitemap li a:active, ul#sitemap li a:hover { text-decoration:none; }
ul#sitemap li a:hover { text-decoration:underline;}

iframe { border:0; margin:0; }

.anynews { line-height:18px; width:317px; }
.anynews h4 { margin-top:5px; width:250px; }
.anynews h4 a, .anynews h4 a:visited, .anynews h4 a:active { text-decoration:none; margin:0; padding:0; }
.anynews h4 a:hover { text-decoration:underline; margin:0; padding:0; }
.anynews p { margin:0; padding:0; }

#current-exhibitions strong a  { text-decoration:none; color:#333; }
#current-exhibitions strong a:hover { font-weight:bold; }
#current-exhibitions input, #current-exhibitions img  { float: left; margin-right:20px; margin-bottom:20px; border:1px solid #ccc; }
#current-exhibitions h3  { margin-top:0px; }

#craftwork-right a { width:150px; }
#craftwork-right { margin-top:34px; }

/* WEBSITE BAKER EDITABLE CONTENT STYLES */
.editable_content h1 {
font-size:18px; color:#660000; font-weight:normal;
}
.editable_content h2 {
font-size:17px; color:#660000; font-weight:normal; margin:0; padding:0; margin-left:10px; 
}
.editable_content h3 {
font-size:16px; color:#660000; font-weight:normal; margin:0; padding:0;  margin-left:10px; 
}
.editable_content h4 {
font-size:15px; color:#660000; font-weight:normal; margin:0; padding:0; margin-left:10px; 
}
.editable_content h5 {
font-size:14px; color:#660000; font-weight:normal; margin:0; padding:0; margin-left:10px; 
}
.editable_content h6 {
font-size:13px; color:#660000; font-weight:normal; margin:0; padding:0; margin-left:10px; 
}
.editable_content { margin:0px; padding:0px; }

/* cart callout */
#cart_info { position:absolute; top:-8px; right:15px; vertical-align:bottom; line-height:20px; height:20px; width:400px; }