body 				{background-color: #fff; margin: 0px; font-family: Trebuchet, Trebuchet MS, Helvetica, sans-serif; }
td					{vertical-align: top;}
a					{text-decoration: none; color: #66f;}
a:hover				{text-decoration: none; color: #12c; background-color: #e9e9f9;}

div#header-section 	{background-color: #666; border-bottom: 1px solid #333; background: url('/graphics/dotted_bg6.png');}
div.header-inside	{width: 900px; padding: 5px 0 0 0; margin: auto; color: #eee;}
span.site-title		{font-size: 44px; letter-spacing: -1px;}
span.site-subtitle	{font-size: 12px; letter-spacing: 1px; font-weight: bold; color: #cce; position: relative; top: -8px;}

div#refer-friend 	{display: inline; float: right; position: relative; top: 20px; font-size: 11px; line-height: 10px}
div#refer-friend a 			{background: url('/graphics/email.png') 4px 3px no-repeat; padding: 3px 5px 4px 24px; color: #ddf; text-decoration: none;}
div#refer-friend a:hover 	{border: 1px solid #888; color: #fff; padding: 2px 4px 3px 23px; background-position: 3px 2px;}

div#menu			{width: 900px; height: 42px; padding: 5px 0 0 0; margin: auto; color: #eee;}
ul.menu				{display: inline; padding: 0px; margin: 9px 0 0 0; float: left; overflow: hidden; width: 100%; font-size: 11px; font-weight: bold;}
ul.menu li			{display: inline; margin-right: 6px; float: left; text-align: center; }
ul.menu li a		{height: 24px; min-width: 100px; width: auto; padding: 9px 5px 0 5px; float: left; background: #555; color: #fff; text-align: center; -moz-border-radius: 7px 7px 0px 0px;}
ul.menu li a:hover	{background: #444; color: #fff; text-decoration: none;}
ul.menu li.selected a	{background: #fff; color: #000; border-bottom: 1px solid #fff;}

div#main-content 	{width: 900px; padding: 25px 0 35px 0; margin: auto; font-size: 12px;}

h1, h2, h3			{margin: 0px 0 10px 0; color: #99d; font-weight: normal; letter-spacing: -1px;}
h1					{font-size: 40px;}
h2					{font-size: 28px;}
h3					{font-size: 20px;}
h3.spread			{letter-spacing: 3px; margin-bottom: 12px;}
span.caption		{font-style: italic; color: #667; font-size: 11px;}

div#footer			{clear: both; width: 900px; padding: 5px 0; margin: auto; position: relative; height:25px; overflow: no; color: #333; font-size: 10px; border-top: 1px solid #ccf;}
div#footer table	{width: 100%;}
div#footer a		{padding: 0px 4px;}

div#sidebox 		{background: #dde; font-size: 11px; color: #224; margin: 0 0 20px 10px; border: 1px solid #99c; text-align: left;
						width: 265px; position: relative; left:0px; top:0px; z-index:0; float: right; clear: both; padding: 10px; line-height: 1.8em;}
div#sidebox span.title	{font-weight: bold; color: #000; display: block; margin-bottom: 5px;}
div#sidebox span.sidelight	{font-style: italic; color: #556; display: block; font-size: 10px;}

div#announcement		{float: right; width: 240px; margin: 15px 0px 15px 0px; background-color: #ffe3e3; border: 1px solid #faa; padding: 5px 8px; font-size: 12px;}
div#announcement span.title	{font-size: 14px; font-weight: bold; display: block;}
div#announcement a		{color: #d22;}
div#announcement a:hover	{color: #f22; background-color: #fcc;}
							
div#indexButtons	{display: block; width: 630px; height: 180px; margin: 5px 0 5px 0; font-size: 20px; letter-spacing: 0px; line-height: 15px;}
div#indexButtons div	{height: auto; float: left; width: 210px; margin: 0; text-align: left;}
div#indexButtons a			{display: block; background-color: #99d; border: 1px solid #99d; color: #fff; width: 150px; padding: 7px 9px 9px 9px; text-decoration: none; -moz-border-radius: 10px;}
div#indexButtons a img		{width: 150px; height: 150px; border: none; background-color: #fff; margin-top: 10px;}
div#indexButtons a:hover	{background-color: #bbf;}

ul.spaced li	{margin-bottom: 5px;}
span.dedication	{font-variant: small-caps; display: block; font-size: 14px; width: 670px; text-align: center; margin: 5px auto; padding: 15px; border: 1px solid #99e; background-color: #eef;}
img.intro-pic	{padding: 1px; border: 1px solid #445; float: right;}
div.fixed-width	{width: 650px; display: block; text-align: justify;}
td.pic-column			{text-align: right;}
td.pic-column img		{padding: 1px; border: 1px solid #445; margin-bottom: 5px;}

table.deaf-sculptures	{width: 100%;}
table.deaf-sculptures td	{padding-right: 25px; width: 33%;}
table.deaf-sculptures a img			{border: 1px solid #cce; padding: 1px; margin: 5px 5px 5px 0;}
table.deaf-sculptures a:hover		{color: #12c; background: none;}
table.deaf-sculptures a:hover img 	{border: 1px solid #12c;}

div.gallery div			{width: 205px; padding: 20px 20px 10px 0; height: 240px; float: left; text-align: left; border: 0px solid green;}
div.right-pics			{margin-left: 10px; float: right;}
div.gallery a img, div.right-pics a img					{border: 1px solid #cce; padding: 1px; margin-bottom: 5px;}
div.gallery a:hover, div.right-pics a:hover			{color: #12c; background: none;}
div.gallery a:hover img, div.right-pics a:hover img	{border: 1px solid #12c;}
div.right-pics a img	{margin-left: 10px;}

form 			{text-decoration: none;}
select, input[type=text], textarea 	{text-decoration: none; font-family: Trebuchet, Trebuchet MS, Helvetica, sans-serif; font-size: 12px; padding: 2px;
										color: #000; background-color: #eef; border: 1px solid #77d;}
input[type=text]	{width: 350px;}
textarea			{width: 350px; height: 80px; overflow: auto;}										
textarea.disabled 	{color: #aaa; background-color: #eee; border: 1px solid #aaa;}
input.disabled		{color: #555; background-color: #dfdfdf; border: 1px dashed #777;}
span.required		{color: red; font-weight: bold;}
input[type=submit]			{color: #001; border: 1px solid #003; background-color: #ddf; font-family: Trebuchet, Trebuchet MS, Helvetica, sans-serif; font-weight: bold; padding: 2px;}
input[type=submit]:hover	{color: #000; border: 1px solid #000; background-color: #ccf; cursor: pointer;}

input#error-field, textarea#error-field, select#error-field, .error-field	{border: 1px solid #955; background-color: #fcc; color: #600;}
.error {color: #600; background-color: #fcc; border: 1px solid #955; padding: 1px 6px 1px 22px; font-weight: bold; background-image: url('/graphics/exclamation.png'); background-repeat: no-repeat;  background-position: 2px 2px; text-align: left;}
.error a:link, .error a:active, .error a:visited {color: #900; border-bottom: 1px dotted #900;}
.error a:hover {border-bottom: 1px solid #e46a45; color: #e46a45}
.error-list {list-style-image: url(/graphics/bullet_error.png)}

a.add 			{color: #569b3f; background-color: #fff; border: 1px solid #cec; padding: 1px 5px 1px 21px; font-weight: bold; background-image: url('/graphics/add.png'); background-repeat: no-repeat;  background-position: 2px 2px; text-align: left;}
a.add:hover		{color: #569b3f; background-color: #efe; border: 1px solid #76bb5f;}

.confirm-edit {color: #050; background-color: #cfc; border: 1px solid #595; padding: 1px 5px 1px 21px; font-weight: bold; background-image: url('/graphics/accept.png'); background-repeat: no-repeat;  background-position: 2px 2px; text-align: left;}
.confirm-remove {color: #009; background-color: #eef; border: 1px solid #559; padding: 1px 5px 1px 21px; font-weight: bold; background-image: url('/graphics/information.png'); background-repeat: no-repeat;  background-position: 2px 2px; text-align: left;}

.soldtext 		{color: #FF0000; font-family: Verdana; font-size: 8px; font-weight: bold; background: #ededed; padding: 1px; border: 1px solid #ff0000}
