html { font-size: .625em; }
body { margin: 0; padding: 0; background: #973BC5; color: #FFF; }
body, td, input, textarea, option, select { font-family: Verdana, Arial, Helvetica, sans-serif; }
table, input, textarea, option, select { font-size: 1em; }
ul, ol { margin: 0; padding: 0 0 0 2.5em; }
h1, h2, h3, h4, h5, h6, p, ul, ol { padding-top: 0; padding-bottom: 1.3em; margin: 0; }
ul ul, ul ol, ol ol, ol ul { padding-bottom: 0; }

/* DEFINE BASE FONT SIZE -- 1.1em = 11px, etc. */
body { font-size: 1.2em; }

/* DEFINE CONTENT LINE HEIGHT */
#content p, #content ul, #content ol, #content li, #content blockquote { line-height: 1.6em; }
/* DEFINE CONTENT COLOR */
#content { color: #973BC5; }

a:link { color: #5197ed; }
a:visited { color: #5197ed; }
a:hover, a:focus { color: #ed3cc5; }
a:active { color: #ed3cc5; text-decoration: none; }

h1 { font-size: 1.7em; color: #5197ed; text-transform: uppercase; padding-bottom: 0; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1em; }
h5 { font-size: .9em; }
h6 { font-size: .8em; }

.clear { clear: both; }
.floatLeft { float: left; }
.floatRight { float: right; }

.error, .highlight { color: #ed3cc5; }

form#heldscraptiveLoginForm, form#heldscraptiveForgotPasswordForm, form#heldscraptivePostMessageForm, form#heldscraptiveSignUpForm, form#heldscraptiveAddFoodItemForm { margin: 0; padding: 0 0 15px 0; }
form#heldscraptiveLoginForm label, form#heldscraptiveForgotPasswordForm label, form#heldscraptivePostMessageForm label, form#heldscraptiveSignUpForm label, form#heldscraptiveAddFoodItemForm label { float: left; width: 70px; display: block; margin: 0; padding: 0 0 10px 0; text-align: right; font-weight: bold; }
form#heldscraptiveLoginForm input, form#heldscraptiveForgotPasswordForm input, form#heldscraptivePostMessageForm input, form#heldscraptivePostMessageForm textarea, form#heldscraptiveSignUpForm input, form#heldscraptiveAddFoodItemForm input { float: left; width: 120px; display: block; margin: 0 0 5px 5px; padding: 0; }
form#heldscraptiveLoginForm input.loginButton, form#heldscraptiveForgotPasswordForm input.submitButton, form#heldscraptivePostMessageForm input.submitButton, form#heldscraptiveSignUpForm input.signUpButton, form#heldscraptiveRSVPForm input.cancelButton, form#heldscraptiveRSVPForm input.submitButton, form#heldscraptiveAddFoodItemForm input.submitButton { width: 70px; background: #CCCCCC; color: #000000; border: 1px solid #003333; padding: 1px; font-weight: bold; margin: 0 0 0 75px; }

form#heldscraptiveForgotPasswordForm label { width: 98px; }
form#heldscraptiveForgotPasswordForm input { width: 216px; }
form#heldscraptiveForgotPasswordForm input.submitButton { margin: 0 0 0 103px; }

form#heldscraptivePostMessageForm label { width: 97px; }
form#heldscraptivePostMessageForm input { width: 216px; }
form#heldscraptivePostMessageForm textarea { width: 400px; height: 150px; }
form#heldscraptivePostMessageForm input.submitButton { margin: 0 0 0 102px; }

form#heldscraptiveSignUpForm label { width: 160px; }
form#heldscraptiveSignUpForm input { width: 216px; }
form#heldscraptiveSignUpForm input.signUpButton { margin: 0 0 0 165px; }
form#heldscraptiveSignUpForm select { float: left; width: 370px; display: block; margin: 0 0 5px 5px; padding: 0; }

form#heldscraptiveAddFoodItemForm label { width: 141px; }
form#heldscraptiveAddFoodItemForm input { width: 216px; }
form#heldscraptiveAddFoodItemForm input.hiddenField { width: 0; margin: 0; }
form#heldscraptiveAddFoodItemForm input.submitButton { margin: 0 0 0 146px; }

table#messageBoard { width: 100%; margin: 0; }
table#messageBoard .messageBoardCell {  }
table#messageBoard .messageBoardLabel { width: 100px; font-weight: bold; padding: 5px; }
table#messageBoard .messageBoard-dateTime { background: #973BC5; color: #FFF; font-style: italic; text-align: right; padding: 2px 4px 2px 0; }
table#messageBoard tr.messageBoardBottom {  }
table#messageBoard .messageBoard-messageValue { background: #99FF99; padding: 5px; }
table#messageBoard .messageBoard-postedByValue { padding: 5px; }

form#heldscraptiveRSVPForm input.cancelButton, form#heldscraptiveRSVPForm input.submitButton { margin: 0; }
form#heldscraptiveRSVPForm label { display: block; }
form#heldscraptiveRSVPForm { margin: 0; }
form#heldscraptiveRSVPForm .bottomRadioButton { padding-bottom: 10px; }

/* CUSTOM DESIGN ELEMENTS */
body { margin-bottom: 30px; }
#page { width: 950px; background: url(images/bg-page.gif) repeat-y; }
	#containerColumns { background: url(images/bg-containerColumns.gif) left top no-repeat; min-height: 440px; _height: 440px; }
		#header { background: url(images/bg-title.gif) 64px 0 no-repeat; min-height: 138px; _height: 138px; }
			#userInformation { text-align: right; margin-right: 20px; padding-top: 122px; line-height: 0; }
				#userInformation a:link { color: #9dc8fd; }
				#userInformation a:visited { color: #9dc8fd; }
				#userInformation a:hover, #userInformation a:focus { color: #fcb5ec; }
				#userInformation a:active { color: #fcb5ec; text-decoration: none; }
		#columnSide { float: left; width: 150px; }
			#navigationMain { }
				#navigationMain ul { padding: 0 0 0 10px; }
					#navigationMain li { list-style: none; background: #f0f563; color: #973BC5; margin: 3px; border: 2px solid #973BC5; }
						#navigationMain a { text-decoration: none; color: #973BC5; font-weight: bold; text-transform: uppercase; line-height: 1.4em; display: block; padding: 5px; }
						#navigationMain a:hover { color: #FFF; }
						#navigationMain li:hover { text-decoration: none; font-weight: bold; text-transform: uppercase; line-height: 1.4em; background: #49f84d; }
		#columnMain { float: left; width: 735px; padding-left: 20px; }
			#pageTitle { margin-top: 7px; margin-bottom: 20px; border-bottom: 2px solid #49f84d; }
			#content { background: #FFF; padding: 0 0 10px 0; }

#gatheringList { border-collapse: collapse; }
	#gatheringList a:link { color: #666; }
	#gatheringList a:visited { color: #666; }
	#gatheringList a:hover, #gatheringList a:focus  { color: #000; }
	#gatheringList a:active { color: #000; text-decoration: none; }
	#gatheringList tr { vertical-align: top; }
.tableNoCellPadding { padding: 0; }
.tableRowBackground { background: #99FF99; }
.gatheringListAttendees { border-collapse: collapse; }
.tableCellPadding { padding: 3px 5px 3px 5px; }
.columnHeading { font-weight: bold; }

.noBottomPadding { padding-bottom: 0; }

.foodList { padding-top: 1.3em; padding-bottom: 0; }

.everyGathering { padding: 10px; margin: 10px 0 0 0; }
.everyOtherGathering { background: #99FF99; }

.tableCellWidth1 { width: 150px; }
.tableCellWidth2 { width: 100px; }
.tableCellWidth3 { width: 100px; }
.tableCellWidth4 { width: 100px; }

.moneyInTableColumn { display: inline-block; width: 50px; text-align: right; }