body
 { background: #000000 url('/template/images/gradient.gif') repeat-x; cursor: default; font-family: Verdana, Arial, sans; font-size: 0.7em; margin: 0px; padding: 0px; text-align: center; }

#body
 { margin: 0px; }

#admin-bar
 { background: #aaaaaa; border-bottom: 2px solid #000000; padding: 10px 30px; text-align: left; opacity: 0.25; margin-top: -30px; }

#admin-bar:hover
 { margin: 0px; opacity: 1.0; }

#frame
 { background: #ffffff; border-left: 1px solid #111111; border-right: 1px solid #111111; margin: 0px auto; overflow: hidden; text-align: left; width: 800px; }

#titlebar
 { height: 65px; }

#title-img
 { float: left; margin: 5px 5px 0px 5px; } 

#titlebar ul
 { float: right; list-style-type: none; margin: 0px; padding: 0px 10px 0px 0px; }

#titlebar li
 { float: left; margin: 0px 0px; }

#titlebar a, #titlebar a:visited
 { color: #0000aa; font-size: 10px; text-decoration: none; }

#titlebar a:hover
 { color: #ff0000; }

#create-new-account
 { float: right; clear: right; margin: 15px 15px 0px 0px;}

#navbar
 { height: 30px; overflow: hidden;}

#navbar ul
 { height: 30px; list-style-type: none; margin: 0px; padding: 0px;}

#navbar li
 { float: left; height: 30px; margin: 0px 25px; overflow: hidden; padding: 0px; }

#login-status
 { background: url('/template/images/divider-back.gif') repeat-x; height: 30px; font-size: 10px; overflow: hidden; }

#login-status div
 { margin-top: 12px; margin-left: 10px; }

#subtitle
 { background: url('/template/images/subtitle-back.jpg') no-repeat; height: 30px; overflow: hidden; text-align: right; }

#main
 { margin: 5px; min-height: 400px; }

#main-with-sidebar
 { background: url('/template/images/sidebar-back.gif') repeat-y; margin: 5px; min-height: 400px; }

#sidebar
 { float: left; overflow: hidden; width: 153px; }

#sidebar ol
 { list-style-type: none; margin: 3px 0px; padding: 0px; }

#sidebar ul
 { list-style-type: none; margin: 40px 0px 0px 0px; padding: 0px; }

#sidebar li
 { margin: 6px; padding: 0px; height: 38px; overflow: hidden; }

#sidebar a
 { color: #000000; display: block; padding: 11px 5px; font-size: 12px; text-decoration: none; }

#sidebar li.active
 { background: url('/template/images/sidebar-button-active.gif') no-repeat; margin-right: 0px; }

#sidebar li.enabled
 { background: url('/template/images/sidebar-button-enabled.gif') no-repeat; }

#sidebar li.enabled:hover
 { background: url('/template/images/sidebar-button-hover.gif') no-repeat; }

#sidebar li.disabled
 { background: url('/template/images/sidebar-button-disabled.gif') no-repeat; color: #666666; font-style: italic; }

#sidebar li div
 { padding: 11px 5px; font-size: 12px; }

#sidebar ul li a, #sidebar ul li div
 { text-align: center; }

#main-with-sidebar #content
 { float: right; overflow: hidden; width: 615px; }

#content
 { padding-bottom: 3em; overflow: hidden; }

#displayerror
 { background-color: #ffffe1; border: 1px solid #5c5c5c; font-size: 0.9em; margin: 20px; }

#displayerror .title
 { font-weight: bold; margin: 5px 10px 0px 10px; padding: 2px 5px; }

#displayerror ul
 { margin: 0px 15px 15px 40px; padding: 0px; }

div
 { position: relative; } /* This is the secret to those pretty, big numbers.  It took me forever to figure it out. */

a.moreinfo
 { color: #ff0000; cursor: help; font-size: 1.15em; font-weight: bold; padding: 0px 2ex; text-decoration: none; vertical-align: middle; }

dl
 { margin: 5px 20px; }

h1
 { border-bottom: 5px solid #eeeeee; font-family: "Bitstream Vera Sans", Arial, Helvetica, sans; font-size: 2em; margin: 10px 0px; padding: 1px 5px; }

h2
 { border-bottom: 2px solid #eeeeee; font-family: "Bitstream Vera Sans", Arial, Helvetica, sans; font-size: 1.75em; margin: 10px 0px; padding: 1px 7px; }

img
 { border: 0px; }

p
 { margin: 10px; }

form fieldset
 { border: 0px; border-top: 1px solid #444444; clear: both; margin: 10px 0px; }

form fieldset legend
 { color: #0046d5; font-family: "Bitstream Vera Sans", Arial, Helvetica, sans; font-size: 1.5em; }

form input,
form textarea
 { font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans; font-size: 1em; padding: 1px; }

form input.long
 { width: 225px; }

form input.phone
 { width: 125px; }

form label.required
 { font-weight: bold; }

form .pair
 { clear: left; font-size: 0.9em; margin: 4px 0px 3px 10px; position: static; }

form .pair label
 { float: left; margin: 0px 10px 0px 0px; padding: 3px; text-align: right; width: 150px; }

form .lonefield
 { text-align: center; }

form .element-note
 { font-size: 0.9em; }

form input.disabled
 { color: #000000; }

/* In an effort to be nice, I'm including the URL of a site that was a big inspiration on these forms:
   http://jeffhowden.com/code/css/forms/
   However, I don't think that the copyright applies given that there's plenty prior art.  Still, thank you Jeff. */

form div.note
 { float: right; width: 150px; margin: 10px; padding: 5px; border: 1px solid #666666; background-color: #ffffe1; font-size: 0.8em; }

form div.note div.title
 { border-bottom: 1px solid #666666; color: #666666; font-weight: bold; padding-bottom: 3px; text-align: center; }

form div.note p
 { margin: 0.5em 0px; color: #555555; }

div.item-number
 { color: #e6e6e6; font-family: "Times New Roman"; font-size: 70px; position: absolute; text-align: right; right: 0px; z-index: 5; }

.buttons
 { background: url('/template/images/arrow.gif') no-repeat 10% 50%; clear: both; margin-top: 20px; text-align: center; }

.buttons button
 { margin: 2px 15px; }

#footer
 { clear: both; width: 100%; }

#footer ul
 { background: #333333; list-style-type: none; margin: 0px; padding: 5px 0px; text-align: center; }

#footer li
 { display: inline; padding: 0px 10px; }

#footer ul a
 { color: #ffffff; font-size: 10px; font-weight: bold; text-decoration: none; }

#site-credit
 { color: #444444; float: left; font-size: 8px; margin: 2px 0px 0px 15px; }

	/* ====== Small Form ====== */

.smallform
 { margin-top: 30px; }

.smallform form
 { margin: auto; padding: 0px; width: 60%; }

.smallform form label
 { width: 45%; }

	/* ====== Index Page ====== */

#index-main-img
 { margin-bottom: 0px; text-align: center; }

#members-index-content
 { float: left; margin: 5px; padding-bottom: 3em; width: 500px; }

#index-sidebar
 { background: #ffffff; float: right; font-size: 0.9em; margin: 10px; overflow: hidden; width: 260px; }

#index-sidebar .content
 { margin: 5px; }

#index-sidebar h1
 { border-bottom: 2px solid #eeeeee; font-size: 1em; }

#index-sidebar h2
 { border-bottom: 0px; font-size: 1em; }


	/* ====== Registration ====== */

form .agreement
 { text-align: left; height: 20em; margin: 10px; overflow: auto; padding: 10px;}

	/* ====== Tables ====== */

table
 { font-size: 1em; margin: auto; width: 750px; }

table div
 { position: static; }

#main-with-sidebar table
 { width: 600px; }

#members-index-content table
 { width: 475px; }

table tr.delivery
 { background: #eeeeee; }

table tr.alternate
 { background: #fafafa; }

table td
 { padding: 1px 3px; }

table th
 { background: #eeeeee; padding: 1px 2px; text-align: left; }

table.history th
 { background: #cccccc; }

table td.id
 { text-align: center; }

table td div.title a
 { color: #000000; display: block; text-decoration: none; }

table td div.title a:hover
 { color: #830000; }

table td div.name
 { color: #444444; font-size: 0.9em; margin-top: -1px; margin-left: 1em; }

table td.price
 { text-align: right; width: 10ex; }

table td.check
 { text-align: center; }

table.file-display
 { margin-bottom: 15px; width: 600px; }

table.file-display th
 { width: 125px; }

table.file-display input.long,
table.file-display textarea,
table.payment input.long,
table.payment textarea
 { width: 90%; }

table.file-display input
 { position: relative; z-index: 10; }

	/* ====== Bug Fixes ====== */

input.check
 { margin-top: 3px; width: auto !important; }