/* Style Sheet for Artisan Works, (c) 2009 Red Beagle Web Development */

/* Styles for general page layout */
body {
	background: #949494 url("../images/lower-bkgd.jpg"); 
	font-family: helvetica, verdana, arial, sans-serif; 
	color: #333333; 
	font-size: 0.625em; min-width: 900px; text-align: center; padding: 0px; margin: 0px;
}

#top_area {
	background: #949494 url("../images/top-bkgd.jpg"); width: 100%; height: 200px; position: absolute; left: 0px; top: 0px;
}

#plate { position: relative; top: 10px; width: 900px; text-align: left; padding: 0px; margin: 0px auto; }

#masthead { position: absolute; top: 0px; left: 0px; height: 169px; width: 900px; background: #ffffff url("../images/logo.gif"); }
#masthead_left { position: absolute; top: 0px; left: 0px; height: 169px; width: 450px; }
#masthead_right { position: absolute; top: 0px; left: 450px; height: 169px; width: 450px; text-align: center; }

#content { position: absolute; width: 900px; top: 190px; background: #ffffff url("../images/content-bkgd.gif"); }
#gutter_left { position: relative; float: left; }
#gutter_right { position: relative; float: right; }

/* Three Column layout */
#main_column { position: relative; float: left;
	width: 420px;
	padding: 10px 0px 0px 15px;
}

#center_column { position: relative; float: left;
	width: 210px;
	padding: 10px 15px 0px 15px;
}

#right3_column { position: relative; float: right;
	width: 210px;
	padding: 10px 15px 0px 0px;
}

#main_column2 { position: relative; float: right;
	width: 435px;
	padding: 10px 0px 0px 10px;
}

/* Two column layout */
#left_column { position: relative; float: left;
	width: 535px;
	padding: 10px 0px 0px 15px;
}

#right_column { position: relative; float: right;
	width: 335px;
	padding: 10px 10px 0px 0px;
}

/* One column layout */
#wide_text_column  { position: relative;
	width: 840px;
	padding: 10px 30px 0px 30px;
}

/* Spaces within Artisan Works */
#spaces_text_column { position: relative; width: 245px; float: right; padding: 0px 0px 0px 10px; }
#spaces_thumb_column { position: relative; width: 85px; float: right; padding: 0px 0px 0px 5px; }
#spaces_large_image { position: relative; width: 488px; float: left; }

p, td, legend, ul { font-size: 1.3em; margin: 0px 0px 10px 0px; }
p { line-height: 1.6; }
#center_column p, #right3_column p, #right_column p, #right3_column td { line-height: 1.2; font-size: 1.2em; }
#right3_column td { vertical-align: middle; }

h1, h2, h3 { color: #333333; font-family: "century gothic", helvetica, verdana, arial, sans-serif; }
h1 { font-size: 2.2em; line-height: 1.5; text-align: center; padding: 0px; margin: 10px 0px 15px 0px; font-weight: normal; }
h2 { font-size: 1.8em; padding: 0px; margin: 15px 0px 5px 0px; text-align: left; font-weight: normal; }
h3 { font-size: 1.6em; padding: 0px; margin: 3px 0px 10px 0px; text-align: left; font-weight: normal; }
td { vertical-align: top; padding: 3px; }
table { border-collapse: collapse; border: 0px solid #666666; margin-bottom: 3px; }
.rightie { text-align: right; }
.alert { font-weight: bold; color: #990000; }
.alertHappy { font-weight: bold; color: #000099; }
a, a:link { color: #803020; }
a:visited { color: #666666; }
a:hover { color: #FF401A; }
.no_screen { display: none; }

.copyright_area { width: 100%; background-image: url("../images/footer-bkgd.gif"); }
.copyright_text { margin: 0px; font-size: 1.0em; line-height: 1.2; text-align: left; }
.contact_text { text-align: center; font-size: 1.4em; }
.copyright-left { float: left; width: 230px; padding: 10px 10px 0px 10px; text-align: right; color: #666666; }
.copyright-center { float: left; width: 70px; padding: 10px 0px 0px 0px; text-align: center; }
.copyright-right { float: right; width: 550px; padding: 10px 20px 0px 10px; color: #666666; }
.copyright-left p { line-height: 1.2; font-size: 1.5em; }
.socialIcon { padding: 0px; margin: 0px; border-width: 0px; }

/* PULLDOWN MENU STYLES */
/* Locate the top-level menus */
#menu0 { position: absolute; top: 168px; left: 0px; padding: 0px; }
#menu0_0, #menu0_1, #menu0_2, #menu0_3, #menu0_4, #menu0_5, #menu0_6, #menu0_7, #menu0_8 { position: absolute; top: 0px; cursor: pointer; }

/******* By Width *********/

#menu0_0 { left: 0px; }
#menu0_1 { left: 96px; }
#menu0_2 { left: 195px; }
#menu0_3 { left: 308px; }
#menu0_4 { left: 448px; }
#menu0_5 { left: 515px; }
#menu0_6 { left: 652px; }
#menu0_7 { left: 748px; }
#menu0_8 { left: 797px; }

/* Colors and styles for submenus */
.menu-about { position: absolute; background-color: #DDBAFF; border: 1px solid #246D8B; border-width: 0px 1px 1px 0px; display: none;}
.submenu1 { padding: 3px 10px; cursor: pointer; font-size: 12px; }
a.submenu1_link, a.submenu1_link:hover, a.submenu1_link:visited, a.submenu1_link:link { text-decoration: none; color: #000000; }

/* Styles related to images */
img { border: 0px; }
.rightImg, .leftImg, .sideImg, .mergedImageleft, .mergedImageright { border: 2px solid #8EBEBF; border-right-color: #5E7F80; border-bottom-color: #5E7F80; padding: 2px;  }
.rightImg { float: right; margin: 0px 0px 0px 5px; }
.leftImg { float: left; margin: 0px 5px 0px 0px; }
.sideImg, .baileyImage { float: right; margin: 0px 0px 5px 0px; }
.mergedImageleft, .mergedImageright { margin: 5px; }
.mergedImageleft { float: left; margin-left: 0px; }
.sd3PhotoCaption { font-size: 11px; padding: 3px; margin: 0px; }
.mergedImageright { float: right; margin-right: 1px; }
.return_to_top { font-size: 0.9em; font-style: italic; }

/* Styles for Content */
.calendarBox { background-color: #FFF0D8; border: 1px solid #999999; padding: 3px; color: #000000; margin: 0px 0px 5px 0px; }
.calendarBox h3, .signupBox h3 { color: #000000; text-align: center; }
#center_column .calendarBox, #right3_column .calendarBox { width: 200px; }
#right_column .calendarBox { width: 300px; float: right; }
.signupBox { background-color: #FFF0D8; border: 1px solid #999999; padding: 3px; color: #000000; margin: 0px 0px 5px 0px; }
.insetBox { width: 220px; float: left; border: 1px solid #cccccc; border-width: 1px 0px 1px 0px; text-align: center; color: #666666; padding: 5px; margin: 0px 5px 0px 0px; }
.insetBox p { font-size: 1.3em; margin: 0px; }
.violator { border: 1px solid #990000; border-width: 1px 0px 1px 0px; text-align: center; color: #660000; padding: 5px; }
.violator p { font-size: 1.4em; margin: 0px; }

.violator0 { border: 1px solid #990000; border-width: 1px 0px 1px 0px; text-align: center; color: #660000; padding: 5px; }
.violator0 p { margin: 0px; }

.violator1 { border: 1px solid #009900; border-width: 0px 1px 1px 0px; text-align: center; color: #009900; padding: 25px 55px 5px 105px; background: #ffffff url("../images/violators/green-exclamation.jpg") no-repeat; min-height: 75px; }
.violator1 p { margin: 0px; }

.violator2 { border: 1px solid #B00000; border-width: 0px 1px 1px 0px; text-align: center; color: #B00000; padding: 25px 55px 5px 105px; background: #ffffff url("../images/violators/beating-heart.gif") no-repeat; min-height: 100px; }
.violator2 p { margin: 0px; }

.artistsTable { padding-right: 12px; vertical-align: top; width: 200px; }


/* Related to Forms */
/* textarea, input { background-color: #333333; border: 1px solid #007b9a; color: #ffffff; font-family: verdana, arial, sans-serif; font-size: 12px; } */
textarea, input { border: 1px solid #72abd7; border-right-color: #246D8B; border-bottom-color: #246D8B; }
.inquiryForm { width: 80%; margin-left: 10%; border-width: 1px; }
.contact_row { background-color: #E1EAFA; }
.membership_table { text-align: center }		/* For table rows on the Join Us membership pages */
.membership_table td { padding: 4px; }
.membership_row { background-color: #F9F0E0 !important; }
.membership_blank { background-color: #ffffff !important; }
.membership_header { background-color: #E1EAFA !important; }
.membership_benefit { text-align: right; font-weight: bold; color: #408080; }

/* Styles for Purchases */
.shoppingLeft { text-align: right; margin-right: 5px; }
.formHeader { font-size: 1.2em; padding-bottom: 0px; }
.formComment { font-size: 1.2em; padding-top: 25px; padding-bottom: 0px; }
.verifyMe { color: #000000; border: 1px solid #aaaaaa; border-bottom-color: #666666; border-right-color: #666666; background-color: #dddddd; padding: 5px; width: 600px; margin-bottom: 10px; }
.verifyMe p { line-height: 1.2; }

.hitMe { font-weight: bold; }
.share_links { border: 1px solid #cccccc; padding: 2px; font-size: 1.1em; }
.share_links img { vertical-align: middle; padding-left: 7px; }

/* Styles related to event spaces */
#rooms_prev { position: absolute; top: 4px; left: 11px; }
#rooms_next { position: absolute; top: 4px; left: 839px; }
#rooms_prev_text { position: absolute; top: 22px; left: 64px; }
#rooms_next_text { position: absolute; top: 22px; right: 64px; }
.rooms_np { font-size: 1.2em; }