body 				{background: #52C53F url('/dotted_bg.png') repeat-x; margin: 0px 0px 0px 0px;}

div#full-width 		{width:900px; margin: 5px auto 5px auto;}

table td			{vertical-align: top;}

div#title-index		{position:relative; left:0px; top:15px; width:910px; margin-bottom: 15px; padding: 0px 0px 0px 0px; height:80px; overflow:none; z-index:1;}
img.title			{margin: 7px 0px 0px 0px;}
img.square			{float: left; height: 80px; padding: 1px; margin: 10px;}

div#refer-friend 	{display: block; position:absolute; top: 10px; right:2px; width: 120px; font: 10px Verdana; font-weight: bold; line-height: 10px;}
div#refer-friend a		{display: block; text-decoration: none; border: 1px solid #dbf5dc; height: 17px; padding: 1px 2px 4px 2px; line-height: 17px; color: #fff; background-color: #52c53f;}
div#refer-friend a:hover	{border: 1px solid #000; color: #000;}

div#main-content	{position:relative; left:0px; top:0px; width:890px; background: #dbf5dc; border: 1px solid #52c53f; font: 11px Verdana; line-height: 1.6em; color: #000;
							padding: 10px;}
div#main-content a 			{text-decoration: none; color: #298d15; border-bottom: 1px dotted;} 
div#main-content a:hover	{border-bottom: 1px solid; background: #c2f4c3;}
div#main-content a.no-border	{text-decoration: none; border-bottom: 0px;}							

span.title1, span.title2	{text-decoration: none; font-weight: normal; color: #000; font-family: Verdana; display: block; margin-bottom: 20px;}
	span.title1			 		{font-size: 20px; line-height: 25px;}
	span.title2 				{font-size: 15px; line-height: 15px; font-weight: bold;}

div.homepage-box	{margin-bottom: 15px;}
div.homepage-box span.title		{display: block; position: relative; top: 3px; font: 16px Verdana; font-weight: bold; letter-spacing: 0.05em; color: #52c53f; }
div.homepage-box span.content	{display: block; background-color: #66e351; padding: 5px; font: 10px Verdana; line-height: 1.5em;}
div.homepage-box span.content a			{color: #fff !important; font-weight: bold;}
div.homepage-box span.content a:hover	{color: #52c53f !important; background: none !important;}

span.homepage-artist	{display: block; background-color: #cfeacf; margin-bottom: 25px; padding: 6px;}
span.homepage-artist img.howard	{width: 20%; margin: 0px 15px;}
span.homepage-artist img.wendy	{width: 85px; height: 85px; margin: 2px 3px 0px 3px;}
span.homepage-artist img		{border: 1px solid #000;}
span.homepage-artist img:hover	{border: 1px solid #52c53f;}
span.homepage-artist a			{border: none !important; background: none !important;}

img.large			{padding: 1px; border: 1px solid #32950f; margin: 0px 0px 15px 0px; width: 100%;}
img.in-text 		{border: 1px solid #32950f; margin-right: 10px; float: left;}

span.side-image		{display: block; text-align: center; margin: 20px auto 15px auto; font: 9px Verdana; width: 300px; line-height: 14px;}
span.side-image img		{border: 1px solid #32950f; margin-bottom: 4px;}

span.extra-images	{padding: 15px 10px 10px 0px; clear: both; display: block; position: relative;}
span.extra-images img	{border: 1px solid #32950f; margin: 0px 0px 10px 10px;}

div#bottom-bar		{position:relative; left:0px; width:910px; margin: 5px 0px 20px 0px; background-color: #52C53F;}
div#bottom-bar a		{color: yellow; border-bottom: 1px dotted; text-decoration: none;}
div#bottom-bar a:hover	{color: #8cf676; border-bottom: 1px solid;}
table#bottom-bar		{width: 100%; padding: 0px;}
table#bottom-bar td		{vertical-align: middle; line-height: 18px; color: #fff;}
table#bottom-bar td.contact	{font: 10px Verdana; line-height: 18px;}
table#bottom-bar td.copy	{font: 9px Arial; line-height: 18px;text-align: right;}

table#front-page	{position: relative; top: 0px; left: 0px; width: 100%;}
table#front-page td.left		{padding-right: 10px;}
table#front-page td.right		{width: 300px; line-height: 20px; padding-left: 15px;}

table#gallery-page	{position: relative; top: 0px; left: 0px; width: 100%;}
table#gallery-page td.pics		{line-height: 20px;}

.clearfix:after 	{content: "."; visibility: hidden; display: block; clear: both; line-height: 0px; height: 0px;}
.clearfix 				{display: inline-block;}
html[xmlns] .clearfix 	{display: block;}
* html .clearfix 		{height: 1%;}

div.gallery-frame, div.gallery-frame2	{float: left; position: relative; left: 0px; top: 0px; margin: 0px auto 8px auto; padding: 6px 0px; text-align: center; overflow: hidden;
							font: 9px Verdana; line-height: 1.6em;}
div.gallery-frame		{width: 220px; height: 220px;}
div.gallery-frame2		{width: 440px; height: auto;}
div.gallery-frame#summer	{height: 185px !important;}

div.gallery-frame:hover, div.gallery-frame2:hover	{background-color: #cfeacf;}
div.gallery-frame img, div.gallery-frame2 img		{margin: 5px auto !important; border: 1px solid #000;}
div.gallery-frame img:hover		{border: 1px solid #52c53f;}
div.gallery-frame a				{border: none !important; background: none !important;}

ol.spread			{margin: 20px 20px 20px 0px;}
ol.spread li		{margin-bottom: 10px;}

select, input[type=text], input[type=submit], textarea		{text-decoration: none; color:#060; background-color: #cfeacf; font: 10px Verdana; padding: 2px; border: 1px solid #52c53f;}
textarea			{width: 500px; height: 80px; overflow: auto;}
input.submit		{color: #000; background: #bfdabf; width: auto; font-weight: bold; margin-top: 5px;}
input.submit:hover	{color: #32a51f; border: 1px solid #32a51f; background-color: #fff; cursor: pointer;}
input#error-field, textarea#error-field, select#error-field, .error-field {border: 1px dotted #955; background-color: #fcc; color: #a00;}
input.disabled		{background: none; color: #fff;}
span.required		{color: red; font-weight: bold;}

p#error 			{color: #700; background-color: #fcc; border: 1px dotted #955; padding: 1px 1px 1px 20px; font-weight: bold; line-height: 18px;
						background-image: url('/graphics/exclamation.png'); background-repeat: no-repeat;  background-position: 2px 2px;}
	p#error a				{color: #a22 !important; border-bottom: 1px dotted;}
	p#error a:hover			{color: #d00 !important; border-bottom: 1px solid;}
ul.error-list		{list-style: disc url('/graphics/bullet_error.png') outside; position: relative; left: 0px; top: 0px;}
ul.error-list li	{padding-bottom: 3px; line-height: 15px; vertical-align: top;}

span.faint			{color: #9a9; font-size: 0.9em; font-style: italic;}
span.urltext		{display: block; font-family: verdana; font-size: 10px; font-weight: bold; padding: 0px 0px 10px 10px;}
span.justified		{display: block; text-align: justify;}

table#formTab td.left, table#formTab td.right	{padding-top: 10px;}
table#formTab td.spread			{padding-bottom: 10px;}



span.inset			{padding-left: 10px; display: block;}

p#nogap		 		{position: normal; margin: 0px 0px 10px 0px;}
p.confirm-add 		{color: #050; background-color: #cfc; border: 1px dotted #595; padding: 1px 1px 1px 20px; font-weight: bold; line-height: 18px;
						background-image: url('/graphics/add.png'); background-repeat: no-repeat;  background-position: 2px 2px;}
p.confirm-edit 		{color: #050; background-color: #cfc; border: 1px dotted #595; padding: 1px 1px 1px 20px; font-weight: bold; line-height: 18px;
						background-image: url('/graphics/accept.png'); background-repeat: no-repeat;  background-position: 2px 2px;}
	p.confirm-edit a		{color: #0b8c0a !important; border-bottom: 1px dotted;}
	p.confirm-edit a:hover	{color: #1cba1c !important; border-bottom: 1px solid;}				
p.confirm-remove 	{color: #009; background-color: #eef; border: 1px dotted #559; padding: 1px 1px 1px 20px; font-weight: bold; line-height: 18px;
						background-image: url('/graphics/information.png'); background-repeat: no-repeat;  background-position: 2px 2px;}