HTML { height: 100%; }

BODY { background: #000; margin: 0; padding: 0; border: 0; text-align: center; height: 100%; }

BODY, TD, .NormalText { font-weight: normal; text-decoration: none; font-style: normal; color: #000; font-size: 13px; font-family: Helvetica, Arial, sans serif; }

h1	{ color: #006E12; font-weight: bold; font-size: 24px; font-family: Trebuchet MS; margin: 0 0 10px 0; height: 100px; text-align: center; }
h2	{ color: #000000; font-weight: bold; font-size: 18px; font-family: Trebuchet MS; margin: 0 0 20px 0; padding: 3px; border: 1px solid #006E12; border-width: 1px 0; text-align: center; }
h3	{ color: #006E12; font-weight: bold; font-size: 16px; font-family: Trebuchet MS; margin: 0 0 5px 0;  }
h4	{ color: #000000; font-weight: bold; font-size: 13px; font-family: Trebuchet MS; margin: 0 0 10px 0; }

.Green		{ color: #006E12; }
.Black		{ color: #000000; }
.White		{ color: #FFFFFF; }
.LightGray	{ color: #CCCCCC; }
.DarkGray	{ color: #666666; }

.SmallText	{ font-size: 10px; }
.MediumText	{ font-size: 16px; line-height: 16px; }
.LargeText	{ font-size: 24px; line-height: 24px; }

.Caption	{ color: #666666; font-size: 13px; font-weight: normal; text-align: center; }

hr	{ height: 1px; color: #006E12; background: #006E12; margin: 20px 0; border: 0; }

/* images */
img.FloatLeft 	{ float: left; margin: 0 5px 5px 0; }
img.FloatRight 	{ float: right; margin: 0 0 5px 5px; }
img.HandLogo	{ float: left; border: 0px; }
img.IncidentalLeft	{ float: left; margin: 0 10px 10px 0; border: 0px; width: 250px; }
img.IncidentalRight { float: right; margin: 0 0 10px 10px; border: 0px; width: 250px; }
img.ShopImg		{ float: left; margin: 0 10px 10px 0; border: 1px solid #000; width: 200px; height: 200px; }
img.ShowImg 	{ margin: 0 0 10px 0; border: 1px solid #000; height: 350px; }
img.PostcardThumb { margin: 0 0 10px 0; border: 0px; width: 150px; }
img.Postcard	  { margin: 0 10px 10px 0; border: 0px; width: 250px; }
img.LendHandRight { float: right; margin: 0 0 10px 10px; }

/* slideshow */
div#slide-container,
div#no-slide-container					{ width: 600px; height: 400px; margin: 20px 0 0 0; text-align: left; }
div#slide-container div.slide-div		{ width: 600px; height: 400px; text-align: center; display: none; }
div#no-slide-container div.slide-div	{ width: 600px; height: 400px; text-align: center; }

table#slide-nav				{ width: 500px; margin: 0 0 0 50px; text-align: center; }

/* site structure */
table#Container				{ width: 800px; height: 100%; margin: 0 30px 0 0; border: 10px solid #CCC; border-width: 0 10px; }
table#Container td			{ vertical-align: top; padding: 0; }
table#Container td#left		{ width: 175px; height: 100%; padding: 0 0 20px 0; background: #000; text-align: center; color: #006E12; }
table#Container td#right	{ width: 625px; padding: 10px 0 0 0; background: #FFF; }
table#Container td#footer	{ color: #000000; text-align: center; font-size: 9px; background: #FFF; vertical-align: middle; height: 35px; }

ul#nav		{ width: 125px; list-style-type: none; text-align: center; margin: 15px 25px 15px 0; padding: 0; float: right; }
ul#nav li	{ width: 125px; list-style-type: none; text-align: center; margin: 0 0 8px 0; display: block; }

div#HeaderCaption	{ color: #666666; font-size: 16px; font-family: Times New Roman; font-weight: normal; text-align: right; margin: 0 60px 20px 0; }
div#Content			{ float: right; width: 590px; margin: 0 15px; padding: 10px 0 0 0; text-align: left; }
div#CompanyTabs	  	{ text-align: center; margin: 10px 0 0 0; }
div#CompanyFolder 	{ border: 1px solid #000; background: #FFF; padding: 10px; }
div#Shows			{ color: #000000; font-weight: bold; font-size: 16px; font-family: Trebuchet MS; margin: 0 0 10px 0; text-align: center; }
div#FracturedAtlas 	{ position: fixed; z-index: 0; left: 5px; bottom: 5px; }
div#AtHand			{ position: fixed; z-index: 0; right: 5px; bottom: 5px; }

table.form, form.form { width: 500px; }
table.past-shows	{ width: 500px; }
table.shows			{ width: 600px; }
table.shows td,
table.past-shows td	{ vertical-align: top; text-align: left; padding: 0; }
table.past-shows td.show-divider 	{ padding: 5px 0; }
table.past-shows td.show-divider hr { height: 1px; color: #CCC; background: #CCC; border: 0; }


table.text			{ width: 100%; }
table.text td 		{ vertical-align: top; text-align: left; padding: 0; }
table.text td hr 	{ margin: 20px 0; }
table.personnel		{ width: 100%; }
table.personnel td 	{ vertical-align: top; text-align: left; padding: 0; }

div#Content p 		{margin: 0;}

iframe#BlogFrame	{ height: 400px; width: 600px; border: 0; overflow: hidden; }

/* forms */
form#join-mailing-list,
form#cse-search-box,
form#contact-form		{ margin: 0; padding: 0; text-align: center; }
form.Paypal				{ margin: 10px 0; }

input.MailingListInput	{ width: 125px; height: 15px; margin: 0 0 5px 0; padding: 2px; border: 0px; font-size: 10px; color: #000; background: #FFF; }
input.MailingListSubmit	{ margin: 0; padding: 0; border: 0px; background: url('../images/join_mailing_list_button.jpg'); height: 25px; width: 125px; }

input.SearchInput		{ width: 125px; height: 15px; margin: 0 0 5px 0; padding: 2px; border: 0px; font-size: 10px; color: #000; background: #FFF; }
input.SearchSiteSubmit	{ margin: 0; padding: 0; border: 0px; background: url('../images/search_the_site_button.jpg'); height: 25px; width: 125px; }

input.ContactFormInput	{ width: 150px; height: 15px; margin: 0; border: 1px solid #000; font-size: 12px; }
textarea.ContactFormText { width: 250px; height: 115px; margin: 0; border: 1px solid #000; font-size: 12px; }
input.ContactFormText { width: 250px; height: 115px; margin: 0; border: 1px solid #000; font-size: 12px; }
input.SubmitButton		{ margin: 10px 0; padding: 0; border: 0px; background: url('../images/submit_button.jpg'); height: 25px; width: 125px; }

/* donation form */
form#donationForm		{ margin: 10px 0; line-height: 1.6em; }
form#donationForm h4	{ color: #006E12; margin: 0; font-size: 13px; font-weight: normal; }
form#donationForm hr	{ margin: 10px 0; height: 1px; border: 0; color: #CCC; background: #CCC; }
form#donationForm input.radio 	 { margin: 5px 10px; }
form#donationForm input.checkbox { margin: 5px 10px; }
form#donationForm input#donation_acknowledgement_name { width: 250px;  }
form#donationForm input#donation_amount { width: 75px; margin: 0 0 0 3px; }

form#donationForm .donationAmount { color: #006E12; font-weight: bold; font-size: 13px; font-family: Trebuchet MS; }
form#donationForm td { padding: 0 10px 5px 0; }

div#confirm_donation_amount {  color: #006E12; border: 1px solid #CCC; padding: 5px; font-size: 16px; font-weight: bold; font-family: Trebuchet MS; width: 100px; margin: 10px 0; }


/* links */
a:link, a:visited	{ color: #006E12; text-decoration: underline; }
a:active, a:hover	{ color: #666666; text-decoration: underline; }

a.BlackLink:link, a.BlackLink:visited	{ color: #000000; text-decoration: none; }
a.BlackLink:active, a.BlackLink:hover	{ color: #000000; text-decoration: underline; }

a.PlainLink:link, a.PlainLink:visited	{ text-decoration: none; }
a.PlainLink:active, a.PlainLink:hover	{ text-decoration: underline; }

ul#nav a			{ background: url('../images/nav_button.jpg') no-repeat; height: 25px; text-decoration: none; font-family: Trebuchet MS; font-size: 14px; font-weight: bold; padding: 5px 0 0 0; display: block; }
ul#nav a:link, 
ul#nav a:visited	{ background: url('../images/nav_button.jpg') no-repeat; color: #000000; }
ul#nav a:active, 
ul#nav a:hover,
ul#nav a.active		{ background: url('../images/nav_button_over.jpg') no-repeat; color: #000000; }

div#CompanyTabs a			{ display: inline; background: #006E12; padding: 3px 15px 1px 15px; margin: 0 2px; font-weight: normal; font-size: 14px; text-decoration: none; border: 1px solid #000; border-width: 1px 1px 0 1px; }
div#CompanyTabs a:link,
div#CompanyTabs a:visited	{ color: #FFFFFF; }
div#CompanyTabs a:active,
div#CompanyTabs a:hover		{ color: #CCCCCC; }
div#CompanyTabs a.active	{ color: #000000; background: #FFFFFF; font-weight: bold; }

div#Shows a:link, a:visited	{ color: #006E12; text-decoration: underline; }
div#Shows a:active, a:hover	{ color: #666666; text-decoration: underline; }
div#Shows a.active			{ color: #000000; text-decoration: none; }

a#prev 	{ font-weight: bold; float: left; }
a#pause { font-weight: bold; text-align: center; }
a#next 	{ font-weight: bold; float: right; }