body {background-color: #FFFFCC;}

#wholepage {background-image: url(images/background_tile3.jpg); background-repeat: repeat-y; margin: 0; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px;}

a:link {color: #6666CC;}
a:visited {color: #6666CC;}
a:hover {color: #6633CC;}
a:active {color: #6666CC;}

#containerIndex {width: 540px; margin: 0 0 0 228px;}
#container {width: 540px; margin: 0 0 0 228px; line-height: 16px;}
#containerLogo {width: 540px; margin: 0 0 0 228px; background-image: url(images/logoBack.jpg); background-repeat: no-repeat; background-position: 100% 30%; line-height: 16px;}
#containerLogoSM {width: 100%; background-image: url(images/logoBack.jpg); background-repeat: no-repeat; background-position: 30% 30%;}

#logo {position: absolute; top: 0px; margin: 0px;}

#menu {
	text-align: left;
	position: absolute;
	width: 140px;
	top: 230px;
	margin: 0 0 0 20px;
}

#menu a {
display: block; 
width: 130px;
height: 25px;
margin: 1px; padding: 4px 0 0 6px;
font: 11px Verdana, Helvetica, Arial, sans-serif;
color: #FFF; 
background: url("images/cssRollover.gif") 0 0 no-repeat;
text-decoration: none; }

#menu a:hover {background-position: -140px 0; color: #000;}
#menu a:active {background-position: -280px 0; color: #000;}

#artistcontent {width: 300px;}

#artwork {
	position: absolute;
	width: 228px;
	top: 56px;
	margin: 0 0 0 550px;
	left: 3px;
	height: 790px;
}
#artwork img {margin-bottom: 10px;}

#board {float: right; display: block; margin: 10px; padding: 15px; background-color: #9999CC; color: #fff; border: 1px solid #666;}

#board a {color: #fff; text-decoration: none;}
#board a:hover {color: #CCCCCC; text-decoration: none;}

#sponsorBar {text-align: right; border-top: 1px solid #999; margin: -50px 0 0 0;}

#membership {font: 11px Verdana, Helvetica, Arial, sans-serif;}


.style1 {font-size: 11px}
.style2 {font-size: 11px}
.style4 {font-size: 11px}
.member1 {font-size: 16px; font-style: italic;}
.member2 {font-size: 12px; font-style: italic;}
#footer {text-align: right; font-size: 10px; font-style: italic; color: #999999;}
#mission {width: 320px; font-size: 10px; margin: -25px 0 0 248px; color: #666;}

/* the following css substitutes the H1 on each page with an image header */

#main {background: url(images/main_header.jpg) top left no-repeat;
width: 542px;
height: 51px;
z-index: 100;
margin-top:0px;}
#main span {display: none;}

#main2 {background: url(images/main2_alt_header.jpg) top left no-repeat;
width: 300px;
height: 51px;
margin: -25px 0 0 240px;}
#main2 span {display: none;}

#aboutus {background: url(images/about_us_header.jpg) top left no-repeat;
width: 543px;
height: 44px;
margin-top:0px;}
#aboutus span {display: none;}

#artisansaz {background: url(images/az_header.jpg) top left no-repeat;
width: 543px;
height: 44px;
margin-top:0px;}
#artisansaz span {display: none;}

#artisansmedium {background: url(images/medium_header.jpg) top left no-repeat;
width: 543px;
height: 44px;
margin-top:0px;}
#artisansmedium span {display: none;}

#becomemember {background: url(images/become_header.jpg) top left no-repeat;
width: 543px;
height: 44px;
margin-top:0px;}
#becomemember span {display: none;}

#boardhead {background: url(images/board_header.jpg) top left no-repeat;
width: 543px;
height: 44px;
margin-top:0px;}
#boardhead span {display: none;}

#business_profile {background: url(images/business_profile_header.jpg) top left no-repeat;
width: 543px;
height: 44px;
margin-top:0px;}
#business_profile span {display: none;}

#businesses {background: url(images/businesses_header.jpg) top left no-repeat;
width: 543px;
height: 44px;
margin-top:0px;}
#businesses span {display: none;}

#calendar {
	width: 543px;
	height: 44px;
	margin-top:0px;
	background-image: url(images/calendar_header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#calendar span {display: none;}

#contactus {background: url(images/contact_header.jpg) top left no-repeat;
width: 543px;
height: 44px;
margin-top:0px;}
#contactus span {display: none;}

#galleries {background: url(images/galleries_header.jpg) top left no-repeat;
width: 543px;
height: 44px;
margin-top:0px;}
#galleries span {display: none;}

#gallery_profile {background: url(images/gallery_profile_header.jpg) top left no-repeat;
width: 543px;
height: 53px;
margin-top:0px;}
#gallery_profile span {display: none;}

#mailing {background: url(images/mailing_header.jpg) top left no-repeat;
width: 543px;
height: 53px;
margin-top:0px;}
#mailing span {display: none;}

#map {background: url(images/map_header.jpg) top left no-repeat;
width: 543px;
height: 44px;
margin-top:0px;}
#map span {display: none;}

#masterartisans {background: url(images/master_header.jpg) top left no-repeat;
width: 543px;
height: 44px;
margin-top:0px;}
#masterartisans span {display: none;}

#newsletter {background: url(images/newsletter.jpg) top left no-repeat;
width: 543px;
height: 44px;
margin-top:0px;}
#newsletter span {display: none;}

#profile {
	width: 543px;
	height: 44px;
	margin-top:0px;
	background-image: url(images/profile_header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#profile span {display: none;}

#sponsors {background: url(images/sponsors_header.jpg) top left no-repeat;
width: 543px;
height: 44px;
margin-top:0px;}
#sponsors span {display: none;}