/*
AUTHOR: CFDS cflinn.com 

PALETTE per designer Michelle Armstrong:
dark olive		663
pale olive		993
pale					cc9
*/

/* RESETS & BASIC STYLES & FONTS */

* { margin:0; padding:0 }
html { overflow-y: scroll; }
body { 
	font: 62.5% verdana, arial, helvetica, sans serif;
}
ul { list-style: none inside; }
p, .indented { font-size: 1.2em; line-height: 1.8em; margin-bottom: 1.2em; }
	.smallnote { font-size: .9em; color:#993; }
	
a { outline: none; color:#663; }
a img { border: none; }

h2 { margin-top:2ex; }

fieldset { border:1px solid #993; }
	fieldset p, fieldset ul { padding: 3ex 0 0 3em; }
		fieldset p a { color:#663; }
	fieldset div img { border: 1px solid #000; margin:2em; }
	fieldset.checkboxes form { font-size:1.3em; }
		fieldset.checkboxes form input.mysubmit { font-size:1em; }
legend { color:#000; margin-left:2em; font-size: 1.4em; font-weight:bold; }
label { margin-left:1em; text-align:left; font-size:1.1em; display:block; }
input, textarea { margin-left:1em; width:240px; margin-bottom:3ex; font-size:1.3em; }
	input.animage { width:auto; }
	input.checkbox { line-height:140%; width:auto; }
	select { margin-left:1em; height: auto; border:1px solid #993; margin-bottom:3ex;  }
	option { padding-left: 1em;}
	textarea { height:100px; overflow:visible; }
	input.half { width: 120px; margin-right:5px; }
.mysubmit { width:auto; background:#cc9; color:#663; }

.rsvpnote { font-size: .9em; color:#9c9c9c; padding: 0 2em; margin:0; }

/* UTILITARIAN */

.floatleft { float: left; margin-left:5px; }
.floatright { float: right; margin-right:5px; }
.clear { clear: both; }
.alert { color:red; font-weight:bold; } 

code { font-size: 2em; color:#663366; padding:5px; margin:5px; } /* development use only */

/* DIVISIONS */

#holdall { width:872px; margin:0 auto; border:1px solid #cc9; border-top:none; }
#header { border-bottom: 6px solid #993; }
#content { background-image:url(pix/background_872x11.png); background-repeat:repeat-y; }
#menu { width:150px; margin:20px; float:left;}
	#menu ul {}
		#menu ul li { padding-bottom: 2em; }
			#menu ul li a { text-decoration:none; color:#fff; font-size: 1.2em; }
#material { width:450px; margin-top:20px; margin-right:10px; float:left; }
	#material h1 { color:#663; font-size: 1.5em; padding-bottom: 2ex; }
	#material h2 { color:#663; font-size: 1.3em; padding-bottom:1.5ex; }
	#material ul li { font-size: 1.2em; line-height: 1.2em; margin-bottom: 1.2em; }
	#material .double, #material .listing, #material .indented { margin:0 0 2ex 4em; }
	#material .double ul { float: left; width: 400px; margin: 0; padding: 0; list-style:none; }
		#material .double ul li { float:left; width: 200px; margin: 0; padding: 0; }
	#material .listing ul { list-style:disc; }
#rightside { width:200px; margin-top:20px; float:right; border-left:4px solid #cc9; }
	#rightside ul { padding-left:20px; }
		#rightside ul li { padding-bottom: 3em; }
			#rightside ul li a { text-decoration:none; color:#663; font-size: 1.3em; }
	
#footer { text-align:center; margin-top:10px; padding-bottom: 10px; padding-left: 100px; }
	/* padding-left in footer to approximate centering beneath two right-most divs */
	#footer p { font-size:.9em; color: #000; line-height:1.5em; }
		#footer a { text-decoration:none; color:#000; }